Add social page with archived mastodon posts, move source to /site

site/_includes/header.njk

@@ -0,0 +1,36 @@
+<header>
+    <div>
+        <h1>{{ title or "Adrian Victor" }}</h1>
+        <p id="headerSubtitle"><i>{{ subtitle or "Fanasy is not a crime, find your castle in the sky." }}</i></p>
+        <script>
+            const headeri18n =
+                {
+                    by: "{{ i18n[langKey].by | safe }}",
+                    options: "{{ i18n[langKey].options | safe }}",
+                    hideBackground: "{{ i18n[langKey].hideBackground | safe }}",
+                    back: "{{ i18n[langKey].back | safe }}",
+                    permissionIssue: "{{ i18n[langKey].permissionIssue | safe }}",
+                    permissionIssueNotificationContent: "{{ i18n[langKey].permissionIssueNotificationContent | safe }}",
+                    notificationDefaultHint: "{{ i18n[langKey].notificationDefaultHint | safe }}",
+                    disableSoundEffects: "{{ i18n[langKey].disableSoundEffects | safe }}"
+                }
+        </script>
+    </div>
+    <div id="linksHelper">
+        <div id="music"></div>
+    
+        <ul id="headerLinks">
+            {% if langKey %}
+            <a href="{{ ('/' ~ langKey ~ '/') | url }}">{{ i18n[langKey].home }}</a>
+            <a href="{{ ('/' ~ langKey ~ '/blog/') | url }}">blog</a>
+            <a href="{{ ('/' ~ langKey ~ '/misc/') | url }}">misc</a>
+            <a href="{{ ('/' ~ langKey ~ '/social/') | url }}">social</a>
+            {% endif %}
+            {% if langKey == undefined %}
+            <a href="{{ ('/') | url }}">home</a>
+            {% endif %}
+            <a rel="me" href="https://mstdn.social/@tenkuma" style="display: none;">Mastodon</a>
+            <a href="https://github.com/adrianvic" rel="me" style="display: none;">github.com/aaronpk</a>
+        </ul>
+    </div>
+</header>