Files
pygeoapi/pygeoapi/templates/_base.html
T
Tom Kralidis f9fb2c6005 move to f-strings for string interpolation (#1064)
* update from format() to f-strings

* fix

* fix

* fix ref

* update headers
2022-12-08 16:09:19 -05:00

124 lines
6.0 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="{{ config['server']['encoding'] }}">
<title>{% block title %}{% endblock %}{% if not self.title() %}{{ config['metadata']['identification']['title'] }}{% endif %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="language" content="{{ config['server']['language'] }}">
<meta name="description" content="{{ config['metadata']['identification']['title'] }}">
<meta name="keywords" content="{{ config['metadata']['identification']['keywords']|join(',') }}">
<link rel="shortcut icon" href="{{ config['server']['url'] }}/static/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ config['server']['url'] }}/static/css/default.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<meta name="twitter:image:src" content="{% block thumb %}{% endblock %}{% if not self.thumb() %}{{ config['server']['url'] }}/static/img/logo.png{% endif %}" />
<meta property="og:image" content="{{ self.thumb() }}{% if not self.thumb() %}{{ config['server']['url'] }}/static/img/logo.png{% endif %}" />
<meta name="twitter:site" content="{{ config['metadata']['identification']['title'] }}" />
<meta property="og:site_name" content="{{ config['metadata']['identification']['title'] }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ self.title() }}{% if not self.title() %}{{ config['metadata']['identification']['title'] }}{% endif %}" />
<meta property="og:title" content="{{ self.title() }}{% if not self.title() %}{{ config['metadata']['identification']['title'] }}{% endif %}" />
<meta name="twitter:description" content="{{ config['metadata']['identification']['description'] }}" />
<meta property="og:description" content="{{ config['metadata']['identification']['description'] }}" />
<meta property="og:type" content="website" />
{% for link in data['links'] %}
{% if (link['rel']=="self" and link['type']=="text/html") %}
<link rel="canonical" href="{{ link['href'].split('?')[0] }}?f=html" />
{% elif (link['rel']!="canonical") %}
<link rel="{{ link['rel'] }}" type="{{ link['type'] }}" title="{{ link['title'] }}" href="{{ link['href'] }}"/>
{% endif %}
{% endfor %}
{% block extrahead %}
{% endblock %}
</head>
<body>
<div class="bg-light sticky-top border-bottom">
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3">
<a href="{{ config['server']['url'] }}"
class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<img src="{{ config['server']['url'] }}/static/img/logo.png"
title="{{ config['metadata']['identification']['title'] }}" style="height:40px;vertical-align: middle;" /></a>
<ul class="nav nav-pills">
<li class="nav-item">
<a href="mailto:{{ config['metadata']['contact']['email'] }}" class="nav-link" aria-current="page">Contact</a>
</li>
<!--
Add additional menu items here
<a href="https://pygeoapi.io" class="nav-link">About</a>
-->
</ul>
</header>
</div>
</div>
<div class="crumbs">
<div class="container">
<div class="row">
<div class="col-sm-12">
{% block crumbs %}
<a href="{{ config['server']['url'] }}">{% trans %}Home{% endtrans %}</a>
{% endblock %}
<span style="float:right">
{% set links_found = namespace(json=0, jsonld=0) %}
{% for link in data['links'] %}
{% if link['rel'] == 'alternate' and link['type'] and link['type'] in ['application/json', 'application/geo+json'] %}
{% set links_found.json = 1 %}
<a href="{{ link['href'] }}">{% trans %}json{% endtrans %}</a>
{% elif link['rel'] == 'alternate' and link['type'] and link['type'] == 'application/ld+json' %}
{% set links_found.jsonld = 1 %}
<a href="{{ link['href'] }}">{% trans %}jsonld{% endtrans %}</a>
{% endif %}
{% endfor %}
{% if links_found.json == 0 %}
<a href="?f=json">{% trans %}json{% endtrans %}</a>
{% endif %}
{% if links_found.jsonld == 0 %}
<a href="?f=jsonld">{% trans %}jsonld{% endtrans %}</a>
{% endif %}
</span>
</div>
</div>
</div>
</div>
<main>
<div class="container">
<div class="row">
<div class="col-sm-12">
<br/>
{% block body %}
{% endblock %}
</div>
</div>
</div>
</main>
<footer class="sticky-bottom bg-light d-flex flex-wrap py-3 px-3 border-top">{% trans %}Powered by {% endtrans %} <a title="pygeoapi" href="https://pygeoapi.io"><img
src="{{ config['server']['url'] }}/static/img/pygeoapi.png" class="mx-1" title="pygeoapi logo"
style="height:24px;vertical-align: middle;" /></a> {{ version }}</footer>
{% block extrafoot %}
{% endblock %}
<script>
// Requests and embeds JSON-LD representation of current page
var xhr = new XMLHttpRequest();
var path = window.location.protocol + "//" + window.location.host + window.location.pathname + "?f=jsonld";
xhr.open('GET', path);
xhr.onload = function() {
if (xhr.status === 200) {
var head = document.getElementsByTagName('head')[0];
var jsonld_datablock = document.createElement('script');
jsonld_datablock.type = "application/ld+json";
//remove full context path, because search engines don't expect it here, pyld requires it.
jsonld_datablock.textContent = xhr.responseText.replace('docs/jsonldcontext.jsonld','');
head.appendChild(jsonld_datablock);
}
};
xhr.send();
</script>
</body>
</html>