index.html

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
    defer
    data-domain="svenlaa.com"
    data-api="https://who.svenlaa.workers.dev/my/event"
    src="https://who.svenlaa.workers.dev/my/script.js"
></script>
<title>Svenlaa</title>
<meta property="og:image" content="https://svenlaa.com/og.jpg" />
<link rel="stylesheet" href="/style.css" />

<h1><b style="font-weight: inherit">Svenlaa</b><span style="font-size: 0.95em; font-weight: 600">.com</span></h1>
<p>
    Hello, I am <b style="font-weight: 500">Sven Lammertink</b> and I'm
    <span data-roller="a web developer, a software engineer, a nerd, a code detective">a web developer</span>. I build
    websites. I prefer to work on the backend, but I can work on the frontend too. I live in Overijssel, the
    Netherlands.
</p>
<a class="big" style="--color: var(--fuchsia)" href="/bloggo/">The Bloggo</a>
<a class="big" style="--color: var(--green)" href="/playground/loggo/">Loggo</a>
<a class="big" style="--color: var(--green)" href="/playground">The Playground</a>
<ul>
    <li><a href="https://github.com/Svenlaa" style="--color: var(--stone-500)" target="_blank">GitHub</a></li>
    <li><a href="https://gitlab.com/Svenlaa" style="--color: var(--orange)" target="_blank">GitLab</a></li>
    <li><a href="https://mas.to/@Svenlaa" rel="me" style="--color: var(--purple)" target="_blank">Mastodon</a></li>
    <li><a href="https://linkedin.com/in/svenlaa" style="--color: var(--blue)" target="_blank">LinkedIn</a></li>
    <li><a href="mailto:mail@svenlaa.com" style="--color: var(--green)" target="_blank">Email</a></li>
    <li style="margin-top: 0.5em"><a href="/feed" style="--color: var(--red)">RSS</a></li>
</ul>

<marquee style="border-bottom: black 1px solid; letter-spacing: -2px; line-height: 0.9em">🚂🚃🚃🚃</marquee>
<script src="/scripts/roller.js"></script>