masq
/
pelican-papyrus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[ui] footer links

This commit is contained in:
max/sooulix 2024-08-15 18:05:53 +02:00
parent 4bf887c46e
commit 991ec39404
2 changed files with 79 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
templates/base.html
View File

@ -2,88 +2,84 @@
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}"> <html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head> <head>
{% block head %} {% block head %}
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="Pelican" /> <meta name="generator" content="Pelican" />
<title>{% block title %} {{ SITENAME }} {% endblock %}</title> <title>{% block title %} {{ SITENAME }} {% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/roboto.css" /> <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/roboto.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/font-awesome.css" /> <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/main.css" /> <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/main.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/resume.css" /> <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/resume.css" />
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/flags.css"> <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/flags.css">
{% if FEED_ALL_ATOM %} {% if FEED_ALL_ATOM %}
<link <link
href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}"
type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" /> type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
{% endif %} {% endif %}
{% if FEED_ALL_RSS %} {% if FEED_ALL_RSS %}
<link <link
href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}"
type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" /> type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %} {% endif %}
{% block extra_head %}{% endblock extra_head %} {% block extra_head %}{% endblock extra_head %}
{% endblock head %} {% endblock head %}
<script> <script>
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia( if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia(
'(prefers-color-scheme: dark)').matches)) { '(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
} else { } else {
document.documentElement.classList.remove('dark') document.documentElement.classList.remove('dark')
} }
</script> </script>
</head> </head>
<body class="min-h-screen flex flex-col max-w-7xl lg:max-w-none text-zinc-800 bg-neutral-100 <body class="min-h-screen flex flex-col max-w-7xl lg:max-w-none text-zinc-800 bg-neutral-100
dark:bg-neutral-900 dark:text-zinc-300 container mx-auto justify-center md:px-3 "> dark:bg-neutral-900 dark:text-zinc-300 container mx-auto justify-center md:px-3 ">
{% include('partials/menu.html') %} {% include('partials/menu.html') %}
<div class="flex-grow md:max-w-screen-md md:mx-auto md:w-3/4 px-4"> <div class="flex-grow md:max-w-screen-md md:mx-auto md:w-3/4 px-4">
{% include('partials/breadcrumbs.html') %} {% include('partials/breadcrumbs.html') %}
{% block content %} {% endblock %} {% block content %} {% endblock %}
</div> </div>
<footer class="flex w-full text-xs justify-center mt-10 mb-6 text-zinc-500 dark:text-zinc-400"> <footer class="flex w-full text-xs justify-center mt-10 mb-6 text-zinc-500 dark:text-zinc-400">
<div class="px-4"> {% include './partials/footer_links.html' %}
<span>{% if COPYRIGHT %}{{ COPYRIGHT }}&nbsp;&#8226;&nbsp;{% endif %}</span>Powered by </footer>
<a class="underline" href="https://getpelican.com/">Pelican</a>&nbsp;&
<a class="underline" href="https://github.com/aleylara/Papyrus">&nbsp;Papyrus</a>
</div>
</footer>
{% include 'analytics.html' %} {% include 'analytics.html' %}
{% include 'disqus_script.html' %} {% include 'disqus_script.html' %}
<script> <script>
let themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon'); let themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');
let themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); let themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia( if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia(
'(prefers-color-scheme: dark)').matches)) { '(prefers-color-scheme: dark)').matches)) {
themeToggleLightIcon.classList.remove('hidden'); themeToggleLightIcon.classList.remove('hidden');
} else { } else {
themeToggleDarkIcon.classList.remove('hidden'); themeToggleDarkIcon.classList.remove('hidden');
} }
let themeToggleBtn = document.getElementById('theme-toggle'); let themeToggleBtn = document.getElementById('theme-toggle');
themeToggleBtn.addEventListener('click', function () { themeToggleBtn.addEventListener('click', function () {
themeToggleDarkIcon.classList.toggle('hidden'); themeToggleDarkIcon.classList.toggle('hidden');
themeToggleLightIcon.classList.toggle('hidden'); themeToggleLightIcon.classList.toggle('hidden');
if (localStorage.getItem('color-theme')) { if (localStorage.getItem('color-theme')) {
if (localStorage.getItem('color-theme') === 'light') { if (localStorage.getItem('color-theme') === 'light') {
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
localStorage.setItem('color-theme', 'dark'); localStorage.setItem('color-theme', 'dark');
} else { } else {
document.documentElement.classList.remove('dark'); document.documentElement.classList.remove('dark');
localStorage.setItem('color-theme', 'light'); localStorage.setItem('color-theme', 'light');
} }
} else { } else {
if (document.documentElement.classList.contains('dark')) { if (document.documentElement.classList.contains('dark')) {
document.documentElement.classList.remove('dark'); document.documentElement.classList.remove('dark');
localStorage.setItem('color-theme', 'light'); localStorage.setItem('color-theme', 'light');
} else { } else {
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
localStorage.setItem('color-theme', 'dark'); localStorage.setItem('color-theme', 'dark');
} }
} }
}); });
</script> </script>
</body> </body>
</html> </html>

6
templates/partials/footer_links.html Normal file
View File

@ -0,0 +1,6 @@
<div class="px-4">
<h5 class="text-center">Powered by</h5>
{% for link_item in LINKS %}
<a class="underline me-4" href="{{ link_item[1] }}">{{ link_item[0] }}</a>
{% endfor %}
</div>