--

public/base.html

@@ -95,9 +95,6 @@
                 flex-direction: column;
             }
             header {
-                view-transition-name: header-content;
-                background-color: #1A1A1AC0;
-                backdrop-filter: blur(5px);
                 position: fixed;
                 top: 0;
                 left: 0;
@@ -106,8 +103,21 @@
                 display: flex;
                 align-items: center;
                 gap: 16px;
-                position: fixed;
                 z-index: 10;
+                overflow: hidden;
+            }
+            header::before {
+                content: '';
+                position: absolute;
+                inset: 0;
+                z-index: -1;
+                backdrop-filter: blur(12px);
+                background-color: #1A1A1A80;
+                mask-image: linear-gradient(to bottom,
+                    black 0%,
+                    black 40%,
+                    transparent 100%
+                );
             }
             main {
                 view-transition-name: main-content;
@@ -237,6 +247,11 @@
                 -ms-user-select: none;
                 user-select: none;
             }
+            .social-icons {
+                width: 12pt;
+                height: 12pt;
+                display: block;
+            }
             .hide {
                 display: none;
             }
@@ -530,8 +545,13 @@
                 <a href="/vulnerability-reporters/" class="text-no-decoration hide show-on-medium">vulnerability-reporters</a>
             </div>
             <div class="flex">
-                <p class="text-no-decoration hide show-on-large">当サイトはリンクフリーです</p>
-                <a href="/server-version/" class="text-no-decoration" id="footer-version-text">{{ server_version }}</a>
+                <a href="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="social-icons"></a>
+                <a href="https://orcid.org/0009-0001-3615-0962/"><img alt="orcid" src="/assets/images/icons/orcid.svg" class="social-icons">
+                <a href="https://twitter.com/nercone_x/"><img alt="twitter" src="/assets/images/icons/twitter.svg" class="social-icons">
+                <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>
             </div>
         </footer>
     </body>