index.html

<meta name="category" content="homepage">

<section>
<div>
<p>Hello there!</p>

<p>
Welcome to my little corner of the web. My name is Fabian Holzer. I am a software engineer by trade, and programming was a hobby of mine for many years before it became my profession. Apart from that, I've always loved to read widely and avidly and pursue ideas that tickle my curiosity.
</p>

<p>
The <a href="/articles/topic/">topics</a> I write about include <a href="/articles/topic/software-engineering/">software engineering</a>, <a href="/articles/topic/web-development/">web development</a>, <a href="/articles/topic/blogging/">blogging and the web in general</a>, but are <a href="/articles/topic/misc/">not limited to that</a>. 
Not sure where to start? Maybe you'd like to visit a <a id="randomPageLink" href="/random-page/" rel="nofollow">random page</a>?
</p>

<p>
Feel free to <a href="/contact/">contact me</a>, if you want to discuss anything I wrote about.
</p>

<p>
Last updated <span id="lastUpdateOutlet"></span>:
<intertwingle plugin="last-update" category="articles,weeknotes,now,projects,more,about,notes"></intertwingle>
</p>

</div>

<aside>
<h2>Last articles & notes</h2>
<ul style="list-style: none; padding-left: 0.5rem;">
<intertwingle plugin="last-pages-of" 
        category="articles,weeknotes"
        grouped-by="month"
        number-of-items="10">
<template>
<li style="padding-bottom: 0.5rem; font-size: 1rem; line-height: 1rem;"><intertwingle data-outlet></intertwingle></li>
</template>
</intertwingle>
</ul>

<intertwingle plugin="rewrite-dates" date-format="{m} / {yyyy}"></intertwingle>
</aside>

</section>

<div style="display: none" class="h-card">
    <span class="p-name"><a href="https://holzer.online" class="u-url u-uid">Fabian Holzer</a></span>
    <img loading="lazy" class="u-photo" src="https://holzer.online/about/fh-01-2024.png">
    <span class="p-note">A programmer, interested in life, the universe and everything...</p>
</div>

<intertwingle plugin="pages-as-json" filename="pages.json" category="articles,weeknotes,100"></intertwingle>

<script>
const last = new Date(lastUpdatedAt.getAttribute('datetime'));
const now = new Date();
const  hours = (now.getTime() - last.getTime()) / (1000 * 60 * 60);

if (hours < 24) {
    lastUpdateOutlet.innerText = "less than a day ago";
} else if (hours < 48) {
    lastUpdateOutlet.innerText = "a day ago";
} else {
    lastUpdateOutlet.innerText = `${Math.floor(hours / 24)} days ago`;
}

function visitRandomPage() {
    let i = Math.floor(
        Math.random() * pageList.length
    );

    window.location.href = pageList[i];
}

if (location.hostname == "localhost") {
    randomPageLink.href = "javascript:visitRandomPage()";
}
</script>