FranzR/sumup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

taxonomies (categories, tags, year/month/slug), syntax.css und Blog (posts).

Browse Source
This commit is contained in:
Franz Klotsche
2025-11-22 18:50:09 +01:00
parent dc0b5d8cfc
commit 230912cb0c
100 changed files with 4699 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
public/posts/2025/11/css-zen-garden/index.html Normal file
View File

@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta lang="de">
<meta name="author" content="Franz Klotsche">
<meta name="keywords" content="beginning">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/style.css">
<title>CSS Zen garden - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script>
<script>
var remark_config = {
host: 'https://remark42hugo-neocities-org.up.railway.app',
site_id: 'neocities',
locale: 'de',
allowAnon: true,
url: 'https:\/\/kurrrioo.neocities.org\/posts\/2025\/11\/css-zen-garden\/',
theme: 'light'
};
(function(c) {
for(var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = c[i];
(d.head || d.body).appendChild(s);
}
})(['https://remark42hugo-neocities-org.up.railway.app/web/config.js',
'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Start</a>
<a href="/about">Über mich</a>
<a href="/posts">Blog</a>
<a href="/projects">Projekte</a>
<a href="/presentations">Konzepte</a>
<a href="/resume">Lebenslauf</a>
<a href="/contact">Kontakt</a>
</nav><main>
<article class="post">
<header>
<h2>CSS Zen garden</h2>
<p>
Von Franz Klotsche
</p>
<p>
Veröffentlichung am 19.11.2025
<span class="tags">
in
<a class="tag" href="/tags/zen">Zen</a>
<a class="tag" href="/tags/css">CSS</a>
</span>
</p>
<p>
4 Minuten (800 Wörter) bei 200 p/m
</p>
</header>
<section class="body">
<p>It&rsquo;s not intended to change the HTML as Dave Shea - the author of the book - mentioned in the code of this template. I may change some shapes and colors into others by practising Zen and add some hyperlinks to new pages with a similiar design (by reusing the CSS).</p>
<p>I am grateful to Mister Lohman to share his work with me, so I respect this wish. I have no idea, yet, what habits are good, when designing for the web. I guess it&rsquo;s about the play between the space it takes and creates.</p>
<h3 id="as-r-magritte-said-">As R. Magritte said &hellip;</h3>
<p>This is not about the DOM but something &hellip; something about a transcendually-immersive experience without losing one&rsquo;s-self in the WWW - this may sound like time-wasting nonsense ; which it is, too, but even that has got some space in this play. There are enough rules as it is and speaking for myself, in terms of growing-up, Zen helps more that it doesn&rsquo;t.</p>
<p>Sincerely calling it enlightenment or waste precious time by talking nonsense in irony, is just one example of a spektrum. Everyone is invited to discover more as long as it helps more than it doesn&rsquo;t (also known as the lesser evil).</p>
<h3 id="make-a-wish">Make a wish</h3>
<p>I agree to have some fun and take risks but are you be prepared to live with the consequences? A French philosoher felt alive by thinking (at this very moment) however nobody is able to grasp what is eternal: emotions. In this sense it&rsquo;s much too simple to live by nature vs. nurture. This is no How-To control one&rsquo;s own anxiety. Is that even possible for a blink of an eye?</p>
<p>We tend to focus on programming the web too aggressive and the screen becomes like a tunnel. Increasing this focus leads us to more tunnels but what for? I wish not to amuse myself to death but don&rsquo;t want to overthink it, either.</p>
<h3 id="spectral-conversions">Spectral conversions</h3>
<p>Perception can be discussed but everyone got his own taste about what a conflict is. In Zen I would like to try to avoid it, which is a conflict in itself. I want to believe and achieve one step at a time. What matters and how is it to be done, is for everyone or each of us different except when it is not, at the same time.</p>
<p>Being careful means being a step behind but also having no feelings of regret, don&rsquo;t you agree? Finding sense can be done in contemplation but it changes itself, if one tries to get a hold of it. Switching electricity from off to on, back and forth forever is what semi-conductor transistors are invented for. What has happened at the moment the system stopped doing what I want it to do? It&rsquo;s only almost like blindness or deafness and starting to feel numb and I realise I&rsquo;m about to risk again something for the better or the worse. Zen or whatever life means to you is in-between and around the whole since we lock ourself up in buildings and lost connection to our eternal feelings.</p>
<h3 id="tools">Tools</h3>
<p>There is a lot going on behind the scenes and a tool on its own isn&rsquo;t useful until someone makes use of it even if one has very little knowledge of it. Mouse and keyboard are called peripheral tools but offer means to interact with other toolsets and interfaces eventually enabling me to write this sentence. For how long is it going to continue like that even if it is used for something useless as long as it is fun to do?</p>
<p>Some laws are deeply ingrained and sustain themselves without us realising. I learned in webdesign-theory form-follows-function is one of them but why or when? Question is, do I really want to find out or am I more apt to use other tools? I guess without realising, I might have been using the shell more than average. If I overdo it, my sight will eventually be too bad to continue and then the fun is over. Zen helps me in this case and after that, too.</p>
<h3 id="finito">Finito</h3>
<p>As such the glass is half full but only because I need to go to the tap or the shop to get a new bottle, to the closet, get my more or less well-earned (night-time) rest and etc, etc. In Zen there is no finish line just the same - as long as I keep breathing until nobody keeps remembering me. It is 2025-10-28 and has been 07:15 pm (UTC / GMT Offset +2:00 hours during Central European Summer Time, currently in use). The next line is give or take a little later.</p>
<p>Are you still reading, feel free to make it worth your while. This is no so called disclaimer: some hyperlinks do not work!</p>
</section>
<section class="related">
</section>
</article>
</main><footer>
<small>Copyright 2025 Franz Klotsche -
Find me on:<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
<li><a href="https://github.com/kurrrioo/">GitHub</a></li>
</ul></small>
</footer></div>
</body>
</html>

130
public/posts/2025/11/index.html Normal file
View File

@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta lang="de">
<meta name="author" content="Franz Klotsche">
<meta name="keywords" content="">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="alternate" type="application/rss+xml" href="https://kurrrioo.neocities.org/posts/2025/11/index.xml" title="2025/11 - Fransz Portfolio">
<title>2025/11 - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script>
<script>
var remark_config = {
host: 'https://remark42hugo-neocities-org.up.railway.app',
site_id: 'neocities',
locale: 'de',
allowAnon: true,
url: 'https:\/\/kurrrioo.neocities.org\/posts\/2025\/11\/',
theme: 'light'
};
(function(c) {
for(var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = c[i];
(d.head || d.body).appendChild(s);
}
})(['https://remark42hugo-neocities-org.up.railway.app/web/config.js',
'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Start</a>
<a href="/about">Über mich</a>
<a href="/posts">Blog</a>
<a href="/projects">Projekte</a>
<a href="/presentations">Konzepte</a>
<a href="/resume">Lebenslauf</a>
<a href="/contact">Kontakt</a>
</nav><main>
<h2>2025/11</h2>
<article>
<header>
<h3>
<a href="/posts/2025/11/twentytwentyfive/">Twentytwentyfive</a>
</h3>
<time>
November
19
</time>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
<article>
<header>
<h3>
<a href="/posts/2025/11/tribute-von/">Tribute Von</a>
</h3>
<time>
November
19
</time>
</header>
Bücher Das Buch was den Anfang dieser Website ermöglicht hat heißt:
Build Websites with Hugo - Fast Web Development with Markdown
geschrieben von Brian P. Hogan und editiert von Tammy Coron aus dem Jahr 2020.
You Turn Am Ende eines jeden Kapitels bekommt man Aufgaben. Am Ende des Kapitels Displaying Related Content wird die Gewichtung von zum Beispiel keywords angeschnitten. Die erste Aufgabe, eine Liste der Tags in /layouts/_default/tags.
</article>
<article>
<header>
<h3>
<a href="/posts/2025/11/css-zen-garden/">CSS Zen garden</a>
</h3>
<time>
November
19
</time>
</header>
<p>It&rsquo;s not intended to change the HTML as Dave Shea - the author of the book - mentioned in the code of this template. I may change some shapes and colors into others by practising Zen and add some hyperlinks to new pages with a similiar design (by reusing the CSS).</p>
</article>
</main><footer>
<small>Copyright 2025 Franz Klotsche -
Find me on:<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
<li><a href="https://github.com/kurrrioo/">GitHub</a></li>
</ul></small>
</footer></div>
</body>
</html>

40
public/posts/2025/11/index.xml Normal file
View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>2025/11 on Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/posts/2025/11/</link>
<description>Recent content in 2025/11 on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language><atom:link href="https://kurrrioo.neocities.org/posts/2025/11/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Twentytwentyfive</title>
<link>https://kurrrioo.neocities.org/posts/2025/11/twentytwentyfive/</link>
<pubDate>Wed, 19 Nov 2025 16:18:50 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/posts/2025/11/twentytwentyfive/</guid>
<description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;</description>
</item>
<item>
<title>Tribute Von</title>
<link>https://kurrrioo.neocities.org/posts/2025/11/tribute-von/</link>
<pubDate>Wed, 19 Nov 2025 16:16:30 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/posts/2025/11/tribute-von/</guid>
<description>Bücher Das Buch was den Anfang dieser Website ermöglicht hat heißt:
Build Websites with Hugo - Fast Web Development with Markdown
geschrieben von Brian P. Hogan und editiert von Tammy Coron aus dem Jahr 2020.
You Turn Am Ende eines jeden Kapitels bekommt man Aufgaben. Am Ende des Kapitels Displaying Related Content wird die Gewichtung von zum Beispiel keywords angeschnitten. Die erste Aufgabe, eine Liste der Tags in /layouts/_default/tags.</description>
</item>
<item>
<title>CSS Zen garden</title>
<link>https://kurrrioo.neocities.org/posts/2025/11/css-zen-garden/</link>
<pubDate>Wed, 19 Nov 2025 11:25:05 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/posts/2025/11/css-zen-garden/</guid>
<description>&lt;p&gt;It&amp;rsquo;s not intended to change the HTML as Dave Shea - the author of the book - mentioned in the code of this template. I may change some shapes and colors into others by practising Zen and add some hyperlinks to new pages with a similiar design (by reusing the CSS).&lt;/p&gt;</description>
</item>
</channel>
</rss>

119
public/posts/2025/11/tribut/index.html Normal file
View File

@@ -0,0 +1,119 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta lang="de">
<meta name="author" content="Franz Klotsche">
<meta name="keywords" content="">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/syntax.css">
<title>Tribut - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script>
<script>
var remark_config = {
host: 'https://remark42hugo-neocities-org.up.railway.app',
site_id: 'neocities',
locale: 'de',
allowAnon: true,
url: 'https:\/\/kurrrioo.neocities.org\/posts\/2025\/11\/tribut\/',
theme: 'light'
};
(function(c) {
for(var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = c[i];
(d.head || d.body).appendChild(s);
}
})(['https://remark42hugo-neocities-org.up.railway.app/web/config.js',
'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Start</a>
<a href="/about">Über mich</a>
<a href="/posts">Blog</a>
<a href="/projects">Projekte</a>
<a href="/presentations">Konzepte</a>
<a href="/resume">Lebenslauf</a>
<a href="/contact">Kontakt</a>
</nav><main>
<article class="post">
<header>
<h2>Tribut</h2>
<p>
Von Franz Klotsche
</p>
<p>
Veröffentlichung am 19.11.2025
<span class="tags">
in
<a class="tag" href="/tags/software">software</a>
<a class="tag" href="/tags/html">html</a>
</span>
</p>
<p>
0 Minuten (36 Wörter) bei 200 p/m
</p>
</header>
<section class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>
</article>
<h4 class=".giscus">Kommentare</h4>
<script src="https://giscus.app/client.js"
data-repo="kurrrioo/Frikandel-speciale"
data-repo-id="R_kgDOMeh49A"
data-category="Show and tell"
data-category-id="DIC_kwDOMeh49M4CyAGs"
data-mapping="title"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="bottom"
data-theme="light"
data-lang="de"
crossorigin="anonymous"
async>
</script>
</main><footer>
<small>Copyright 2025 Franz Klotsche -
Find me on:<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
</ul></small>
</footer></div>
</body>
</html>

150
public/posts/2025/11/tribute-von/index.html Normal file
View File

@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta lang="de">
<meta name="author" content="Franz Klotsche">
<meta name="keywords" content="">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/style.css">
<title>Tribute Von - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script>
<script>
var remark_config = {
host: 'https://remark42hugo-neocities-org.up.railway.app',
site_id: 'neocities',
locale: 'de',
allowAnon: true,
url: 'https:\/\/kurrrioo.neocities.org\/posts\/2025\/11\/tribute-von\/',
theme: 'light'
};
(function(c) {
for(var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = c[i];
(d.head || d.body).appendChild(s);
}
})(['https://remark42hugo-neocities-org.up.railway.app/web/config.js',
'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Start</a>
<a href="/about">Über mich</a>
<a href="/posts">Blog</a>
<a href="/projects">Projekte</a>
<a href="/presentations">Konzepte</a>
<a href="/resume">Lebenslauf</a>
<a href="/contact">Kontakt</a>
</nav><main>
<article class="post">
<header>
<h2>Tribute Von</h2>
<p>
Von Franz Klotsche
</p>
<p>
Veröffentlichung am 19.11.2025
<span class="tags">
in
<a class="tag" href="/tags/gohugo">gohugo</a>
<a class="tag" href="/tags/static-html">static html</a>
</span>
</p>
<p>
1 Minuten (188 Wörter) bei 200 p/m
</p>
</header>
<section class="body">
<img alt="Bucheinbandausschnitt" src="/images/tribute.png">
<h3 id="bücher">Bücher</h3>
<p>Das Buch was den Anfang dieser Website ermöglicht hat heißt:</p>
<blockquote>
<p>Build Websites with Hugo - Fast Web Development with Markdown</p>
</blockquote>
<p>geschrieben von Brian P. Hogan und editiert von Tammy Coron aus dem Jahr 2020.</p>
<h4 id="you-turn">You Turn</h4>
<p>Am Ende eines jeden Kapitels bekommt man Aufgaben. Am Ende des Kapitels <em>Displaying Related Content</em> wird die Gewichtung von zum Beispiel <em>keywords</em> angeschnitten. Die erste Aufgabe, eine Liste der Tags in /layouts/_default/tags.html zu erstellen, verstand ich nicht ganz da tag.terms.html schon existiert.</p>
<blockquote>
<p>iterate over all of the tags for the site with .Data.Terms. This will give you access to the number of content pages associated with each tag<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
</blockquote>
<ul>
<li>Aufgabe 2 ebenfalls nicht was gemeint wird mit</li>
</ul>
<blockquote>
<p>individual category pages<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
</blockquote>
<ul>
<li>
<p>Aufgabe 3 war einfach zu realisieren mit <code>{{ if isset .Params &quot;image&quot; }}</code> und den zugehörigen <em>front matter</em>.</p>
</li>
<li>
<p>Aufgabe 4 erachte ich für nicht dringend, da ich nicht soviele Projekte (mehr als 10) gleichzeitig erstellt habe (auch nicht vor habe).</p>
</li>
<li>
<p>und Aufgabe 5 wird in <code>themes/mytheme/layouts/index.html</code> erledigt und fand ich zunächst nicht (erwartete die Definition in <code>baseof.html</code>).</p>
</li>
</ul>
<p>Das nächste Kapitel behandelt die <strong>Suche</strong>.</p>
<section class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1" role="doc-endnote">
<p>Seite 133 (Build Websites with Hugo, Brian P. Hogan)&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</section>
</section>
<section class="related">
</section>
</article>
</main><footer>
<small>Copyright 2025 Franz Klotsche -
Find me on:<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
<li><a href="https://github.com/kurrrioo/">GitHub</a></li>
</ul></small>
</footer></div>
</body>
</html>

119
public/posts/2025/11/twentytwentyfive/index.html Normal file
View File

@@ -0,0 +1,119 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta lang="de">
<meta name="author" content="Franz Klotsche">
<meta name="keywords" content="beginning">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/style.css">
<title>Twentytwentyfive - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script>
<script>
var remark_config = {
host: 'https://remark42hugo-neocities-org.up.railway.app',
site_id: 'neocities',
locale: 'de',
allowAnon: true,
url: 'https:\/\/kurrrioo.neocities.org\/posts\/2025\/11\/twentytwentyfive\/',
theme: 'light'
};
(function(c) {
for(var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = c[i];
(d.head || d.body).appendChild(s);
}
})(['https://remark42hugo-neocities-org.up.railway.app/web/config.js',
'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Start</a>
<a href="/about">Über mich</a>
<a href="/posts">Blog</a>
<a href="/projects">Projekte</a>
<a href="/presentations">Konzepte</a>
<a href="/resume">Lebenslauf</a>
<a href="/contact">Kontakt</a>
</nav><main>
<article class="post">
<header>
<h2>Twentytwentyfive</h2>
<p>
Von Franz Klotsche
</p>
<p>
Veröffentlichung am 19.11.2025
<span class="tags">
in
<a class="tag" href="/tags/software">software</a>
<a class="tag" href="/tags/html">html</a>
</span>
</p>
<p>
0 Minuten (36 Wörter) bei 200 p/m
</p>
</header>
<section class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>
<section class="related">
<h3>Mehr dazu</h3>
<ul>
<li><a href="/posts/2025/11/css-zen-garden/">CSS Zen garden</a></li>
</ul>
</section>
</article>
</main><footer>
<small>Copyright 2025 Franz Klotsche -
Find me on:<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
<li><a href="https://github.com/kurrrioo/">GitHub</a></li>
</ul></small>
</footer></div>
</body>
</html>