{{- define "header" }}
<header id="introduction" class="global-header">
    <h1>Hola 🖖</h1>
    <p>Ich bin Vri 🙂</p>
</header>
{{ end }}

{{- define "main" }}
    <main>
        <h2>Aus meinem Blog</h2>
        <section id="latest-posts">
        {{ range first 3 (where .Site.RegularPages "Section" "blog") }}
            <a href="{{ .Permalink }}" class="post-group">
                <p class="title">{{ .Title }}</p>
                <aside class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">
                    <span class="date">{{ .Date.Format "2. January 2006" }}</span>
                    <span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
                </aside>
            </a>
        {{ end }}
        </section>
        <section id="interests">
            <h2>Interessen</h1>
            <div>Programmieren</div>
            <div>Gestalten</div>
            <div>Übersetzen</div>
        </section>
        <section id="languages">
            <div></div>
        </section>
        <section id="skills">
            <h2>Kenntnisse</h1>
            <div>HTML & CSS <span>seit 2009</span></div>
            <div>SCSS <span>seit 2013</span></div>
            <div>Javascript <span>seit 2022</span></div>
            <div>Rust <span>seit 2021</span></div>
            <div>Python <span>seit 2021</span></div>
            <div>Bash <span>seit 2015</span></div>
            <div>Affinity Designer <span>2015–2020</span></div>
            <div>Inkscape <span>seit 2020</span></div>
            <div>Boxy SVG <span>seit 2022</span></div>
        </section>
        <section id="skills">
            <h2>Kenntnisse</h1>
            <div>HTML & CSS <span>seit 2009</span></div>
            <div>SCSS <span>seit 2013</span></div>
            <div>Javascript <span>seit 2022</span></div>
            <div>Rust <span>seit 2021</span></div>
            <div>Python <span>seit 2021</span></div>
            <div>Bash <span>seit 2015</span></div>
            <div>Affinity Designer <span>2015–2020</span></div>
            <div>Inkscape <span>seit 2020</span></div>
            <div>Boxy SVG <span>seit 2022</span></div>
        </section>
    </main>
{{- end }}