homepage iniT
This commit is contained in:
@@ -0,0 +1,65 @@
|
||||
<style>
|
||||
.footer {
|
||||
line-height: 4rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 40px !important;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.ai-disclaimer {
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.site-disclaimer {
|
||||
font-size: 10px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
</style>
|
||||
<footer class="footer">
|
||||
<section class="container">
|
||||
<p class="ai-disclaimer">
|
||||
<i
|
||||
>All content on this website is handwritten.
|
||||
<br />
|
||||
This website does not contain AI-generated content.</i
|
||||
>
|
||||
</p>
|
||||
|
||||
<br style="line-height: 0;" />
|
||||
|
||||
©
|
||||
<script>
|
||||
document.write(`${new Date().getFullYear()} <b>Dr. Ing. Thomas Sindt</b>`);
|
||||
</script>
|
||||
|
||||
<br style="line-height: 8px;" />
|
||||
|
||||
<p class="site-disclaimer">
|
||||
{{ with .Site.Params.social }}
|
||||
{{ $len := sub (len .) 1 }}
|
||||
{{ range $i, $e := sort . }}
|
||||
<a href="{{ $e.url }}" target="_blank">{{ $e.name }}</a>{{ if lt $i $len }} |{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</p>
|
||||
<p class="site-disclaimer">
|
||||
Die Website wurde mit HUGO erstellt, so wie das Internet ursprünglich gedacht war: als ein Ort, an dem Menschen ihre Gedanken und ihr Wissen frei teilen können.
|
||||
<br />
|
||||
Das bedeutet eine einfache, inhaltsorientierte Website, die Gedanken und Wissen kostenlos teilt.
|
||||
<br />
|
||||
Dies ist der Grund, warum diese Website keine Tracker, keine Werbung und keine Anforderung zur Ausführung von <span id="javascript-text">Javascript</span> hat.
|
||||
</p>
|
||||
<p class="site-disclaimer">Posts: CC-BY-SA | Source code: AGPL-3.0</p>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const jsText = document.querySelector("#javascript-text")
|
||||
jsText.addEventListener("dblclick", e => {
|
||||
const style = document.createElement("style");
|
||||
style.innerHTML = "* { font-family: 'Comic Sans MS', 'Comic Sans', 'Noto Sans Mono', monospace !important; }";
|
||||
document.head.appendChild(style);
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,29 @@
|
||||
<script>
|
||||
function toggleMenu() {
|
||||
const x = document.getElementById("topnav-items");
|
||||
console.log(x);
|
||||
if (x.className === "topnav-list") {
|
||||
x.className += " navopen";
|
||||
} else {
|
||||
x.className = "topnav-list";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<section class="container">
|
||||
<nav class="topnav">
|
||||
<a class="topnav-title" href="{{ .Site.BaseURL }}">
|
||||
{{ .Site.Title }}
|
||||
</a>
|
||||
{{ with .Site.Menus.main }}
|
||||
<a href="javascript:void(0);" class="mobilemenu" onclick="toggleMenu()">Menu</a>
|
||||
<ul id="topnav-items" class="topnav-list">
|
||||
{{ range sort . }}
|
||||
<li class="topnav-item">
|
||||
<a class="topnav-link" href="{{ .URL }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
|
||||
</nav>
|
||||
</section>
|
||||
@@ -0,0 +1,21 @@
|
||||
<section class="container list">
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p>Posts are also available as an <a href="/blog/index.xml" target="_blank">RSS feed</a>.</p>
|
||||
<p style="text-align: center;">
|
||||
<b>Categories: </b>
|
||||
<a href="/blog"><i>all</i></a>
|
||||
<br />
|
||||
{{ $categories := slice }}
|
||||
{{ range site.Taxonomies.categories.Alphabetical }}
|
||||
{{ $term := .Term }}
|
||||
{{ $url := printf "/categories/%s/" $term | urlize }}
|
||||
{{ $categories = $categories | append (printf `<a href="%s">%s</a>` $url $term) }}
|
||||
{{ end }}
|
||||
{{ delimit $categories " | " | safeHTML }}
|
||||
</p>
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li><span>{{ .Date.Format "January 2, 2006" }}</span><a href="{{ .Permalink }}">{{ .Title }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</section>
|
||||
@@ -0,0 +1,9 @@
|
||||
<section class="container page">
|
||||
<article>
|
||||
<header>
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</section>
|
||||
@@ -0,0 +1,60 @@
|
||||
<section class="container">
|
||||
<article class="blogpost">
|
||||
<header>
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<h2 class="date">{{ .Date.Format "January 2, 2006" }}</h2>
|
||||
<p style="margin-bottom: 0">
|
||||
<b>Reading time</b>:
|
||||
{{ if eq .ReadingTime 1 }}
|
||||
1 minute
|
||||
{{ else }}
|
||||
{{ .ReadingTime }} minutes
|
||||
{{ end }}
|
||||
</p>
|
||||
<p style="margin-bottom: 0; margin-top: 0;">
|
||||
{{ with .GetTerms "categories" }}
|
||||
<b>Categories:</b>
|
||||
{{ $categories := slice }}
|
||||
{{ range . }}
|
||||
{{ $categories = $categories | append (printf `<a href="%s">%s</a>` .RelPermalink .LinkTitle) }}
|
||||
{{ end }}
|
||||
{{ delimit $categories ", " | safeHTML }}
|
||||
{{ end }}
|
||||
</p>
|
||||
<p style="margin-top: 0">
|
||||
{{ with .GetTerms "tags" }}
|
||||
<b>Tags:</b>
|
||||
{{ $tags := slice }}
|
||||
{{ range . }}
|
||||
{{ $tags = $tags | append (printf `<a href="%s">%s</a>` .RelPermalink .LinkTitle) }}
|
||||
{{ end }}
|
||||
{{ delimit $tags ", " | safeHTML }}
|
||||
{{ end }}
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
<hr class="endofpost" />
|
||||
|
||||
<p style="text-align: center;">
|
||||
<i>
|
||||
Thoughts or questions about this article?
|
||||
<br />
|
||||
Feel free to drop me a
|
||||
<a href="https://www.linkedin.com/in/lucianonooijen/" target="_blank">message on LinkedIn</a>
|
||||
or a
|
||||
<a href="https://x.com/LucianoNooijen">Twitter DM</a>!
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
If you like my articles, please consider subscribing to my <a href="/blog/index.xml" target="_blank">RSS feed</a>.
|
||||
</i>
|
||||
</p>
|
||||
|
||||
<hr class="endofpost" />
|
||||
</article>
|
||||
</section>
|
||||
Reference in New Issue
Block a user