--

public/assets/images/icons/github.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_レイヤー_1" data-name="レイヤー 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #939393;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M27.06,45.31c-8.25-1-14.06-6.94-14.06-14.63,0-3.12,1.13-6.5,3-8.75-.81-2.06-.69-6.44.25-8.25,2.5-.31,5.88,1,7.88,2.81,2.37-.75,4.87-1.12,7.94-1.12s5.56.37,7.81,1.06c1.94-1.75,5.38-3.06,7.88-2.75.87,1.69,1,6.06.19,8.19,2,2.37,3.06,5.56,3.06,8.81,0,7.69-5.81,13.5-14.19,14.56,2.12,1.37,3.56,4.37,3.56,7.81v6.5c0,1.88,1.56,2.94,3.44,2.19,11.31-4.31,20.19-15.63,20.19-29.63C64,14.44,49.63,0,31.94,0S0,14.44,0,32.12c0,13.88,8.81,25.38,20.69,29.69,1.69.62,3.31-.5,3.31-2.19v-5c-.87.38-2,.63-3,.63-4.12,0-6.56-2.25-8.31-6.44-.69-1.69-1.44-2.69-2.87-2.87-.75-.06-1-.37-1-.75,0-.75,1.25-1.31,2.5-1.31,1.81,0,3.37,1.13,5,3.44,1.25,1.81,2.56,2.62,4.12,2.62s2.56-.56,4-2c1.06-1.06,1.88-2,2.63-2.62Z"/>
+</svg>

public/assets/images/icons/orcid.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_レイヤー_1" data-name="レイヤー 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #939393;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M32,0C14.32,0,0,14.32,0,32s14.32,32,32,32,32-14.33,32-32S49.67,0,32,0ZM21.58,47.12h-4.85v-27.77h4.85v27.77ZM19.15,17.3c-1.68,0-3.02-1.38-3.02-3.02s1.34-3.03,3.02-3.03,3.03,1.38,3.03,3.02-1.35,3.03-3.03,3.03ZM37.67,47.07h-10.94v-27.8h10.89c5.08,0,8.78,1.82,11.21,4.5,2.42,2.66,3.54,6.13,3.54,9.4,0,7.15-5.59,13.9-14.7,13.9Z"/>
+  <path class="cls-1" d="M47.42,33.17c0,1.57-.47,3.94-1.98,5.9-1.49,1.94-4.02,3.53-8.24,3.53h-5.63v-18.85h5.43c3.65,0,6.24,1.1,7.92,2.8s2.5,4.04,2.5,6.62Z"/>
+</svg>

public/assets/images/icons/qiita.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_レイヤー_1" data-name="レイヤー 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #939393;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M47.52,48.5c-3.45,3.68-8.14,4.89-13.82,5.47-11.5,1.16-21.45-3.97-22.66-16.8-.51-5.45.7-10.64,3.15-14.89l-1.42-5.6c-.23-.97.67-1.9,1.62-1.67l4.92,1.19c2.93-2.4,6.47-3.97,10.37-4.37,3.34-.34,6.58.22,9.52,1.5l4.63-2.8c.87-.53,1.97.07,2.06,1.11l.27,6.6h0c3.56,3.76,5.98,8.89,6.53,14.71.31,3.29-.03,5.81-.9,8.21-.41,1.12-.53,2.07.21,3.01.71.91,1.84,2.67,3.1,2.38,1.9-.44,3.92-.33,5.18.46,2.39-4.48,3.74-9.59,3.74-15.02C64,14.33,49.67,0,32,0S0,14.33,0,32s14.33,32,32,32c9.06,0,17.24-3.77,23.07-9.82-1.02-.15-2.07-.55-3.06-1.21-1.91-1.27-3.6-2.47-4.48-4.46Z"/>
+  <path class="cls-1" d="M44.57,25.04l2.99-.37-.04-.54-3.07.38c-.13-.39-.28-.77-.44-1.14l3.38-1.08-.11-.68-3.59,1.24c-2.41-5.05-7.62-8.12-13.52-7.52-5.89.6-10.55,4.84-11.98,10.26l-3.51-.53-.04.69,3.46.37c-.09.4-.17.64-.23,1.05l-3.02.24.03.54,2.94-.23c-.05.46-.08.75-.09,1.22l-2.69,1.1.13.67,2.56-1.2c0,.36.02.55.06.91.71,7.57,7.03,9.06,14.58,8.3,7.55-.76,13.47-3.5,12.76-11.06-.03-.36-.09-.55-.15-.9l2.77.6.06-.61-2.91-.55c-.09-.45-.2-.72-.34-1.15Z"/>
+</svg>

