new style, new blog post, german langauge translate

This commit is contained in:
2026-06-22 14:31:40 +02:00
parent e0ce9334d0
commit cb4e80cf23
32 changed files with 776 additions and 407 deletions
-4
View File
@@ -1,4 +0,0 @@
{{- $level := .Level -}}
<h{{ $level }} id="{{ .Anchor | safeURL }}">
{{ .Text | safeHTML }} <em>{{ range seq $level }}#{{ end }}</em>
</h{{ $level }}><br>
+4 -4
View File
@@ -1,10 +1,10 @@
<div class="infobox">
<div class="infobox-content">
<span class="infobox-label">Date Published:</span>
<span class="infobox-value">{{ .Date | time.Format "January 2, 2006" }}</span>
<span class="infobox-label">{{ i18n "date_published" }}:</span>
<span class="infobox-value">{{ .Date | time.Format ":date_long" }}</span>
</div>
<div class="infobox-content">
<span class="infobox-label">Read time: </span>
<span class="infobox-value">{{ printf " %d minute(s)" .ReadingTime }}</span>
<span class="infobox-label">{{ i18n "read_time" }}:</span>
<span class="infobox-value">~{{ .ReadingTime }} {{ i18n "minutes" }}</span>
</div>
</div>
+7 -8
View File
@@ -1,13 +1,12 @@
<header class="topbar">
<div class="topbar-content">
<em>
<a href="{{ "/" | relURL }}" class="site-title">
{{ .Site.Title }}
</a>
</em>
<a href="{{ "/" | relLangURL }}" class="site-title">{{ .Site.Title }}</a>
<nav class="nav-links">
<a href="{{ "blog/" | relURL }}">~/blog</a>
<a href="{{ "whoami/" | relURL }}">~/whoami</a>
<a href="{{ "blog/" | relLangURL }}">Blog</a>
<a href="{{ "whoami/" | relLangURL }}">{{ i18n "nav_about" }}</a>
{{ with .Translations }}
{{ range . }}<a class="lang-switch" href="{{ .RelPermalink }}">{{ .Language.Lang | upper }}</a>{{ end }}
{{ end }}
</nav>
</div>
</div>
</header>
-28
View File
@@ -1,28 +0,0 @@
<style>
#typedText::after {
content: "|";
animation: blink 1s infinite;
font-weight: bolder;
}
@keyframes blink {
60% { opacity: 0; }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const text = "{{ .Site.Params.Greeting }}";
const element = document.getElementById("typedText");
let index = 0;
function type() {
if (index < text.length) {
element.textContent += text.charAt(index);
index++;
setTimeout(type, 256);
}
}
type();
});
</script>
+12 -6
View File
@@ -1,12 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<html lang="{{ .Site.Language.Lang }}">
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="/css/style.css">
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<title> {{ .Site.Params.browserTitle }} :: {{ .Title }} </title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .Site.Params.browserTitle }} :: {{ .Title }}</title>
{{ with .Description }}<meta name="description" content="{{ . }}">{{ end }}
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="preload" as="font" type="font/woff2" href="/fonts/lora-400.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="/fonts/lora-600.woff2" crossorigin>
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
</head>
<body>
+22 -6
View File
@@ -1,14 +1,30 @@
{{ define "main" }}
{{ partial "typed.html" . }}
<div class="landing-welcome">
<h1 id="typedText"></h1>
<section class="landing">
<h1 class="landing-name">{{ .Site.Params.name }}</h1>
<p class="landing-tagline">{{ i18n "hero_tagline" }}</p>
<div class="landing-links">
{{ range .Site.Params.socials }}
<a href="{{ .url }}" target="_blank">{{ .name }}</a>
<a href="{{ .url }}" target="_blank" rel="noopener">{{ .name }}</a>
{{ end }}
</div>
</div>
{{ with .Site.GetPage "/blog" }}
{{ with first 4 .Pages }}
<div class="landing-latest">
<h2 class="latest-heading">{{ i18n "latest_writing" }}</h2>
<ul class="latest-list">
{{ range . }}
<li>
<a class="latest-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
<span class="latest-date">{{ .Date | time.Format ":date_medium" }}</span>
</li>
{{ end }}
</ul>
<a class="latest-all" href="{{ "blog/" | relLangURL }}">{{ i18n "all_posts" }}</a>
</div>
{{ end }}
{{ end }}
</section>
{{ end }}
+7 -11
View File
@@ -2,19 +2,15 @@
<h1>{{ .Title }}</h1>
<ul>
<ul class="postlist">
{{ range .Pages }}
<div class="blogpost">
<div class="blogpost-content">
<a class="blogpost-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
<span class="blogpost-date">{{ .Date | time.Format "January 2, 2006" }}</span>
<li>
<div class="post-head">
<a class="post-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
<span class="post-date">{{ .Date | time.Format ":date_medium" }} · ~{{ .ReadingTime }} {{ i18n "minutes" }}</span>
</div>
<div class="blogpost-content">
<span>{{ .Description }}</span>
</div>
</div>
{{ with .Description }}<p class="post-desc">{{ . }}</p>{{ end }}
</li>
{{ end }}
</ul>