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)">
                interests 👾
            </a>
            <div class="submenu">
                {% for page in site.pages %}
                {% if page.menu == "interest" %}
                        <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)">
                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)">
                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>
            </div>
        </div>
    </div>
    <div class=nav-icon>
        <a href="/atom.xml" aria-label="RSS feed" title="RSS feed" style="text-decoration: none;"><i class="ph ph-rss" style="font-size: 1.45em;"></i></a>
    
        <script src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" alt="fc2 counter"></noscript>
    </div>
</nav>