add dates to pages (functionality)

This commit is contained in:
Arian Furrer 2024-07-16 20:43:16 +02:00
parent 91bf744b66
commit 20a120c87b
1 changed files with 107 additions and 73 deletions

View File

@ -1,84 +1,118 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="description" content=" <meta
name="description"
content="
{% if description %} {% if description %}
{{ description }} {{ description }}
{% else %} {% else %}
{{ site.description }} {{ site.description }}
{% endif %}" {% endif %}"
/> />
<!-- STYLE SHEETS AND FAVICON --> <!-- STYLE SHEETS AND FAVICON -->
<link href="/style.css" rel="stylesheet" /> <link href="/style.css" rel="stylesheet" />
<link rel="icon" type="image/x-icon" href="/_media/favicon.png" /> <link rel="icon" type="image/x-icon" href="/_media/favicon.png" />
<!-- GOOGLE FONTS --> <!-- GOOGLE FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap" rel="stylesheet"> <link
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap"
<!-- SYNTAX HIGHLIGHTING FONT --> rel="stylesheet"
<link rel="stylesheet" href="https://unpkg.com/dracula-prism/dist/css/dracula-prism.css"> />
<title>{{ title }}</title> <link
</head> href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
<body class="page--{% if page.fileSlug %}{{ page.fileSlug }}{% endif %}"> rel="stylesheet"
<div class="reader-bar-start"> />
<div class="header"> <!-- SYNTAX HIGHLIGHTING FONT -->
<h1 class="website-title"><i>{{ title }}</i></h1> <link
</div> rel="stylesheet"
href="https://unpkg.com/dracula-prism/dist/css/dracula-prism.css"
<div class="row"> />
<div class="column left"> <title>{{ title }}</title>
<strong>Navigation</strong> </head>
{% include "partials/nav-list.njk" %} <body class="page--{% if page.fileSlug %}{{ page.fileSlug }}{% endif %}">
</div> <div class="reader-bar-start">
<div class="header">
<h1 class="website-title"><i>{{ title }}</i></h1>
</div>
<div class="column right content"> <div class="row">
{% if content | toc | safe %} <div class="column left">
<details class="table-of-contents"> <strong>Navigation</strong>
<summary class="toc-header">Table of Contents</summary> {% include "partials/nav-list.njk" %}
<p> </div>
{{ content | toc | safe}}
</p>
</details>
{% endif %}
{{ content | safe}} <div class="column right content">
</div> {% if dateCreated %} Published:
</div> <i
>{{ dateCreated.toLocaleString("en-AU", { weekday: "long", year:
"numeric", month: "long", day: "numeric" }) }}</i
>
{% endif %}
<br />
{% if dateChanged %} Published:
<i
>{{ dateChanged.toLocaleString("en-AU", { weekday: "long", year:
"numeric", month: "long", day: "numeric" }) }}</i
>
{% endif %} {% if content | toc | safe %}
<h1>Table of Contents</h1>
<details class="table-of-contents">
<summary>Click to open</summary>
<p>{{ content | toc | safe}}</p>
</details>
{% endif %} {{ content | safe}}
</div>
</div>
{% readerBar 8px, "white" %} {% readerBar 8px, "white" %}
<div class="footer"> <div class="footer">
<div class="f-table-td"> <div class="f-table-td">
<strong>Dev</strong> <strong>Dev</strong>
<ul> <ul>
<li><a href="htts://github.com/epic-nan">GitHub</a></li> <li><a href="htts://github.com/epic-nan">GitHub</a></li>
<li><a href="htts://gitlab.com/epic-nan">GitLab</a></li> <li><a href="htts://gitlab.com/epic-nan">GitLab</a></li>
<li><a href="https://git.arian.li/arian">Gitea</a></li> <li><a href="https://git.arian.li/arian">Gitea</a></li>
</ul> </ul>
</div>
<div class="f-table-td" style="border-left: 1px solid #bbb">
<strong>Gaming/Socials</strong>
<ul>
<li>
<a href="https://www.swisssmash.ch/players/4994"
>SwissSmash Profile</a
>
</li>
<li>Discord: <i>nan6362</i></li>
<li>
<a href="https://www.discogs.com/user/epic_nan/collection"
>Discogs</a
>
</li>
<li>
<a href="https://www.setlist.fm/user/nan6362">Setlist.fm</a>
</li>
</ul>
</div>
<div class="f-table-td" style="border-left: 1px solid #bbb">
<strong>Public Projects</strong>
<ul>
<li><a href="https://arian.li">Personal Homepage</a></li>
<li><a href="https://uml.arian.li">PlantUML Server</a></li>
<li><a href="https://paste.arian.li">Wastebin Instance</a></li>
<li>
<a href="https://azo-notes.arian.li"
>[GERMAN] Basislehrjahr-Notizen</a
>
</li>
</ul>
</div>
<div class="f-table-td" style="border-left: 1px solid #bbb">
<p>&copy; {{ year }} {{ site.author }}</p>
</div>
</div>
</div> </div>
<div class="f-table-td" style="border-left: 1px solid #bbb;"> </body>
<strong>Gaming/Socials</strong> </html>
<ul>
<li><a href="https://www.swisssmash.ch/players/4994">SwissSmash Profile</a></li>
<li>Discord: <i>nan6362</i></li>
<li><a href="https://www.discogs.com/user/epic_nan/collection">Discogs</a></li>
<li><a href="https://www.setlist.fm/user/nan6362">Setlist.fm</a></li>
</ul>
</div>
<div class="f-table-td" style="border-left: 1px solid #bbb;">
<strong>Public Projects</strong>
<ul>
<li><a href="https://arian.li">Personal Homepage</a></li>
<li><a href="https://uml.arian.li">PlantUML Server</a></li>
<li><a href="https://paste.arian.li">Wastebin Instance</a></li>
<li><a href="https://azo-notes.arian.li">[GERMAN] Basislehrjahr-Notizen</a></li>
</ul>
</div>
<div class="f-table-td" style="border-left: 1px solid #bbb;">
<p>&copy; {{ year }} {{ site.author }}</p>
</div>
</div>
</div>
</body>
</html>