---
title: notebook
layout: "layouts/base.njk"
permalink: "/notebook/"
---

{% set postslist = collections.post %}

<!-- notebook index -->
<details open id="notebook" class="window">
    <summary>
        <div aria-hidden="true">
            <span class="tabler--article"></span>
        </div>
        <a href="#notebook">Notebook</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>
        <div id="search"></div>
        <h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="tabler--rss" style="transform: scale(1.5) translateY(.5rem);"></span></a></h1>
        <p><b>NOTE:</b> this page is still a very heavy wip aaa aaa aaa</p>
        <p>A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for <a href="/me">myself</a>.</p>
        <span class="seperator"></span>
        <details open class="notebook article-category">
            <summary><span class="tabler--arrow-autofit-height"></span> test</summary>

            {%- for other in collections.other %}
                <div class="article-card">
                    <h2><a href="{{ other.url }}">{{ other.data.title }}</a></h2>
                    <p class="tags-holder">
                        {% for tag in other.data.tags -%}
                            {% if tag == 'other' %}

                        {% else %}
                            <a>{{ tag }}</a>
                        {% endif %}
                    </p>
                    <p>{{ other.data.description }}</p>
                    <a href="{{ other.url }}" class="read">read more</a>
                </div>
            {%- endfor %}

            <div class="article-card">
                <h2><a>test</a></h2>
                <p class="tags-holder"><a>tag</a> <a>tag-2</a> <a>tag-3</a></p>
                <p>description</p>
                <a class="read" href="./read">read more</a>
            </div>
        </details>
    </main>
</details>

<!-- pagefind -->
<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        new PagefindUI({ element: "#search", showSubResults: true });
    });
</script>