PhoenixDivision/cpred
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

Implement PWA features: add service worker, manifest, and offline page; enhance footer and header navigation
All checks were successful
Deploy Jekyll site to Pages / build (push) Successful in 5m57s
Details

Browse Source
This commit is contained in:
Florian Weber
2025-03-18 21:51:15 +01:00
parent 20b46587ee
commit fae93a92de
13 changed files with 147 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
_includes/footer.html
View File

@@ -1,11 +1,21 @@
<footer class="cyber-razor-top bg-black">
{% if site.footer_links and site.footer_links.size > 0 %}
{% for link in site.footer_links %}
<a href="{{ link.url }}" class="cyber-a">{{ link.title }}</a>
<ul class="tabs mobile-tabs">
<li class="tab col s1 {% if page.url == "/" %}bg-red{% else %}bg-dark{% endif %}"><a href="{{ "/" | relative_url }}" class="cyber-a"><i class="material-icons">home</i></a></li>
{% for tab in sorted_pages %}
{% if tab.title and tab.permalink and tab.nav != false %}
<li class="tab col s1 {% if page.url == tab.url %}bg-red{% else %}bg-dark{% endif %}">
<a href="{{ tab.url | relative_url }}" target="_self" class="cyber-a">
{% if tab.icon %}
<i class="material-icons">{{ tab.icon }}</i>
{% else %}
{{ tab.title }}
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
{% else %}
<span></span> <!-- Erzeugt leeren, aber sichtbaren Footer -->
{% endif %}
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"

3
_includes/head.html
View File

@@ -2,6 +2,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }} - {{ site.title }}</title>
<link rel="manifest" href="{{ '/assets/manifest.json' | relative_url }}">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="{{ "/assets/css/normalize.css" | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">

29
_includes/header.html
View File

@@ -5,34 +5,15 @@
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="{{ "/" | relative_url }}" class="cyberpunk-font-og f-x2-5">{{ site.title }}</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="{{ "/" | relative_url }}" class="cyber-a">Home</a></li>
{% for page in sorted_pages %}
{% if page.title and page.permalink and page.nav != false %}
<li><a href="{{ page.url | relative_url }}" class="cyber-a">{{ page.title }}</a></li>
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="{{ "/" | relative_url }}" class="cyber-a{% if page.url == "/" %} fg-yellow{% endif %}">Home</a></li>
{% for tab in sorted_pages %}
{% if tab.title and tab.permalink and tab.nav != false %}
<li><a href="{{ tab.url | relative_url }}" class="cyber-a{% if page.url == tab.url %} fg-yellow{% endif %}">{{ tab.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ "/" | relative_url }}">
Home
</button>
</li>
{% for page in sorted_pages %}
{% if page.title and page.permalink and page.nav != false %}
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ page.url | relative_url }}">
{{ page.title }}
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
</div>