<!--
︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵︵

⠀⠀⣀⣤⠶⠶⠶⠶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⡾⠋⠀⠀⠀⠀⠀⠀⠈⠙⠳⢦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣤⡶⣴⣤⣄⡀⠀⠀⠀⠀
⠈⠻⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠛⢦⡄⠀⠀⠀⠀⣠⡶⠛⠉⠀⠀⠀⠀⠀⠈⠙⢷⣄⠀⠀
⠀⠀⠈⠻⢦⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢷⣄⢀⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡆⠀
⠀⠀⠀⠀⠀⠉⠛⠶⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡇⠀
⠀⠀⠀⠀⠀⠀⢀⡤⠶⠿⣿⣦⠗⠛⠒⣦⣀⠀⠀⠀⠀⠀⠐⣿⡁⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡄⡇⠀⢠⡇⠀
⠀⠀⠀⠀⠀⠀⣼⠀⠀⠀⠘⠇⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⢸⣇⠄⠀⠀⠀⠀⠀⠀⠀⣠⡿⠀⠀⠐⢸⡇⠀
⠀⠀⠀⠀⠀⠀⠹⣤⡀⢰⠞⠉⢳⡄⠠⣾⠁⠀⠀⠀⠀⠀⠀⠀⠛⢶⣤⣀⣀⣀⣤⡴⠟⠃⠀⠀⠀⠀⣿⠁⠀
⠀⠀⠀⠀⠀⠀⠠⡏⠀⠈⠓⡶⠊⠀⠀⠘⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠁⠀⠀⠀⠀⠀⠰⣸⠇⠀⠀
⠀⠀⠀⠀⠀⠀⢠⣧⣀⣀⣠⡾⢦⣤⣤⡴⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⣿⡀⠀⠀
⠀⠀⠀⠀⠀⢠⡿⠀⠈⠉⠁⠀⠀⠀⣀⣀⡀⢀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⡄⠀
⠀⠀⠀⠀⠀⣾⠀⠀⠀⠀⡴⠒⠒⣞⣁⡠⠽⠭⢄⣈⣳⣊⡉⠲⣄⠤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣷⠀
⠀⠀⠀⠀⢸⡇⠀⡴⠋⢙⡵⠚⠉⠁⠀⠀⠀⠀⠀⠀⠀⠉⠉⠓⠳⢤⣀⣳⠤⢤⡀⠀⠀⠀⠀⠀⠀⠀⠐⢺⡇
⠀⠀⠀⠀⢸⡇⡮⢇⡾⠁⢠⣶⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠢⣄⢹⣄⡀⠀⠀⠀⠀⠀⠀⠈⡇
⠀⠀⠀⠀⠸⣿⡁⣼⠀⠀⣾⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣀⠀⠈⠳⣄⢹⠦⠀⠀⠀⠀⠀⠀⣟
⠀⠀⠀⠀⠀⠻⡟⢿⠀⠀⠈⠛⠉⠀⠀⠀⠀⣤⠤⣄⠀⠀⠀⠀⠀⣸⣿⣿⣧⠀⠀⠙⣎⠳⡄⠀⠀⠀⢸⢰⡏
⠀⠀⠀⠀⠀⠀⠱⣜⣆⡤⠦⠤⣄⠀⠀⠀⠀⠛⠒⠋⠀⠀⠀⠀⠀⢻⣿⣿⡏⠀⠀⠀⢸⣤⠇⠂⠀⢠⢄⡾⠁
⠀⠀⠀⠀⠀⠀⠀⣼⠋⠀⠀⠐⣾⠀⠀⠀⠀⠀⣤⠀⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⠀⠀⢸⠃⡃⠁⠠⣠⡾⠁⠀
⠀⠀⠀⠀⠀⠀⠐⡇⠀⠀⠀⠀⣼⣦⣤⣠⠦⢄⠙⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⢿⡞⣡⣤⠾⠋⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢷⠀⠀⠀⠸⣿⠉⠀⣹⣀⣙⣿⠏⠁⡽⠶⠤⣤⣤⣤⣤⣤⣴⡾⠅⠚⠛⠉⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠳⣤⣀⠀⠈⠛⣿⠿⣌⡝⠝⡍⣘⣧⣀⣀⣀⣀⣤⣴⣶⣾⢿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⣳⡶⢻⠷⣮⣤⣤⣽⣥⣬⣭⣿⣿⢿⡖⠋⠉⠉⢳⡝⢧⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠋⠀⣠⢺⣥⣧⣽⢂⡄⠀⠓⠀⠈⢻⡄⠀⠀⠀⠀⣿⣭⣧⡄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣋⠴⢺⠥⠚⠁⠀⠘⠦⣽⡒⢤⣄⣀⣼⢳⣤⡀⠀⠼⠃⣠⣷⡗⡄⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠯⠜⠉⡏⠀⠀⠀⠀⠀⡄⣧⠉⠙⠲⣾⣯⣯⣏⣳⣶⣴⣾⣻⣉⣽⣵⡦⡄⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣰⠇⠀⠀⠸⠄⠀⠀⠀⠀⠀⠀⢿⠀⠀⠀⣿⢄⠀⠀⠀⠀⠀⠀⠀⠉⢉⣽⡶⠁⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠟⢦⣤⣄⣀⡀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⢸⡀⠙⠒⠢⢴⣉⡦⠔⠚⠋⢸⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠦⠽⣉⣙⣟⠛⣛⠻⢿⠞⠿⡟⠿⣻⠛⣧⠀⠀⠀⠀⠁⠀⠀⠀⢀⡎⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣯⣉⣉⣻⣿⣃⠙⢍⣫⣁⠉⠉⠉⣉⣩⣿⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣤⣉⣉⣿⡀⠉⠛⠛⠧⠜⠛⠛⠛⠉⢡⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠛⠛⠾⠶⠶⠶⠶⠞⠳⠛⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

