index.html

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Svenlaa</title>
<meta name="fediverse:creator" content="@Svenlaa@mas.to" />
<meta property="og:image" content="https://svenlaa.com/og.jpg" />
<link rel="stylesheet" href="/style.css" />

<h1>
    <a style="--color: var(--stone-950); text-decoration: none" href="https://github.com/Svenlaa/svenlaa.com"
        ><b style="font-weight: inherit">Svenlaa</b><span style="font-size: 0.95em; font-weight: 600">.com</span></a
    >
</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://bsky.app/profile/svenlaa.com" style="--color: var(--blue)">Bluesky</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: var(--stone-950) 1px solid; letter-spacing: -2px; line-height: 0.9em">🚂🚃🚃🚃</marquee>
<script src="/scripts/roller.js"></script>