all repos — aaoth.xyz @ 3e30c7241cb18c5e02195e889b9e4dc73490214a

aaoth.xyz website 

fix minor issues

add width and height to icons
add lang meta-tag
add swap to fonts for faster loading
la-ninpre leobrekalini@gmail.com
Tue, 25 May 2021 17:06:18 +0300
commit

3e30c7241cb18c5e02195e889b9e4dc73490214a

parent

95e872ed91b2254f6486d8a106b09e4a80bc03e5

3 files changed, 41 insertions(+), 25 deletions(-)

jump to
M _layouts/about-page.html → _layouts/about-page.html 
@@ -15,6 +15,7 @@ <a href="{{ link.link }}">
                         <img 
                        class= "link-icon"
                        alt="{{ link.type }}"
+                       width=32px height=32px
                        src="/assets/img/{{ link.type }}-icon.png">
                         <div class="link-text">{{ link.name }}</div>
                     </a>
M _layouts/default.html → _layouts/default.html 
@@ -2,6 +2,7 @@ <!doctype html>
 <html>
 	<head>
 		<meta charset="utf-8">
+        <meta lang="en">
         <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>{{ page.title }} - {{ site.title }}</title>
M _sass/fonts.css → _sass/fonts.css 
@@ -7,6 +7,7 @@ font-weight: 400;
     font-style: normal;
     src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"),
          url("/assets/fonts/Montserrat-Regular.woff") format("woff");
+    font-display: swap;
 }
 
 /** Montserrat Medium **/

@@ -16,6 +17,7 @@ font-weight: 500;
     font-style: normal;
     src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"),
     url("/assets/fonts/Montserrat-Medium.woff") format("woff");
+    font-display: swap;
 }
 
 /** Montserrat Regular-Italic **/

@@ -25,6 +27,7 @@ font-weight: 400;
     font-style: italic;
     src: url("/assets/fonts/Montserrat-Italic.woff2") format("woff2"),
     url("/assets/fonts/Montserrat-Italic.woff") format("woff");
+    font-display: swap;
 }
 
 /** Montserrat Bold **/

@@ -34,6 +37,7 @@ font-weight: 700;
     font-style: normal;
     src: url("/assets/fonts/Montserrat-Bold.woff2") format("woff2"),
     url("/assets/fonts/Montserrat-Bold.woff") format("woff");
+    font-display: swap;
 }
 
 /** Montserrat Bold-Italic **/

@@ -43,6 +47,7 @@ font-weight: 700;
     font-style: italic;
     src: url("/assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"),
     url("/assets/fonts/Montserrat-BoldItalic.woff") format("woff");
+    font-display: swap;
 }
 
 

@@ -59,6 +64,7 @@ url('/assets/fonts/Lato-Regular.ttf') format('truetype');
     font-style: normal;
     font-weight: 400;
     text-rendering: optimizeLegibility;
+    font-display: swap;
 }
 
 /* Webfont: Lato-Italic */@font-face {

@@ -71,6 +77,7 @@ url('/assets/fonts/Lato-Italic.ttf') format('truetype');
     font-style: italic;
     font-weight: 400;
     text-rendering: optimizeLegibility;
+    font-display: swap;
 }
 
 /* Webfont: Lato-Bold */@font-face {

@@ -83,6 +90,7 @@ url('/assets/fonts/Lato-Bold.ttf') format('truetype');
     font-style: normal;
     font-weight: 700;
     text-rendering: optimizeLegibility;
+    font-display: swap;
 }
 
 /* Webfont: Lato-BoldItalic */@font-face {

@@ -95,45 +103,51 @@ url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype');
     font-style: italic;
     font-weight: 700;
     text-rendering: optimizeLegibility;
+    font-display: swap;
 }
 /** =================== FIRA CODE ===================== **/
 
 @font-face {
-  font-family: 'Fira Code';
-  src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
-    url("/assets/fonts/FiraCode-Light.woff") format("woff");
-  font-weight: 300;
-  font-style: normal;
+    font-family: 'Fira Code';
+    src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
+        url("/assets/fonts/FiraCode-Light.woff") format("woff");
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
 }
 
 @font-face {
-  font-family: 'Fira Code';
-  src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
-    url("/assets/fonts/FiraCode-Regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
+    font-family: 'Fira Code';
+    src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
+        url("/assets/fonts/FiraCode-Regular.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
 }
 
 @font-face {
-  font-family: 'Fira Code';
-  src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
-    url("/assets/fonts/FiraCode-Medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
+    font-family: 'Fira Code';
+    src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
+        url("/assets/fonts/FiraCode-Medium.woff") format("woff");
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
 }
 
 @font-face {
-  font-family: 'Fira Code';
-  src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
-    url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
-  font-weight: 600;
-  font-style: normal;
+    font-family: 'Fira Code';
+    src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
+        url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
 }
 
 @font-face {
-  font-family: 'Fira Code';
-  src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
-    url("/assets/fonts/FiraCode-Bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
+    font-family: 'Fira Code';
+    src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
+        url("/assets/fonts/FiraCode-Bold.woff") format("woff");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
 }