꒰୨୧꒱ 𝐜𝐨𝐝𝐞𝐝 𝐰𝐢𝐭𝐡 𝐥𝐨𝐯𝐞, 𝐰𝐫𝐢𝐭𝐭𝐞𝐧 𝐛𝐲 𝐩𝐢𝐚𝐧𝐨
꒰୨୧꒱ 𝐫𝐞𝐟𝐫𝐚𝐢𝐧 𝐟𝐫𝐨𝐦 𝐮𝐬𝐢𝐧𝐠 𝐭𝐡𝐢𝐬 𝐜𝐨𝐝𝐞 𝐚𝐬 𝐚 𝐛𝐚𝐬𝐞

– 𝘪𝘯𝘥𝘦𝘹 𝘩𝘵𝘮𝘭

︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶︶
-->

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- ꒰୨୧꒱ meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:url" content="https://piano.nekoweb.org/">
    <meta property="og:title" content="ᜊ honeydew piano ഒ ੧𓍢">
    <meta name="description" content="personal blog">
    <meta name="copyright" content="© piano">

    <!-- ꒰୨୧꒱ title, favicon, google fonts -->
    <title>ᜊ honeydew piano ഒ ੧𓍢</title>
    <link rel="icon" type="image/x-icon" href="https://files.catbox.moe/elptry.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Orbit&family=Playwrite+GB+J+Guides:ital@1&display=swap" rel="stylesheet">

    <!-- ꒰୨୧꒱ style css -->
    <link rel="stylesheet" href="honeydew_piano_c_style.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <!-- ꒰୨୧꒱ title -->
            <h1>honeydew piano</h1>
            <p>dulcet chimes will follow you</p>
        </div>
        <div class="main-content">
            <div class="sidebar">
                <ul class="menu">
                    <div style="text-align: center;">
                        <div class="sidebar-icon"><img src="https://files.catbox.moe/ar4j9c.png" width="auto" height="auto"></div>
                    </div>
                    <!-- ꒰୨୧꒱ (1) menu ; submenu -->
                    <li class="menu-item"><a href="https://piano.atabook.org/" target="_blank">atabook</a></li>
                    <!-- ꒰୨୧꒱ (2) menu ; submenu -->
                    <li class="menu-item has-submenu">
                        <button class="menu-link" onclick="toggleSubmenu(event)">socials</button>
                        <ul class="submenu">
                            <li><a href="https://www.goodreads.com/rilakkuma" target="_blank">library</a></li>
                            <li><a href="https://medium.com/@parfait" target="_blank">medium</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="main-panel">
                <!-- ꒰୨୧꒱ tab menu -->
                <div class="tabs">
                    <div class="tab-buttons">
                        <button data-tab="tab1" class="active">main.</button>
                        <button data-tab="tab2">blog.</button>
                    </div>
                    <!-- ꒰୨୧꒱ section 1 -->
                    <div class="tab-content" id="tab1">
                        <div class="panel-header">
                            <span>honeydew_piano.exe</span>
                            <span class="close-btn" data-target="tab1">𝇋♡︎𝇌</span>
                        </div>
                        <iframe frameborder=0 scrolling="yes" width="100%" src="/fr_main" id="main-section"></iframe>
                    </div>
                    <!-- ꒰୨୧꒱ section 2 -->
                    <div class="tab-content hidden" id="tab2">
                        <div class="panel-header">
                            <span>honeydew_piano.exe</span>
                            <span class="close-btn" data-target="tab2">𝇋♡︎𝇌</span>
                        </div>
                        <iframe frameborder=0 scrolling="yes" width="100%" src="https://piano.thoughts.page/" id="thoughts-page"></iframe>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <p>piano © est. 2025</p>
        </div>
        <div id="music-player">♬</div>
        <audio id="audio" src="https://files.catbox.moe/p5r8os.mp3" volume="20%"></audio>
    </div>
    <script src="honeydew_piano_a_script.js"></script>
</body>

</html>