Improvements for performance and SEO

Author: ngeorger

.gitignore

@@ -29,4 +29,5 @@ changelog.md.bk
 old/
 **.local
 **.local.**
-!assets/js/lib/**
+!assets/js/lib/**
+.cursorignore

assets/built/algolia.js

@@ -70,5 +70,3 @@ document.addEventListener('DOMContentLoaded', function () {
         wrapper.appendChild(table);
     });
 })();
-
-

assets/built/main.js

@@ -13,7 +13,7 @@
                 <p class="text-lg">{{bio}}</p>
             {{/if}}
 
-            <div class="flex gap-2 mt-4">
+            <div class="flex gap-2 mb-4">
                 <div class="flex items-center gap-2 text-sm">
                     {{#if website}}
                         <a href="{{website}}" target="_blank" rel="noopener" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark">
@@ -24,21 +24,37 @@
                         </a>
                     {{/if}}
                     {{#if twitter}}
-                        <a href="{{twitter_url}}" target="_blank" rel="noopener" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark">
+                        <a href="{{twitter_url}}" target="_blank" rel="noopener" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark"  target="_blank" rel="noopener">
                             <svg class="w-5 h-5 text-light" role="img" aria-label="Twitter">
                                 <use xlink:href="#icon-x"></use>
                             </svg>
                             Twitter
                         </a>
                     {{/if}}
                     {{#if facebook}}
-                        <a href="{{facebook_url}}" target="_blank" rel="noopener" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark">
+                        <a href="{{facebook_url}}" target="_blank" rel="noopener" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark" target="_blank" rel="noopener">
                             <svg class="w-5 h-5 text-light" role="img" aria-label="Facebook">
                                 <use xlink:href="#icon-facebook"></use>
                             </svg>
                             Facebook
                         </a>
                     {{/if}}
+                    {{#match slug "==" "ngeorger"}}
+                        <a href="mailto:[email protected]" class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark" target="_blank" rel="noopener">
+                            <svg class="w-5 h-5 text-light" role="img" aria-label="Email">
+                                <use xlink:href="#icon-contact-us"></use>
+                            </svg>
+                            Email
+                        </a>
+                    {{/match}}
+                    {{#if location}}
+                        <span  class="flex items-center gap-2 px-4 py-2 rounded-lg hover:text-lighter hover:bg-dark text-light">
+                            <svg class="w-5 h-5 text-light" role="img" aria-label="Location">
+                            <use xlink:href="#icon-globe"></use>
+                        </svg>
+                            {{location}}
+                        </span>
+                    {{/if}}
                 </div>
             </div>
 

assets/built/main.js.map

@@ -4,31 +4,31 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{meta_title}}</title>
-    
+    <meta name="description" content="{{@site.description}}">
+    <link rel="stylesheet" href="{{asset "built/screen.css"}}">
+    {{#is "post"}}
+        <script src="{{asset "built/prism.js"}}"></script>
+        <link rel="stylesheet" href="{{asset "built/prism.css"}}">
+    {{/is}}
 
     {{> "typography/noto"}}
 
-    <link rel="stylesheet" href="{{asset "built/screen.css"}}">
-
     {{> "icons"}}
+    {{> "algolia"}}
 
-    {{#is "post, page"}}
-    <link rel="stylesheet" href="{{asset "built/prism.css"}}">
-    {{/is}}
-
+    {{!-- Header --}}
     {{ghost_head}}
 </head>
 
 <body class="{{body_class}} bg-gradient-to-r from-darker via-darker to-dark">
 
-    {{!-- Header --}}
-    {{> header}}
+    {{> "components/nav"}}
 
     {{!-- Main content, dynamically inserted here --}}
-        {{{body}}}
+    {{{body}}}
 
     {{!-- Footer --}}
-    {{> footer}}
+    {{> "components/footer"}}
 
 <script src="{{asset "built/main.js"}}"></script>
 {{ghost_foot}}