mirror of
https://github.com/agresdominik/website.git
synced 2026-07-22 00:20:55 +00:00
new style, new blog post, german langauge translate
This commit is contained in:
@@ -1,4 +0,0 @@
|
||||
{{- $level := .Level -}}
|
||||
<h{{ $level }} id="{{ .Anchor | safeURL }}">
|
||||
{{ .Text | safeHTML }} <em>{{ range seq $level }}#{{ end }}</em>
|
||||
</h{{ $level }}><br>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -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
@@ -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
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user