From d9f3cb3fd81d9881b5cebb377f7a39c29bf8fde8 Mon Sep 17 00:00:00 2001
From: Dale Slack <dale@dslack.uk>
Date: Fri, 29 Nov 2024 00:42:59 +0000
Subject: [PATCH] FontAwesome jump issue - resolved

---
 index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index e57d91e0..be96bc05 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
         
+    <!-- Preload FontAwesome-->
+    <link rel="preload" href="fork/fontawesome/fontawesome-pro-6.6.0-web/js/all.js" as="script" />
+    <noscript><link rel="preload" href="fork/fontawesome/fontawesome-pro-6.6.0-web/css/all.css" as="style" /></noscript>
+
     <!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
     <title>Dale Slack - LittleLink</title>
     <link rel="icon" type="image/x-icon" href="image/brand/favicon/favicon.svg"> <!-- Update this with your own favicon -->
@@ -28,28 +32,24 @@
     
     <!-- Author Information -->
     <meta name="author" content="Dale Slack">
-    
+      
     <!-- Stylesheets 
     <link rel="stylesheet" href="css/reset.css">-->
 
+    <!-- Sanitize -->
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/sanitize.css'>
-    
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/forms.css'>
-  
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/assets.css'>
-    
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/typography.css'>
-    
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/reduce-motion.css'>
-    
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/system-ui.css'>
-    
     <link rel='stylesheet' href='fork/sanitize-css/sanitize.css-13.0.0/ui-monospace.css'>
 
+    <!-- Littlelink -->
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/brands.css">
 
-<!-- Font Awesome -->
+<!-- FontAwesome -->
     <script defer src="fork/fontawesome/fontawesome-pro-6.6.0-web/js/all.js"></script>
 
     <script defer src="fork/fontawesome/fontawesome-pro-6.6.0-web/js/sharp-solid.js"></script>
@@ -60,6 +60,8 @@
 
     <script defer src="fork/fontawesome/fontawesome-pro-6.6.0-web/js/fontawesome.js"></script>
 
+    <!-- No java script load CSS-->
+<noscript>
     <link href="fork/fontawesome/fontawesome-pro-6.6.0-web/css/fontawesome.css" rel="stylesheet" />
 
     <link href="fork/fontawesome/fontawesome-pro-6.6.0-web/css/sharp-solid.css" rel="stylesheet" />
@@ -69,6 +71,7 @@
     <link href="fork/fontawesome/fontawesome-pro-6.6.0-web/css/sharp-duotone-solid.css" rel="stylesheet" />
 
     <link href="fork/fontawesome/fontawesome-pro-6.6.0-web/css/all.css" rel="stylesheet" />
+</noscript>
 
 <!-- Matomo -->
 <script>