<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="description" content="Tech, Chunibyo & Other Delusions" />
    <meta property="theme-color" content="#4D58FF" />
    <link rel="icon" href="{{ include 'image/png' '/include/favicon.png' }}" />
    <title>pancakz.net</title>

    {{ include 'style' '/include/fonts/poppins.css' }}
    {{ include 'style' '/include/index/main.css' }}
    {{ include 'script' '/include/index/main.ts' }}
    {{ include 'script' '/include/index/motd.ts' }}
</head>

<body>
    {{ include 'noscript' '/include/noscript.html' }}
    <noscript>
        <style>
            div.layout-wrapper {
                display: none;
            }
        </style>
    </noscript>

    <div class="layout-wrapper">
        <div role="navigation" class="layout-section layout-navigation">
            <div class="section">
                <span>LOCAL</span>
                <a href="/about.html">About</a>
                <a href="https://code.pancakz.net/">Code</a>
            </div>
            <div class="section">
                <span>PROJECTS</span>
                <a href="https://gifuu.pancakz.net/">gifuu</a>
                <a href="https://suzzy.pancakz.net/">suzzy</a>
            </div>
        </div>

        <canvas class="layout-section layout-display"></canvas>

        <div class="layout-section layout-footer">
            <img class="barcode" alt="QR Code" src="{{ include 'image/png' '/include/index/qrcode.png' }}">
            <div role="main" class="tooltip">
                <p class="header"></p>
                <p class="description"> </p>
                <a class="redirect">See More &gt;&gt;&gt;</a>
            </div>
            <a href="/secret-sprites.html">
                <img height="80" width="210" alt="Site Logo" src="{{ include 'image/png' '/include/index/logo.png' }}">
            </a>
        </div>

        <div style="height: 32px;"></div>

        <p class="layout-message">&copy; 2026 bakonpancakz. All Rights Reserved.</p>
        <p class="layout-message" id="motd"></p>
    </div>

</body>

</html>
