Add social links

mkdocs.yml

@@ -7,6 +7,12 @@ extra:
   social:
     - icon: fontawesome/solid/globe
       link: https://theorangeone.net
+    - icon: fontawesome/brands/mastodon
+      link: https://theorangeone.net/@jake
+    - icon: fontawesome/brands/twitter
+      link: https://twitter.com/RealOrangeOne
+    - icon: fontawesome/brands/github
+      link: https://github.com/RealOrangeOne
 
 theme:
   name: material
@@ -14,6 +20,8 @@ theme:
     - navigation.top
     - navigation.sections
     - navigation.index
+    - toc.follow
+    - search.suggest
   icon:
     logo: fontawesome/regular/note-sticky
   favicon: https://theorangeone.net/favicon.ico

theme/main.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+
+{% block announce %}
+  You can also find me at
+  <a href="https://theorangeone.net/">
+    <span class="twemoji globe">
+      {% include ".icons/fontawesome/solid/globe.svg" %}
+    </span>
+    <strong>My website</strong>
+  </a>,
+  or on social media:
+  <a rel="me" href="https://theorangeone.net/@jake">
+    <span class="twemoji globe">
+      {% include ".icons/fontawesome/brands/mastodon.svg" %}
+    </span>
+    <strong>Mastodon</strong>
+  </a>
+  ,
+  <a href="https://twitter.com/RealOrangeOne">
+    <span class="twemoji twitter">
+      {% include ".icons/fontawesome/brands/twitter.svg" %}
+    </span>
+    <strong>Twitter</strong>
+  </a>
+  ,
+  <a href="https://github.com/RealOrangeOne">
+    <span class="twemoji github">
+      {% include ".icons/fontawesome/brands/github.svg" %}
+    </span>
+    <strong>GitHub</strong>
+  </a>.
+{% endblock %}