_layouts/default.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width">

        <title>{{ page.title }} - {{ site.name }}</title>

        <!-- syntax highlighting CSS -->
        <link rel="stylesheet" href="/css/syntax.css" type="text/css">

        <!-- Custom CSS -->
        <link rel="stylesheet" href="/css/main.css" type="text/css">

        <!-- Webfonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fenix|Cherry+Swash:700" type="text/css">

        <!-- RSS -->
        <link rel="alternate" href="/feed.xml" title="{{ site.name }}" type="application/rss+xml">
    </head>
    <body>
        <header>
            <h1 class="title"><a href="/">{{ site.name }}</a> <span class="subtitle">Ask yourself: "What am I doing here?"</span></h1>

            <div class="contact">
                <ul>
                    <li>Nils Breunese</li>
                    <li>Music &amp; Tech Geek Deluxe</li>
                    <li>Bands: <a href="https://moonwatch.band">Moonwatch</a>, <a href="https://thistlesifter.com">Thistle Sifter</a></li>
                    <li><img src="/images/feedicons-standard/feed-icon-14x14.png" alt="Feed icon"> <a href="/feed.xml">Feed</a></li>
                </ul>
            </div>
            <div class="contact">
                <ul>
                    <li><img src="/favicons/bandcamp.ico" alt="Bandcamp icon"> <a href="https://bandcamp.com/breun">Bandcamp</a></li>
                    <li><img src="/favicons/bluesky.png" alt="Bluesky icon"> <a href="https://bsky.app/profile/breun.nl">Bluesky</a></li>
                    <li><img src="/favicons/facebook.ico" alt="Facebook icon"> <a href="https://www.facebook.com/breun">Facebook</a></li>
                    <li><img src="/favicons/flickr.ico" alt="Flickr icon"> <a href="https://www.flickr.com/photos/breun/">Flickr</a></li>
                    <li><img src="/favicons/github.ico" alt="GitHub favicon"> <a href="https://github.com/breun">GitHub</a></li>
                    <li><img src="/favicons/instagram.ico" alt="Instagram favicon"> <a href="https://www.instagram.com/breun/">Instagram</a></li>
                    <li><img src="/favicons/lastfm.ico" alt="Last.fm favicon"> <a href="https://www.last.fm/user/breun">Last.fm</a></li>
                </ul>
            </div>
            <div class="contact">
                <ul>
                    <li><img src="/favicons/linkedin.ico" alt="LinkedIn favicon"> <a href="https://www.linkedin.com/in/breun">LinkedIn</a></li>
                    <li><img src="/favicons/mastodon.ico" alt="Mastodon favicon"> <a rel="me" href="https://mastodon.online/@breun">Mastodon</a></li>
                    <li><img src="/favicons/pixelfed.png" alt="Pixelfed favicon"> <a href="https://pixelfed.social/breun">Pixelfed</a></li>
                    <li><img src="/favicons/slideshare.ico" alt="SlideShare favicon"> <a href="https://www.slideshare.net/breun">SlideShare</a></li>
                    <li><img src="/favicons/soundcloud.ico" alt="SoundCloud favicon"> <a href="https://soundcloud.com/breun">SoundCloud</a></li>
                    <li><img src="/favicons/x.ico" alt="X favicon"> <a href="https://x.com/breun">X</a></li>
                    <li><img src="/favicons/youtube.ico" alt="YouTube favicon"> <a href="https://www.youtube.com/user/thebreun">YouTube</a></li>
                </ul>
            </div>
        </header>

        {{ content }}

        <footer>
            &copy; Nils Breunese
        </footer>
    </body>
</html>