optimizations

.htaccess

@@ -181,22 +181,23 @@ ExpiresByType video/webm                            "access plus 4 month"
 # Web fonts
 
 # Embedded OpenType (EOT)
-ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
-ExpiresByType font/eot                              "access plus 1 month"
+ExpiresByType application/vnd.ms-fontobject         "access plus 1 year"
+ExpiresByType font/eot                              "access plus 1 year"
 
 # OpenType
-ExpiresByType font/opentype                         "access plus 1 month"
+ExpiresByType font/opentype                         "access plus 1 year"
 
 # TrueType
-ExpiresByType application/x-font-ttf                "access plus 1 month"
+ExpiresByType application/x-font-ttf                "access plus 1 year"
 
 # Web Open Font Format (WOFF) 1.0
-ExpiresByType application/font-woff                 "access plus 1 month"
-ExpiresByType application/x-font-woff               "access plus 1 month"
-ExpiresByType font/woff                             "access plus 1 month"
+ExpiresByType application/font-woff                 "access plus 1 year"
+ExpiresByType application/x-font-woff               "access plus 1 year"
+ExpiresByType font/woff                             "access plus 1 year"
 
 # Web Open Font Format (WOFF) 2.0
-ExpiresByType application/font-woff2                "access plus 1 month"
+ExpiresByType application/font-woff2                "access plus 1 year"
+ExpiresByType font/woff2                            "access plus 1 year"
 
 # Other
 ExpiresByType text/x-cross-domain-policy            "access plus 1 week"

.sassrc

@@ -0,0 +1,3 @@
+{
+  "silenceDeprecations": ["legacy-js-api"]
+}

assets/css/main.scss

@@ -1,17 +1,17 @@
-@import "~/node_modules/modern-normalize/modern-normalize.css";
+@forward "~/node_modules/modern-normalize/modern-normalize.css";
 
-@import "common/variables";
-@import "common/fonts";
-@import "common/typo";
-@import "common/global";
-@import "common/helper";
-@import "common/grid";
+@forward "common/variables";
+@forward "common/fonts";
+@forward "common/typo";
+@forward "common/global";
+@forward "common/helper";
+@forward "common/grid";
 
-@import "components/header";
-@import "components/footer";
-@import "components/button";
-@import "components/nav";
+@forward "components/header";
+@forward "components/footer";
+@forward "components/button";
+@forward "components/nav";
 
-@import "pages/default";
-@import "pages/error";
-@import "pages/home";
+@forward "pages/default";
+@forward "pages/error";
+@forward "pages/home";

assets/css/pages/_default.scss

@@ -2,8 +2,10 @@
   main {
     padding: 20px 0;
 
-    .wrapper {
+    .content-wrapper {
       max-width: 900px;
+      margin-left: 0;
+      margin-right: auto;
     }
   }
 }

assets/css/pages/_error.scss

@@ -1,5 +1,11 @@
 .error {
+  justify-content: space-between;
+
   h1 {
     font-size: clamp(3rem, 10vw, 20rem);
   }
+
+  .footer {
+    margin-top: 0;
+  }
 }

assets/js/main.js

@@ -1,5 +1,5 @@
 import initComponent from "./components/component.js";
 
-window.addEventListener('load', () => {
+window.addEventListener('DOMContentLoaded', () => {
   initComponent();
 });