public/assets/images/icons/twitter.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_レイヤー_1" data-name="レイヤー 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #939393;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M57.45,18.94c.04.56.04,1.13.04,1.7,0,17.35-13.21,37.36-37.36,37.36h0c-7.13,0-14.12-2.04-20.13-5.9,1.04.12,2.08.19,3.13.19,5.91,0,11.66-1.98,16.31-5.63-5.62-.11-10.55-3.77-12.27-9.12,1.97.38,4,.3,5.93-.23-6.13-1.24-10.53-6.62-10.53-12.87v-.17c1.83,1.02,3.87,1.58,5.96,1.64C2.75,22.07.97,14.39,4.46,8.39c6.67,8.2,16.5,13.19,27.06,13.72-1.06-4.56.39-9.34,3.8-12.55,5.29-4.97,13.61-4.72,18.58.57,2.94-.58,5.76-1.66,8.34-3.19-.98,3.04-3.03,5.62-5.77,7.26,2.6-.31,5.15-1,7.54-2.07-1.76,2.64-3.98,4.94-6.55,6.8h0Z"/>
+</svg>

public/assets/images/icons/zenn.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_レイヤー_1" data-name="レイヤー 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #939393;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M.7,63.39h13.29c.7,0,1.33-.39,1.72-.94L52.3,2.33c.47-.78-.08-1.72-1.02-1.72h-12.59c-.63,0-1.17.31-1.49.86L.08,62.3c-.23.47.08,1.09.63,1.09Z"/>
+  <path class="cls-1" d="M46.52,62.45l17.28-27.75c.55-.86-.08-1.95-1.09-1.95h-12.51c-.47,0-.94.23-1.17.63l-17.75,28.38c-.47.7.08,1.64.94,1.64h12.74c.63,0,1.25-.31,1.56-.94Z"/>
+</svg>

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="https://github.com/nercone-dev/"><img alt="github" src="/assets/images/icons/github.svg" class="social-icons"></a>
-                <a href="/server-version/" class="text-no-decoration" id="footer-version-text">{{ server_version }}</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>

public/links.html

@@ -9,7 +9,7 @@
                 <h3>nercone</h3>
                 <img src="/assets/images/banner_cat.png" alt="banner-nercone" class="banner">
                 <p>バナーは<a href="/download-banner/">こ↑こ↓</a>からダウンロードできます</p>
-                <p><a href="https://nercone.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/nercone-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0001-3615-0962/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/nercone_x/" class="text-no-decoration">twitter</a> / <a href="https://bsky.app/profile/nercone.dev/" class="text-no-decoration">bluesky</a> / <a href="https://qiita.com/DiamondGotCat/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/techcat56/" class="text-no-decoration">zenn</a></p>
+                <p><a href="https://nercone.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/nercone-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0001-3615-0962/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/nercone_x/" class="text-no-decoration">twitter</a> / <a href="https://qiita.com/DiamondGotCat/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/techcat56/" class="text-no-decoration">zenn</a></p>
                 <!--
                 <pre>
                 class Nercone(Identity):
@@ -23,7 +23,7 @@
                 <h3>t3tra<!--様--></h3>
                 <a href="https://t3tra.dev/" target="_blank" rel="noopener noreferrer"><img src="https://t3tra.dev/images/banner.png" alt="banner-t3tra" class="banner"></a>
                 <p>技術とか才能が凄すぎる人<!--で僕が好きな人--> <!-- 好きな人にリンク貼ってもらえたうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしい好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き --></p>
-                <p><a href="https://t3tra.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/t3tra-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0006-9423-1572/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/t3tra_x/" class="text-no-decoration">twitter</a> / <a href="https://bsky.app/profile/t3tra.dev/" class="text-no-decoration">bluesky</a> / <a href="https://qiita.com/t3tra/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/t3tra/" class="text-no-decoration">zenn</a></p>
+                <p><a href="https://t3tra.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/t3tra-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0006-9423-1572/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/t3tra_x/" class="text-no-decoration">twitter</a> / <a href="https://qiita.com/t3tra/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/t3tra/" class="text-no-decoration">zenn</a></p>
                 <!-- tip: Nerconeはてとらさんのことが好きすぎるためライバルは積極的に潰そうとします。 -->
                 <!-- tip of tip: ただし想像以上に強いライバルが現れると勝てないとわかり悲しくなって1日ぐらい現実世界からログアウトします。 -->
                 <!-- tip of tip of tip: なのでNerconeには優しくしてください -->