---
title: notebook
layout: "layouts/base.njk"
section: post
permalink: "/notebook/{{ date }}-{{ title | slugify }}/"
---

<!-- the post window -->
<details open id="information" class="window">
    <summary>
        <div aria-hidden="true">
            <span class="tabler--info-circle"></span>
        </div>
        <a href="#information">information</a>
        <div aria-hidden="true">
            <span class="tabler--minimize"></span>
            <span class="tabler--maximize"></span>
        </div>
        <div aria-hidden="true">
            <span class="tabler--x"></span>
        </div>
    </summary>

    <section class="post-info">
        <p aria-hidden="true">---</p>
        <p><span>title:</span> {{ title or metadata.title }}</p>
        {%- set tagUrl %}/tags/{{ tags | slugify }}/{% endset %}
        <p><span>tags:</span> {%- for tag in tags | filterTagList %} {%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %} <p class="tags-holder"><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a>{%- if not loop.last %}, {% endif %}</p>
        <p aria-hidden="true">---</p>
    </section>
</details>

<!-- the post window -->
<details open id="post" class="window">
    <summary>
        <div aria-hidden="true">
            <span class="tabler--article"></span>
        </div>
        <a href="#post">{{ title or metadata.title }}</a>
        <div aria-hidden="true">
            <span class="tabler--minimize"></span>
            <span class="tabler--maximize"></span>
        </div>
        <div aria-hidden="true">
            <span class="tabler--x"></span>
        </div>
    </summary>

    <main data-pagefind-body>
        <h1>{{ title or metadata.title }}</h1>
        {{ content | safe }}
    </main>
</details>