flex/templates/base.html

304 lines
11 KiB
HTML
Raw Normal View History

2017-01-12 00:32:48 +01:00
{% if 'jinja2.ext.i18n' not in JINJA_ENVIRONMENT.extensions and 'jinja2.ext.i18n' not in JINJA_EXTENSIONS %}
{%- macro _(msg) -%}
2016-08-12 02:05:34 +02:00
{{ msg % kwargs }}
{%- endmacro -%}
2016-08-12 02:05:34 +02:00
{% endif %}
2015-07-19 02:04:01 +02:00
<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% if page in hidden_pages %}
<meta name="robots" content="noindex, nofollow" />
{% else %}
<meta name="robots" content="{{ ROBOTS }}" />
{% endif %}
{% if USE_GOOGLE_FONTS != False %}
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
{% endif %}
2016-02-16 01:15:28 +01:00
2015-07-19 02:04:01 +02:00
{% if USE_LESS %}
2016-02-16 01:15:28 +01:00
<link rel="stylesheet/less" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/style.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js" type="text/javascript"></script>
2015-07-19 02:04:01 +02:00
{% else %}
2016-02-16 01:15:28 +01:00
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/style.min.css">
2015-07-19 02:04:01 +02:00
{% endif %}
2016-02-16 01:15:28 +01:00
2020-04-16 17:00:25 +02:00
{# DARK THEME STYLES #}
{% if THEME_COLOR == "dark" or THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE or THEME_COLOR_ENABLE_USER_OVERRIDE %}
<link id="dark-theme-style" rel="stylesheet" type="text/css"
{% if THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE %}
{% if THEME_COLOR|default("light") == "dark" %}
media="(prefers-color-scheme: dark), (prefers-color-scheme: no-preference)"
{% else %}
media="(prefers-color-scheme: dark)"
{% endif %}
{% elif THEME_COLOR_ENABLE_USER_OVERRIDE and THEME_COLOR|default("light") == "light" %}
disabled="disabled"
{% endif %}
href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/dark-theme.min.css">
{% endif %}
2020-04-16 17:00:25 +02:00
{# PYGMENTS STYLES #}
{% if THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE or THEME_COLOR_ENABLE_USER_OVERRIDE or THEME_COLOR == "dark" %}
<link id="pygments-dark-theme" rel="stylesheet" type="text/css"
{% if THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE %}
{% if THEME_COLOR|default("light") == "dark" %}
media="(prefers-color-scheme: dark), (prefers-color-scheme: no-preference)"
{% else %}
media="(prefers-color-scheme: dark)"
{% endif %}
{% elif THEME_COLOR_ENABLE_USER_OVERRIDE and THEME_COLOR|default("light") == "light" %}
disabled="disabled"
{% endif %}
href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/pygments/{{ PYGMENTS_STYLE_DARK or PYGMENTS_STYLE or 'monokai' }}.min.css">
{% endif %}
{% if THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE or not THEME_COLOR or THEME_COLOR == "light" %}
<link id="pygments-light-theme" rel="stylesheet" type="text/css"
{% if THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE %}
{% if THEME_COLOR|default("light") == "dark" %}
media="(prefers-color-scheme: light)"
{% else %}
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
{% endif %}
{% endif %}
href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/pygments/{{ PYGMENTS_STYLE|default('github') }}.min.css">
{% endif %}
{% if PLUGINS and 'tipue_search' in PLUGINS %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.css" />
{% endif %}
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/font-awesome/css/fontawesome.css">
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/font-awesome/css/brands.css">
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/font-awesome/css/solid.css">
2016-02-16 01:15:28 +01:00
{% if CUSTOM_CSS %}
2016-02-16 01:15:28 +01:00
<link href="{{ SITEURL }}/{{ CUSTOM_CSS }}" rel="stylesheet">
{% endif %}
2016-02-16 01:15:28 +01:00
2015-07-19 02:04:01 +02:00
{% if FEED_ALL_ATOM %}
2016-02-16 01:15:28 +01:00
<link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom">
2015-07-19 02:04:01 +02:00
{% endif %}
2016-02-16 01:15:28 +01:00
2015-07-19 02:04:01 +02:00
{% if FEED_ALL_RSS %}
2016-02-16 01:15:28 +01:00
<link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS">
2015-07-19 02:04:01 +02:00
{% endif %}
2016-02-16 01:15:28 +01:00
2015-07-20 07:04:44 +02:00
{% if FAVICON %}
2016-02-16 01:15:28 +01:00
<link rel="shortcut icon" href="{{ FAVICON }}" type="image/x-icon">
<link rel="icon" href="{{ FAVICON }}" type="image/x-icon">
2015-07-20 07:04:44 +02:00
{% endif %}
2015-07-19 02:04:01 +02:00
{% if GOOGLE_ANALYTICS %}
{% include "partial/ga.html" %}
{% endif %}
{% if GOOGLE_GLOBAL_SITE_TAG %}
{% include "partial/ggst.html" %}
{% endif %}
2016-04-23 04:07:58 +02:00
{% if BROWSER_COLOR %}
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="{{ BROWSER_COLOR }}">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="{{ BROWSER_COLOR }}">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
2017-04-22 08:41:39 +02:00
<!-- Microsoft EDGE -->
<meta name="msapplication-TileColor" content="{{ BROWSER_COLOR }}">
2016-04-23 04:07:58 +02:00
{% endif %}
2016-02-16 01:15:28 +01:00
2021-04-21 22:51:01 +02:00
{% if not PLUGINS or 'seo' not in PLUGINS %}
{% if REL_CANONICAL %}
{% if page %}
<link rel="canonical" href="{{ SITEURL }}/{{ page.url }}">
{% elif article %}
<link rel="canonical" href="{{ SITEURL }}/{{ article.url }}">
{% elif page_name == 'index' and not articles_previous_page %}
<link rel="canonical" href="{{ SITEURL }}">
{% elif author or category or tag or page_name == 'index' %}
<link rel="canonical" href="{{ SITEURL }}/{{ articles_page.url }}">
{% else %}
<link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
{% endif %}
{% endif %}
2021-04-21 22:51:01 +02:00
{% endif %}
2015-07-20 04:34:54 +02:00
{% block meta %}
2016-02-16 01:15:28 +01:00
<meta name="author" content="{{ AUTHOR }}" />
<meta name="description" content="{{ SITEDESCRIPTION }}" />
{% include "partial/og.html" %}
2015-07-19 02:04:01 +02:00
{% endblock %}
2016-02-16 01:15:28 +01:00
2015-07-20 04:34:54 +02:00
<title>{{ SITENAME }}{% block title %}{% endblock %}</title>
2016-11-08 01:13:43 +01:00
{% if GOOGLE_ADSENSE and GOOGLE_ADSENSE.page_level_ads %}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "{{ GOOGLE_ADSENSE.ca_id }}",
enable_page_level_ads: true
});
</script>
{% endif %}
{% if GOOGLE_TAG_MANAGER %}
{% include "partial/gtm.html" %}
{% endif %}
{% if MICROSOFT_CLARITY %}
{% include "partial/clarity.html" %}
{% endif %}
2015-07-19 02:04:01 +02:00
</head>
2020-04-20 23:36:36 +02:00
<body {% if not THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE %}class="{{ THEME_COLOR|default('light') }}-theme"{% endif %}>
2015-11-25 02:55:55 +01:00
{% if GOOGLE_TAG_MANAGER %}
{% include "partial/gtm_noscript.html" %}
2015-11-25 02:55:55 +01:00
{% endif %}
2015-07-19 02:04:01 +02:00
<aside>
2015-07-22 06:26:35 +02:00
<div>
2015-07-19 02:04:01 +02:00
<a href="{{ SITEURL }}">
2015-07-20 04:34:54 +02:00
{% if SITELOGO %}
<img src="{{ SITELOGO }}" alt="{{ SITETITLE }}" title="{{ SITETITLE }}">
2015-07-19 02:04:01 +02:00
{% else %}
2015-08-21 07:25:56 +02:00
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/img/profile.png" alt="{{ SITETITLE }}" title="{{ SITETITLE }}">
2015-07-19 02:04:01 +02:00
{% endif %}
</a>
2020-04-20 23:36:36 +02:00
<h1>
<a href="{{ SITEURL }}">{{ SITETITLE }}</a>
</h1>
{% if SITESUBTITLE %}<p>{{ SITESUBTITLE }}</p>{% endif %}
2020-04-20 23:36:36 +02:00
{% if PLUGINS and 'tipue_search' in PLUGINS %}
<form class="navbar-search" action="/search.html" role="search">
2020-04-20 23:36:36 +02:00
<input type="text" name="q" id="tipue_search_input" placeholder="{{ _('Search...') }}">
</form>
{% endif %}
2020-04-20 23:36:36 +02:00
{% if (pages and DISPLAY_PAGES_ON_MENU) or LINKS %}
2015-07-19 02:04:01 +02:00
<nav>
<ul class="list">
{# Open links in new window depending on the LINKS_IN_NEW_TAB setting #}
{% macro get_target(link) -%}
2020-04-20 23:36:36 +02:00
{%- if LINKS_IN_NEW_TAB in ('all', true) -%}
_blank
{%- elif LINKS_IN_NEW_TAB == "external" and not link.startswith("/") and not link.startswith(SITEURL) -%}
_blank
{%- else -%}
_self
{%- endif -%}
{%- endmacro %}
{% if PAGES_SORT_ATTRIBUTE -%}
{% set pages = pages|sort(attribute=PAGES_SORT_ATTRIBUTE) %}
{%- endif %}
2020-04-20 23:36:36 +02:00
2019-01-03 20:25:19 +01:00
{% if DISPLAY_PAGES_ON_MENU %}
2020-04-20 23:36:36 +02:00
{% for page in pages %}
<li>
<a target="{{ get_target(SITEURL) }}"
href="{{ SITEURL }}/{{ page.url }}{% if not DISABLE_URL_HASH %}#{{ page.slug }}{% endif %}">
{{ page.title }}
</a>
</li>
{% endfor %}
2019-01-03 20:25:19 +01:00
{% endif %}
2015-07-19 02:04:01 +02:00
{% for name, link in LINKS %}
2020-04-20 23:36:36 +02:00
<li>
<a target="{{ get_target(link) }}" href="{{ link }}" >{{ name }}</a>
</li>
2015-07-19 02:04:01 +02:00
{% endfor %}
</ul>
</nav>
{% endif %}
2015-07-19 02:04:01 +02:00
<ul class="social">
{% for name, link in SOCIAL %}
<li>
2019-01-02 23:53:47 +01:00
<a {% if name == 'mastodon' %}rel="me"{% endif %} class="sc-{{ name }}" href="{{ link }}" target="_blank">
2020-04-20 23:36:36 +02:00
<i class="{% if name in ['envelope', 'rss'] %}fas{% else %}fab{% endif %} fa-{{ name }}"></i>
</a>
</li>
2015-07-19 02:04:01 +02:00
{% endfor %}
</ul>
</div>
2016-11-08 01:13:43 +01:00
{% if GOOGLE_ADSENSE and GOOGLE_ADSENSE.ads.aside %}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads-aside"
data-ad-client="{{ GOOGLE_ADSENSE.ca_id }}"
data-ad-slot="{{ GOOGLE_ADSENSE.ads.aside }}"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{% endif %}
2015-07-19 02:04:01 +02:00
</aside>
<main>
2016-11-08 01:13:43 +01:00
{% if GOOGLE_ADSENSE and GOOGLE_ADSENSE.ads.main_menu %}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads-responsive"
data-ad-client="{{ GOOGLE_ADSENSE.ca_id }}"
data-ad-slot="{{ GOOGLE_ADSENSE.ads.main_menu }}"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{% endif %}
2015-07-19 02:04:01 +02:00
{% if MAIN_MENU %}
<nav>
<a href="{{ SITEURL }}">{{ _('Home') }}</a>
2015-07-19 02:04:01 +02:00
{% for title, link in MENUITEMS %}
2020-04-21 18:55:22 +02:00
<a href="{{ link }}">{{ _(title) }}</a>
2015-07-19 02:04:01 +02:00
{% endfor %}
2015-07-19 02:04:01 +02:00
{% if FEED_ALL_ATOM %}
<a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}">{{ _('Atom') }}</a>
2015-07-19 02:04:01 +02:00
{% endif %}
2015-07-19 02:04:01 +02:00
{% if FEED_ALL_RSS %}
<a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}">{{ _('RSS') }}</a>
2015-07-19 02:04:01 +02:00
{% endif %}
</nav>
{% endif %}
{% block content %}
{% endblock %}
<footer>
{% if CC_LICENSE %}
2015-07-20 04:34:54 +02:00
{% include "partial/cc_license.html" %}
2015-07-19 02:04:01 +02:00
{% else %}
{% include "partial/copyright.html" %}
2015-07-19 02:04:01 +02:00
{% endif %}
</footer>
</main>
2015-11-25 02:55:55 +01:00
{% if GUAGES %}
2015-11-25 02:55:55 +01:00
{% include "partial/guages.html" %}
{% endif %}
2015-11-25 02:55:55 +01:00
2015-07-21 05:49:51 +02:00
{% if ADD_THIS_ID %}
2015-11-25 02:55:55 +01:00
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid={{ ADD_THIS_ID }}" async="async"></script>
2015-07-21 05:49:51 +02:00
{% endif %}
2015-11-18 15:01:47 +01:00
{% if (PIWIK_URL and PIWIK_SITE_ID) or (MATOMO_URL and MATOMO_SITE_ID) %}
{% include "partial/matomo.html" %}
2015-11-18 15:01:47 +01:00
{% endif %}
2015-11-25 02:55:55 +01:00
2016-06-03 01:11:21 +02:00
{% include "partial/jsonld.html" %}
2017-02-15 14:23:50 +01:00
{% if GITHUB_CORNER_URL %}
2020-04-20 23:36:36 +02:00
{% include 'partial/github.html' %}
2017-02-15 14:08:35 +01:00
{% endif %}
2020-04-20 23:36:36 +02:00
{% block additional_js %}{% endblock %}
2015-07-19 02:04:01 +02:00
</body>
</html>