Test

stanieldev · Nov 2, 2024 · 827e1fa · 827e1fa
1 parent 688bdcc
commit 827e1fa
Show file tree

Hide file tree

Showing 10 changed files with 31 additions and 17 deletions.
diff --git a/.resources/styles/theme_light.css b/.resources/styles/theme_light.css
@@ -6,6 +6,9 @@
 }
 
 /* Increased accessibility  */
-.text-highlight {
+.sdev-header__text-highlight {
+    text-decoration: underline !important;
+}
+.sdev-header__nav-link:hover {
     text-decoration: underline;
 }
diff --git a/.templates/header/header.css b/.templates/header/header.css
@@ -13,15 +13,15 @@
 }
 
 /* Overriding Classes */
-.text-highlight {
+.sdev-header__text-highlight {
     /* Text */
     color: var(--text-highlight) !important;
 
     /* Cursor */
     cursor: default !important;
 
     /* Transition */
-    transition: var(--theme-transition) !important;
+    transition: var(--sdev-header__theme-transition) !important;
 }
 
 /* Box Classes */

diff --git a/.templates/header/header.html b/.templates/header/header.html
@@ -44,10 +44,10 @@
     <link rel="stylesheet" href="/.templates/header/header.css">
 
     <!-- Page Script(s) -->
-    <script defer src="/.templates/fetching.js"></script>
-    <script defer src="/.templates/header/header.js"></script>
-    <script defer src="/.templates/header/switchTheme.js"></script>
-    <script defer src="/.templates/header/switchLanguage.js"></script>
+    <script src="/.templates/scripts/fetching.js"></script>
+    <script src="/.templates/header/header.js"></script>
+    <script src="/.templates/header/switchTheme.js"></script>
+    <script src="/.templates/header/switchLanguage.js"></script>
 </head>
 
 
@@ -61,7 +61,8 @@
             <a class="sdev-header__nav-link" href="/home">Home</a>|
             <a class="sdev-header__nav-link" href="/about-me">About</a>|
             <a class="sdev-header__nav-link" href="/portfolio">Portfolio</a>|
-            <a class="sdev-header__nav-link" href="/contact">Contact</a>
+            <a class="sdev-header__nav-link" href="/contact">Contact</a>|
+            <a class="sdev-header__nav-link" href="/console">Console</a>
         </nav>
     </div>
 

diff --git a/.templates/header/switchLanguage.js b/.templates/header/switchLanguage.js
@@ -1,7 +1,7 @@
 // Constants
 PARENT = "sdev-header__language";
 DEFAULT_LANGUAGE = "EN";
-TEXT_HIGHLIGHT_CLASS = "text-highlight";
+TEXT_HIGHLIGHT_CLASS = "sdev-header__text-highlight";
 loadLangStartup();
 
 // Page Startup

diff --git a/.templates/header/switchTheme.js b/.templates/header/switchTheme.js
@@ -1,6 +1,6 @@
 // Constants
 PARENT = "sdev-header__theme";
-DEFAULT_THEME = "light";
+DEFAULT_THEME = "dark";
 THEME_ICON_HTML = document.getElementById("sdev-header__theme-icon");
 loadThemeStartup();
 

diff --git a/.templates/page/default.css b/.templates/page/default.css
@@ -15,9 +15,6 @@ body {
 
     /* Color */
     background-color: var(--background);
-
-    /* Transition */
-    transition: var(--theme-transition);
 }
 
 /* Overriding Classes */

diff --git a/.templates/fetching.js → .templates/scripts/fetching.js b/.templates/fetching.js → .templates/scripts/fetching.js
diff --git a/home/home.css b/home/home.css
@@ -4,6 +4,15 @@
     --tab-spacing: 50px;
 }
 
+
+
+
+
+.text-highlight, .tab:hover {
+    text-decoration: underline !important;
+}
+
+
 /* Box Classes */
 .tab-bar {
     /* Geometry */

diff --git a/home/home.js b/home/home.js
@@ -0,0 +1,4 @@
+// When the page is finished loading, add transition: var(--theme-transition); to the body element
+document.addEventListener("DOMContentLoaded", function() {
+  document.body.style.transition = "var(--theme-transition)";
+});
diff --git a/home/index.html b/home/index.html
@@ -14,17 +14,17 @@
     </script>
     <script defer>
 		$(function(){ $("#page-header").load("/.templates/header/header.html"); });
-		$(function(){ $("#page-footer").load("/.templates/footer/footer.html"); });
+		// $(function(){ $("#page-footer").load("/.templates/footer/footer.html"); });
     </script>
 
     <!-- Page Style(s) -->
     <link rel="stylesheet" href="/.templates/page/default.css">
     <link rel="stylesheet" href="/home/home.css">
 
     <!-- Page Script(s) -->
-    <script defer src="/.templates/fetching.js"></script>
-    <script defer src="/home/home.js"></script>
-    <script defer src="/home/switchTab.js"></script>
+    <script src="/.templates/scripts/fetching.js"></script>
+    <script src="/home/home.js"></script>
+    <script src="/home/switchTab.js"></script>
 </head>