fix: fix best practices lighthouse optimization (#13)

fix #12

Author: nirgn975

assets/scss/main.scss

@@ -1,15 +1,15 @@
 :root {
   --color-background: {{ .Site.Params.light.background | default "#E0E0E0" }};
   --color-text: {{ .Site.Params.light.text | default "#333333" }};
-  --color-text-hover: {{ .Site.Params.light.textHover | default "#1e70bf" }};
+  --color-text-hover: {{ .Site.Params.light.textHover | default "#0a62b9" }};
   --color-border: {{ .Site.Params.light.border | default "#999999" }};
   --color-header-background: {{ .Site.Params.light.headerBackground | default "#ffffff" }};
 }
 
 [data-theme="dark"] {
   --color-background: {{ .Site.Params.dark.background | default "#303030" }};
   --color-text: {{ .Site.Params.dark.text | default "#B3B3B3" }};
-  --color-text-hover: {{ .Site.Params.dark.textHover | default "#bdebfc" }};
+  --color-text-hover: {{ .Site.Params.dark.textHover | default "#0a62b9" }};
   --color-border: {{ .Site.Params.dark.colorBorder | default "#666666" }};
   --color-header-background: {{ .Site.Params.dark.headerBackground | default "#424242" }};
 }
@@ -45,8 +45,14 @@ span {
   color: var(--color-text);
 }
 
+a {
+  color: var(--color-text-hover);
+  text-decoration: none;
+}
+
 a:hover {
   color: var(--color-text-hover);
+  text-decoration: none !important;
 }
 
 div.uk-container {
@@ -118,10 +124,6 @@ span.category-header {
       margin-right: .5rem;
     }
   }
-
-  a:hover {
-    color: var(--color-text-hover);
-  }
 }
 
 /*

exampleSite/config.toml

@@ -14,14 +14,14 @@ themesDir = "../.."
   [params.light]
     background = "#E0E0E0"
     text = "#333333"
-    textHover = "#1e70bf"
+    textHover = "#0a62b9"
     border = "#999999"
     headerBackground = "#ffffff"
 
   [params.dark]
     background = "#303030"
     text = "#B3B3B3"
-    textHover = "#bdebfc"
+    textHover = "#0a62b9"
     border = "#666666"
     headerBackground = "#424242"
 

exampleSite/data/content.yaml

@@ -65,8 +65,8 @@ education:
       list:
         enable: True
         items:
-          - text: "The <a href='https://www.udacity.com/course/deep-learning-nanodegree-foundation--nd101' target='_blank'>program syllabus</a> include: Neural Networks, Convolutional Neural Networks, Recurrent Neural Networks, Generative Adversarial Networks"
-          - text: The 5 projects I built during the program - <a href="https://github.com/nirgn975/DLND" target="_blank">GitHub</a>
+          - text: "The <a href='https://www.udacity.com/course/deep-learning-nanodegree-foundation--nd101' target='_blank' rel='noreferrer'>program syllabus</a> include: Neural Networks, Convolutional Neural Networks, Recurrent Neural Networks, Generative Adversarial Networks"
+          - text: The 5 projects I built during the program - <a href="https://github.com/nirgn975/DLND" target="_blank" rel='noreferrer'>GitHub</a>
     - course: Bachelor of Science (BSc) in Computer Science
       schoolName: MIT - Massachusetts Institute of Technology
       schoolUrl: https://www.linkedin.com/school/mit/

exampleSite/static/icons/browserconfig.xml

@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/android-chrome-192x192.png"/>
-            <TileColor>#1e87f0</TileColor>
+            <square150x150logo src="/icons/android-chrome-192x192.png"/>
+            <TileColor>#0c67c1</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

exampleSite/static/icons/site.webmanifest

@@ -2,11 +2,11 @@
   "name": "devRes",
   "short_name": "devRes",
   "icons": [{
-    "src": "/android-chrome-192x192.png",
+    "src": "/icons/android-chrome-192x192.png",
     "sizes": "192x192",
     "type": "image/png"
     }, {
-      "src": "/android-chrome-512x512.png",
+      "src": "/icons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }],

exampleSite/static/img/profile-image.webp

@@ -2,6 +2,8 @@
 	<meta charset="utf-8">
 	<title>{{ .Site.Title }}</title>
 
+	<link rel="preconnect" href="https://cdn.jsdelivr.net">
+
 	{{ "<!-- mobile responsive meta -->" | safeHTML }}
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
 	<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">