Tweaks - profile pic, extracting more templates, rel

I added the rel=me to the Mastodon link for verification
I added profile pics but haven't actually used them on the pages anywhere
I pulled in a lot of the CSS from the template so I could start to
modify it

templates/partials/nav.html

@@ -1,21 +1,19 @@
 <header>
     <div class="main">
-        <a href={{ config.base_url }}>{{ config.title }}</a>
-
-        <div class="socials">
-            {% for social in config.extra.socials %}
-            <a href="{{ social.url }}" class="social">
-                <img alt={{ social.name }} src="/social_icons/{{ social.icon }}.svg">
-            </a>
-            {% endfor %}
-        </div>
+      <div class="socials">
+        {% for social in config.extra.socials %}
+        <a href="{{ social.url }}" class="social">
+          <img rel={{ social.rel }} alt={{ social.name }} src="/social_icons/{{ social.icon }}.svg">
+        </a>
+        {% endfor %}
+      </div>
+      <a class="h-card" href={{ config.base_url }}>{{ config.title }}</a>
     </div>
 
     <nav>
-        <a href="https://jamesbrechtel.com/" class="h-card" style="margin-left: 0.7em">/home</a>
-        {% for menu in config.extra.menu %}
-            <a href={{ menu.url }} style="margin-left: 0.7em">{{ menu.name }}</a>
-        {% endfor %}
+      {% for menu in config.extra.menu %}
+      <a href={{ menu.url }} style="margin-left: 0.7em">{{ menu.name }}</a>
+      {% endfor %}
     </nav>
 </header>