zola-inky-fork/templates/base.html

143 lines
5.6 KiB
HTML
Raw Normal View History

2023-02-01 17:58:59 +00:00
{% import "macros/head.html" as head -%}
{% import "macros/opengraph.html" as social -%}
{% import "macros/hooks.html" as hooks -%}
{% import "macros/images.html" as images -%}
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
{%- block general_meta -%}
{{ head::general_meta() }}
{%- endblock general_meta -%}
{%- block og_preview -%}
{{ social::og_preview() }}
{%-endblock og_preview -%}
2023-02-20 11:24:42 +00:00
{% block rss -%}
2023-02-01 17:58:59 +00:00
<link rel="alternate"
type="application/rss+xml"
title="{{config.title}}"
2023-02-20 11:24:42 +00:00
href="{{ get_url(path='atom.xml',trailing_slash=false)|safe}}">
{% endblock rss -%}
{% if config.extra.google_analytics_tag_id -%}
<!-- Google Analytics tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ config.extra.google_analytics_tag_id }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ config.extra.google_analytics_tag_id }}');
</script>
{% endif -%}
2023-02-01 17:58:59 +00:00
<link rel="preconnect"
href="https://fonts.googleapis.com">
<link rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin>
<!-- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css2?family=Andada+Pro&display=swap&family=Playfair+Display"
rel="stylesheet">
<link rel="stylesheet"
href="{{ get_url(path='base.css',trailing_slash=false)|safe}}">
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js"
integrity="sha512-7x3zila4t2qNycrtZ31HO0NnJr8kg2VI67YLoRSyi9hGhRN66FHYWr7Axa9Y1J9tGYHVBPqIjSE1ogHrJTz51g=="
crossorigin="anonymous"></script>
</head>
<body>
<header>
2023-02-20 11:24:42 +00:00
{% if config.extra.avatar -%}
2023-02-01 17:58:59 +00:00
<div class="avatar">
<a href="/">
2023-02-12 19:09:36 +00:00
{{ images::responsive_image(path="", src=config.extra.avatar, default_size=128, sizes=[64,128,256], alt=config.title ) }}
2023-02-01 17:58:59 +00:00
</a>
</div>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
<a class="site-name"
href="/">
<h1>{{ config.title }}</h1>
</a>
<div class="site-description">
<p>{{ config.description }}</p>
</div>
<nav>
<div class="links">
2023-02-20 11:24:42 +00:00
{% for menu_link in config.extra.menu_links -%}
{% set link_url = menu_link.url | replace(from="$BASE_URL", to=config.base_url) -%}
2023-02-01 17:58:59 +00:00
<a {% if current_url and current_url==link_url %}class="active" {% endif %}
href="{{ link_url | safe}} ">{{menu_link.name}}</a>
2023-02-20 11:24:42 +00:00
{% endfor -%}
2023-02-01 17:58:59 +00:00
</div>
</nav>
</header>
<article>
2023-02-20 11:24:42 +00:00
{% block content -%}
{% endblock -%}
2023-02-01 17:58:59 +00:00
</article>
<footer>
<div class="social">
<ul>
{# Github #}
2023-02-20 11:24:42 +00:00
{% if config.extra.link_github_username -%}
2023-02-01 17:58:59 +00:00
<li>
<a href="https://github.com/{{ config.extra.link_github_username }}"
title="Github" rel="me"><i data-feather="github"></i></a>
</li>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
{# Mastadon #}
2023-02-20 11:24:42 +00:00
{% if config.extra.link_mastodon_url -%}
2023-02-01 17:58:59 +00:00
<li>
<a href="{{ config.extra.link_mastodon_url }}"
title="Mastodon" rel="me"><i data-feather="message-square"></i></a>
</li>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
{# Twitter #}
2023-02-20 11:24:42 +00:00
{% if config.extra.link_twitter_username -%}
2023-02-01 17:58:59 +00:00
<li>
<a href="https://twitter.com/{{ config.extra.link_twitter_username }}"
title="Twitter"
rel="me"><i data-feather="twitter"></i></a>
</li>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
{# Instagram #}
2023-02-20 11:24:42 +00:00
{% if config.extra.link_instagram_username -%}
2023-02-01 17:58:59 +00:00
<li>
<a href="https://www.instagram.com/jimmyff_art/{{ config.extra.link_instagram_username }}"
title="Medium"
rel="me"><i data-feather="instagram"></i></a>
</li>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
{# Medium #}
2023-02-20 11:24:42 +00:00
{% if config.extra.link_medium_username -%}
2023-02-01 17:58:59 +00:00
<li>
<a href="https://medium.com/@{{ config.extra.link_medium_username }}"
title="Medium"
rel="me"><i data-feather="file-text"></i></a>
</li>
2023-02-20 11:24:42 +00:00
{% endif -%}
2023-02-01 17:58:59 +00:00
{# RSS feed #}
<li>
<a href="{{ get_url(path='atom.xml',trailing_slash=false)|safe }}"
title="{{config.title}}"><i data-feather="rss"></i></a>
</li>
</ul>
</div>
<p> © {{ config.title }} {{ now() | date(format="%Y") }}
{# If you remove the powered by information, it would be appreciated if
you could add information & links somewhere else on your site to credit
those that have created your tools. #}
{% if config.extra.disable_powered_by and config.extra.disable_powered_by == true %}{% else %}<br>Powered by <a target="_blank" href="https://getzola.org/">Zola</a>. Theme: <a target="_blank" href="https://github.com/jimmyff/zola-inky">Inky</a>.{% endif %}
</p>
</footer>
<script>
feather.replace();
</script>
{% block body_end -%}
{% endblock body_end -%}
2023-02-01 17:58:59 +00:00
</body>
</html>