Merge branch 'main' into ADB-200-hr

Author: catheraaine

head.html

@@ -1,4 +1,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 <script src="/scripts/aem.js" type="module"></script>
 <script src="/scripts/scripts.js" type="module"></script>
-<link rel="stylesheet" href="/styles/lazy-styles.css"/>
+<link rel="stylesheet" href="/styles/base.css"/>
+<link rel="stylesheet" href="/styles/styles.css"/>

scripts/scripts.js

@@ -102,9 +102,9 @@ async function loadLazy(doc) {
   const element = hash ? doc.getElementById(hash.substring(1)) : false;
   if (hash && element) element.scrollIntoView();
 
-  // loads our lazy styles and important root variables
+  // loads our standard styles and important root variables
   loadCSS(`${window.hlx.codeBasePath}/styles/base.css`);
-  loadCSS(`${window.hlx.codeBasePath}/styles/lazy-styles.css`);
+  loadCSS(`${window.hlx.codeBasePath}/styles/styles.css`);
 
   // loads the header and footer components, along with their stylesheets
   loadHeader(doc.querySelector('header'));
@@ -120,7 +120,7 @@ function loadDelayed() {
   window.setTimeout(() => import('./delayed.js'), 3000);
   // load anything that can be postponed to the latest here
 
-  loadCSS(`${window.hlx.codeBasePath}/styles/styles.css`);
+  loadCSS(`${window.hlx.codeBasePath}/styles/delayed-styles.css`);
 }
 
 async function loadPage() {