<!DOCTYPE html>
<html lang="ja-JP">
    <head>
        <!--
            $ curl https://nercone.dev/welcome/?lightweight=1
            ■   ■ ■■■■■ ■■■■   ■■■■  ■■■  ■   ■ ■■■■■
            ■■  ■ ■     ■   ■ ■     ■   ■ ■■  ■ ■
            ■■  ■ ■     ■   ■ ■     ■   ■ ■■  ■ ■
            ■ ■ ■ ■■■■  ■■■■  ■     ■   ■ ■ ■ ■ ■■■■
            ■  ■■ ■     ■ ■   ■     ■   ■ ■  ■■ ■
            ■  ■■ ■     ■  ■  ■     ■   ■ ■  ■■ ■
            ■   ■ ■■■■■ ■   ■  ■■■■  ■■■  ■   ■ ■■■■■

            nercone.dev ({{ server_version }})
            welcome to nercone.dev!
        -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{% block title %}nercone's website{% endblock %}</title>
        <meta name="description" content="{% block description %}No description.{% endblock %}">
        <!-- Favicons -->
        <link rel="apple-touch-icon" href="/assets/images/favicon.png" sizes="1200x1200">
        <link rel="icon" type="image/png" href="/assets/images/favicon.png" sizes="1200x1200">
        <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" sizes="1200x1200">
        <!-- Stylesheets / Scripts -->
        <link rel="stylesheet" href="/assets/css/style-light.css">
        <script src="/assets/js/script-light.js" defer></script>
        {% block extra_head %}{% endblock %}
    </head>
    <body>
        <div id="cursor"></div>
        <header class="flex">
            <div class="flex-1 flex">
                <a href="/" class="text-no-decoration text-white" style="gap: 8px;">{% block title_prefix %}{% endblock %} <span class="font-bold">Nercone</span> {% block title_suffix %}{% endblock %}</a>
                <p class="hide show-on-medium show-on-large">{% block header_desc %}<a href="/daily-quote/" class="text-no-decoration">{{ get_daily_quote() }}</a>{% endblock %}</p>
            </div>
            <div class="flex">
                <a href="/access-counter/" class="text-no-decoration hide show-on-medium show-on-large">あなたは{{ get_access_count() }}番目の訪問者です。</a>
                <a href="?lightweight=0" class="hide show-on-small"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode.svg" class="small-icon"></a>
            </div>
        </header>
        <main>{% block content %}{% endblock %}</main>
        <footer class="flex text-tx-alt">
            <div class="flex-1 flex">
                <a href="/" class="text-no-decoration hide show-on-medium show-on-large font-bold">nercone.dev</a>
                <a href="/about/" class="text-no-decoration bold-on-small">about</a>
                <a href="/links/" class="text-no-decoration bold-on-small">links</a>
                <a href="/projects/" class="text-no-decoration bold-on-small">projects</a>
                <a href="{{ onion_site_url }}" class="text-no-decoration hide show-on-large">onion</a>
                <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-large">email</a>
                <a href="/public-key/" class="text-no-decoration hide show-on-large">public-key</a>
                <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-large">vulnerability-reporters</a>
                <a href="?lightweight=0" class="text-no-decoration hide show-on-medium show-on-large font-bold">lightweight-mode</a>
            </div>
            <div class="flex">
                <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="small-icon"></a>
                <a href="https://orcid.org/0009-0001-3615-0962/"><img alt="orcid" src="/assets/images/icons/orcid.svg" class="small-icon">
                <a href="https://twitter.com/nercone_x/"><img alt="twitter" src="/assets/images/icons/twitter.svg" class="small-icon">
                <a href="https://qiita.com/DiamondGotCat/"><img alt="qiita" src="/assets/images/icons/qiita.svg" class="small-icon">
                <a href="https://zenn.dev/techcat56/"><img alt="zenn" src="/assets/images/icons/zenn.svg" class="small-icon">
                <!--                                            qiita                           kotonai -->
                <a href="/server-version/" class="font-bold text-no-decoration hide show-on-medium show-on-large">{{ server_version }}</a>
            </div>
        </footer>
    </body>
</html>
