Add YouTube channel link (#12)

Rainyan · web-flow · commit 84c1dfdb1a7c · 2025-02-28T10:31:21.000+02:00
* Add YouTube link

Add YouTube channel link to the header
diff --git a/src/_header.html b/src/_header.html
@@ -9,6 +9,22 @@
     <link rel="icon" href="/favicon.ico">
   </head>
   <body>
-    <p><b>Neotokyo; Rebuild</b> - <a href="/">home</a> | <a href="/guide/install">install</a> | <a href="/atom.xml">atom</a> | <a href="https://github.com/NeotokyoRebuild/neo">github</a></p>
-    <hr>
+    <header>
+      <p>
+        <span>
+          <b>Neotokyo; Rebuild</b>
+          - <a href="/">home</a>
+          | <a href="/guide/install">install</a>
+          | <a href="/atom.xml">atom</a>
+          | <a href="https://github.com/NeotokyoRebuild/neo">github</a>
+        </span>
+        <span id="social-mobile">
+          | <a href="https://www.youtube.com/@NeotokyoRebuild">YouTube</a>
+        </span>
+        <span id="social">
+          <a href="https://www.youtube.com/@NeotokyoRebuild">YouTube</a>
+        </span>
+      </p>
+      <hr>
+    </header>
 
diff --git a/src/style.css b/src/style.css
@@ -15,3 +15,21 @@ a:hover, a:active {
   color: #CCCCFF;
 }
 
+span#social {
+  display: inline;
+  float: right;
+}
+
+span#social-mobile {
+  display: none;
+}
+
+@media(max-width: 500px) {
+  span#social {
+    display: none;
+  }
+  span#social-mobile {
+    display: inline;
+  }
+}
+
