]> jfr.im git - irc/freenode/web-7.0.git/blobdiff - templates/base.html
readme: adds missing dependency (build fails without it)
[irc/freenode/web-7.0.git] / templates / base.html
index cc24a1d51b0885d01301ab2aee0a398985fa9497..84b55ba1c18eaeaae7195b6bb63a3c097ad45b86 100644 (file)
@@ -4,26 +4,44 @@
     <meta charset="utf-8">
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <meta content="width=device-width, initial-scale=1" name="viewport">
-    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-    <meta content="#fff" name="theme-color">
+    {#- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags #}
+    <meta name="theme-color" content="#292f2f">
+    <meta name="description" content="{{ config.DESCRIPTION }}">
+    {%- if robots is defined and robots is not none %}
+    <meta name="robots" content="{{ robots }}">
+    {%- endif %}
     <link rel="icon" href="{{ url_for("static/img/logos/coloured-alphabg-sq-120.png") }}">
-    <title>{{ title }}</title>
-    <link href="{{ url_for("static/css/open-sans.css") }}" rel="stylesheet">
-    <link href="{{ url_for("static/css/style.css") }}" rel="stylesheet">
-    <link href="{{ url_for("static/css/font-awesome.min.css") }}" rel="stylesheet">
+    {%- block links %}
+    <link rel="alternate" type="application/rss+xml" href="{{ url_for("news/rss") }}" title="news (rss)">
+    <link rel="alternate" type="application/atom+xml" href="{{ url_for("news/atom") }}" title="news (atom)">
+    {%- endblock %}
+    <title>{% block title %}{{ title }} - {{ config.name }}{% endblock %}</title>
+    {%- for stylesheet in ['open-sans.css', 'font-awesome.css', 'style.css'] %}
+    <link href="{{ url_for("static/css/" + stylesheet) }}?{{ git_hash }}" rel="stylesheet">
+    {%- endfor %}
 </head>
 <body>
     <nav class="navbar">
-        <a href="{{ url_for("index") }}"><img alt="freenode" class="nlogo" src="{{ url_for("static/img/logos/coloured-alphabg.svg") }} "></a>
-        <a href="https://www.privateinternetaccess.com/" target="_blank"><img alt="Private internet access" class="nlogo" src="{{ url_for("static/img/logos/PIALogo_black.svg") }}"></a>
+        <a id="nav-jump" class="invisible" href="#navigation">Jump to navigation</a>
+        <a id="nav-logo" href="{{ url_for("index") }}"><img alt="freenode" class="nlogo" src="{{ url_for("static/img/logos/coloured-alphabg.svg") }} "></a>
+        <a id="nav-pia" href="https://www.privateinternetaccess.com/pages/buy-vpn/freend/" target="_blank"><img alt="Private Internet Access" class="nlogo" src="{{ url_for("static/img/logos/PIALogo_white.svg") }}"></a>
+        <form id="nav-search" action="https://www.google.com/cse">
+            <input type="hidden" name="cx" value="partner-pub-3720690829065633:9p8fr4-u91g">
+            <input type="hidden" name="ie" value="ISO-8859-1">
+            <label for="search" class="invisible">Query:</label>
+            <input id="nav-searchbox" type="text" name="q" placeholder="Search using Google">
+            <label id="nav-label" for="nav-searchbox"><i class="fa fa-search fa-lg"></i></label>
+            <input id="nav-submit" type="submit" class="invisible" value="Search using Google">
+        </form>
     </nav>
     <div class="container">
-            {% block content %}{% endblock %}
-        </div>
+        {% block content %}{% endblock %}
     </div>
     <div class="footers">
-            {% include "footer.html" %}
+        <a id="navigation"></a>
+        {% include "footer.html" %}
     </div>
-    {% include "analytics.html" %}
+    {#- scripts last to avoid blocking rendering #}
+    <script src="{{ url_for("static/js/utils.js") }}?{{ git_hash }}" type="text/javascript"></script>
 </body>
 </html>