--

public/base.html

@@ -535,10 +535,10 @@
         <main>{% block content %}{% endblock %}</main>
         <footer class="flex text-lowlight">
             <div class="flex-1 flex">
-                <a href="/" class="text-no-decoration"><span class="text-bold">nercone</span>.dev</a>
+                <a href="/" class="text-no-decoration hide show-on-medium"><span class="text-bold">nercone</span>.dev</a>
                 <a href="/about/" class="text-no-decoration">about</a>
                 <a href="/links/" class="text-no-decoration">links</a>
-                <a href="/projects/" class="text-no-decoration">projects</a>
+                <a href="/projects/" class="text-no-decoration hide show-on-medium">projects</a>
                 <a href="{{ onion_site_url }}" class="text-no-decoration hide show-on-medium">onion</a>
                 <a href="mailto:nercone@nercone.dev" class="text-no-decoration hide show-on-medium">email</a>
                 <a href="/public-key/" class="text-no-decoration hide show-on-medium">public-key</a>
@@ -551,7 +551,7 @@
                 <a href="https://qiita.com/DiamondGotCat/"><img alt="qiita" src="/assets/images/icons/qiita.svg" class="social-icons">
                 <a href="https://zenn.dev/techcat56/"><img alt="zenn" src="/assets/images/icons/zenn.svg" class="social-icons">
                 <!--                                            qiita                           kotonai -->
-                <a href="/server-version/" class="text-no-decoration text-bold" id="footer-version-text">{{ server_version }}</a>
+                <a href="/server-version/" class="text-bold text-no-decoration hide show-on-medium" id="footer-version-text">{{ server_version }}</a>
             </div>
         </footer>
     </body>

public/index.html

@@ -7,7 +7,7 @@
                 flex: 1;
                 display: flex;
             }
-            .aaaa {
+            .inner {
                 flex: 1;
                 display: flex;
                 align-items: center;
@@ -29,10 +29,40 @@
         </style>
 {% endblock %}
 {% block content %}
-            <div class="aaaa">
+            <div class="inner">
                 <div class="flex-vertical">
                     <p class="text-highlight big-text" style="padding-bottom: 0px; margin-bottom: 0px; text-box: trim-both cap alphabetic;">NERCONE</p>
                     <p class="text-bold" style="padding-top: 0px; margin-top: 0px; text-box: trim-both cap alphabetic;">ようこそ・Welcome・<span class="text-sc">欢迎</span>・<span class="text-tc">歡迎</span>・<span class="text-kr">환영해요</span></p>
                 </div>
             </div>
+            <script>
+                (() => {
+                    const el = document.getElementsByClassName('big-text');
+                    if (!el) return;
+                    let tapCount = 0, tapTimer = null, lastTouch = 0;
+
+                    function onTap() {
+                        tapCount++;
+                        if (tapCount >= 3) {
+                            clearTimeout(tapTimer);
+                            tapCount = 0;
+                            location.href = '/qr-code/';
+                            return;
+                        }
+                        clearTimeout(tapTimer);
+                        tapTimer = setTimeout(() => { tapCount = 0; }, 600);
+                    }
+
+                    el.addEventListener('touchend', (e) => {
+                        e.preventDefault();
+                        lastTouch = Date.now();
+                        onTap();
+                    }, { passive: false });
+
+                    el.addEventListener('click', () => {
+                        if (Date.now() - lastTouch < 500) return;
+                        onTap();
+                    });
+                })();
+            </script>
 {% endblock %}

public/server-version.html

@@ -19,40 +19,10 @@
 {% endblock %}
 {% block content %}
             <p class="text-small text-bold"><a href="/" class="text-no-decoration">← ホーム</a></p>
-            <p id="version-text" class="text-highlight big-text"><span class="text-lowlight unselectable">#</span>{{ server_version }}</p>
+            <p class="text-highlight big-text"><span class="text-lowlight unselectable">#</span>{{ server_version }}</p>
             <div class="block">
                 <p>このサーバーで現在使用されているソースコードのコミットID(ハッシュ)の先頭7文字です。</p>
                 <p>サーバーが起動されるたびに<span class="code">git rev-parse --short HEAD</span>を使用して取得しています。</p>
                 <p>詳しくは<a href="https://gitea.nercone.dev/nercone-dev/website/">このサーバーのソースコード</a>へ</p>
             </div>
-            <script>
-                (() => {
-                    const el = document.getElementById('version-text');
-                    if (!el) return;
-                    let tapCount = 0, tapTimer = null, lastTouch = 0;
-
-                    function onTap() {
-                        tapCount++;
-                        if (tapCount >= 3) {
-                            clearTimeout(tapTimer);
-                            tapCount = 0;
-                            location.href = '/qr-code/';
-                            return;
-                        }
-                        clearTimeout(tapTimer);
-                        tapTimer = setTimeout(() => { tapCount = 0; }, 600);
-                    }
-
-                    el.addEventListener('touchend', (e) => {
-                        e.preventDefault();
-                        lastTouch = Date.now();
-                        onTap();
-                    }, { passive: false });
-
-                    el.addEventListener('click', () => {
-                        if (Date.now() - lastTouch < 500) return;
-                        onTap();
-                    });
-                })();
-            </script>
 {% endblock %}