webbed-site/_includes/layout/sidebar.html

<nav>
  <div class="profile-img">
    <a href="/" title="picrew" style="padding: 0;"><img id="randomImage" src="{% link /img/picrew/000.png %}" alt="mana's pfp" loading="eager"></a>
  </div>
  
    <div onclick="myFunction()" class="menu-toggle">menu <i class="ph ph-list" style="font-size: 1.25em;"></i></div>
    <div id="myLinks" class="menu">
        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                site 🔗
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                    {% if page.menu == "home" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
                <a href="https://mana.atabook.org/">
                    guestbook
                </a>
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                me 🍥
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "me" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                art 🎨
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "art" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                music 🎧
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "music" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                webcore 🖥️
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "webcore" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                gaming 👾
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "games" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                weeb 🍙
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "weeb" %}
                        <a href="{{ page.url }}">
                            {{ page.menu-title }}
                        </a>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="menu-item">
            <a href="#" class="submenu-toggle" onclick="toggleSubmenu(event)">
                themes 🪩
            </a>
            <div class="submenu">
                <div class="theme-switches">
                    <div data-theme="peach" class="switch" id="switch-1">🍑</div>
                    <div data-theme="moon" class="switch" id="switch-2">🌒</div>
                    <div data-theme="sakura" class="switch" id="switch-3">🌸</div>
                    <div data-theme="honey" class="switch" id="switch-4">🍯</div>
                </div>
            </div>
        </div>
    </div>
    <a href="/atom.xml" aria-label="RSS feed" title="RSS feed">
        <img src="/img/main/rssbadge.png" alt="rss feed">
    </a>
</nav>