Fix: nav menu alignment

Author: cliffable

about.html

@@ -10,7 +10,12 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/about.html">
 
-  <link rel="stylesheet" href="/styles.css">
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
+  <link rel="stylesheet" href="styles.css">
 
   <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico">
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">

contact.html

@@ -10,6 +10,11 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/contact.html">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="styles.css">
 
   <link rel="icon" type="image/x-icon" href="favicon/favicon.ico">

field-notes/building-my-first-cicd-pipeline.html

@@ -11,6 +11,11 @@
     <meta name="robots" content="index, follow">
     <link rel="canonical" href="https://cliffable.com/field-notes/building-my-first-cicd-pipeline.html">
 
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
     <link rel="stylesheet" href="../styles.css">
 
     <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

field-notes/index.html

@@ -11,7 +11,13 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/field-notes/">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
+
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">
   <link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">

projects/csgl-lightsail-wordpress.html

@@ -10,6 +10,11 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/projects/csgl-lightsail-wordpress.html">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
 
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

projects/designing-the-cliffable-brand.html

@@ -10,6 +10,11 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/projects/designing-the-cliffable-brand.html">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
 
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

projects/index.html

@@ -10,6 +10,11 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/projects/">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
 
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

projects/secure-aws-vpc-with-bastion-host.html

@@ -11,6 +11,11 @@
   <meta name="robots" content="index, follow">
   <link rel="canonical" href="https://cliffable.com/projects/secure-aws-vpc-with-bastion-host.html">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
 
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

projects/static-site-on-aws.html

@@ -14,6 +14,11 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
 
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="../styles.css">
 
   <link rel="icon" type="image/x-icon" href="../favicon/favicon.ico">

templates/field-note-template.html

@@ -12,13 +12,16 @@
 
     <title>[Field Note Title] | Cliffable</title>
 
-    <meta name="description"
-        content="[Short SEO description of the article.]">
+    <meta name="description" content="[Short SEO description of the article.]">
 
     <meta name="robots" content="noindex, nofollow">
 
-    <link rel="canonical"
-        href="https://cliffable.com/field-notes/[field-note-file-name].html">
+    <link rel="canonical" href="https://cliffable.com/field-notes/[field-note-file-name].html">
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
 
     <link rel="stylesheet" href="../styles.css">
 
@@ -52,9 +55,7 @@
 
             <div class="logo">
                 <a href="/">
-                    <img src="/assets/logos/cliffable-logo-white-v2.svg"
-                        alt="Cliffable logo"
-                        height="60">
+                    <img src="/assets/logos/cliffable-logo-white-v2.svg" alt="Cliffable logo" height="60">
                 </a>
             </div>
 
@@ -97,8 +98,7 @@ <h1>[Field Note Title]</h1>
         <section class="field-note-featured-image">
             <div class="container field-note-container">
 
-                <a href="../assets/images/field-notes/[article-folder]/[hero-image-file]"
-                    class="lightbox-trigger">
+                <a href="../assets/images/field-notes/[article-folder]/[hero-image-file]" class="lightbox-trigger">
 
                     <img src="../assets/images/field-notes/[article-folder]/[hero-image-file]"
                         alt="[Featured image description]">
@@ -199,15 +199,11 @@ <h2>Related project</h2>
                         Email
                     </a>
 
-                    <a href="https://www.linkedin.com/in/cliff-smith-london/"
-                        target="_blank"
-                        rel="noopener noreferrer">
+                    <a href="https://www.linkedin.com/in/cliff-smith-london/" target="_blank" rel="noopener noreferrer">
                         LinkedIn
                     </a>
 
-                    <a href="https://github.com/cliffable"
-                        target="_blank"
-                        rel="noopener noreferrer">
+                    <a href="https://github.com/cliffable" target="_blank" rel="noopener noreferrer">
                         GitHub
                     </a>