A lot of changes; let's hope they work

IrisShaders · Jan 30, 2024 · 47e6afe · 47e6afe
1 parent 344f313
commit 47e6afe
Show file tree

Hide file tree

Showing 23 changed files with 93 additions and 59 deletions.
diff --git a/about.html b/about.html
@@ -54,9 +54,12 @@
         reloadTheme("about");
         initLang(1);
       });
+      document.addEventListener("load", function () {
+        document.getElementById("body").classList.remove("no-transition");
+      });
     </script>
   </head>
-  <body class="body-2">
+  <body class="no-transition">
     <div
       data-collapse="medium"
       data-animation="default"
@@ -191,7 +194,7 @@ <h1 class="brand-text">Iris Shaders</h1>
           <div
             langfield="subheading"
             data-w-id="732748e7-4c98-18e7-ed34-efc539421d45"
-            class="hero-subheading fadein"
+            class="hero-subheading"
           >
             Learn more about the Shader Sensation
           </div>
@@ -760,7 +763,7 @@ <h5 langfield="social" class="heading-10">social</h5>
     <div class="footer center">
       <div class="w-container">
         <div langfield="copyright" class="footer-text">
-          © Copyright 2023 IrisShaders. All Rights Reserved.
+          © Copyright 2024. Licensed under the LGPLv3.
         </div>
       </div>
     </div>

diff --git a/css/darkmode_supplements.css b/css/darkmode_supplements.css
@@ -429,13 +429,14 @@ h5 {
 
 .button {
   border-color: #34393b;
-  background-color: #005eb0;
-  color: #e8e6e3;
+  background-color: #003153;
+  color: #F9F6EE;
   text-decoration-color: initial;
+  transition: background-color 2s;
 }
 
 .button:hover {
-  background-color: #005eb0;
+  background-color: #0372d5;
 }
 
 .button:active {
@@ -472,15 +473,15 @@ h5 {
 }
 
 .brand-text {
-  color: #63bbff;
+  color: #F9F6EE;
 }
 
 .section {
   background-color: #181a1b;
 }
 
 .section.accent {
-  background-color: #141a28;
+  background-color: #181818;
 }
 
 .white-box {
@@ -493,22 +494,39 @@ h5 {
 }
 
 .hero-section {
-  background-image: url(../images/backgrounds/about-bkg.webp);
+  padding-top: 128px;
+  padding-bottom: 128px;
+  transition: background 2s;
+  background-image: url("../images/backgrounds/about-bkg-dark.webp");
+  background-position: 50% 50%;
+  background-size: cover;
+  background-attachment: scroll;
 }
 
+.no-transition * {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -ms-transition: none !important;
+  -o-transition: none !important;
+  transition: none !important;
+}
+
+
 .hero-section.centered {
-  border-bottom-color: #004e93;
+  border-bottom-color: #181a1b;
   background-image: url(../images/backgrounds/iris-bkg-dark.webp);
   box-shadow: #000 1px 1px 12px 0 inset;
+  transition: background 2s;
 }
 
 .hero-heading {
-  color: #e8e6e3;
+  color: #F9F6EE;
+  transition: background 2s;
   text-shadow: 1px 1px 10px black;
 }
 
 .hero-subheading {
-  color: #3aa9ff;
+  color: #F9F6EE;
   text-shadow: 1px 1px 10px black;
 }
 
@@ -540,12 +558,12 @@ h5 {
 }
 
 .footer {
-  background-color: #212325;
+  background-color: #181818;
 }
 
 .footer.center {
   border-top-color: #3a3f41;
-  background-color: #212325;
+  background-color: #181818;
 }
 
 .footer-text {
@@ -555,7 +573,7 @@ h5 {
 .grid-image {
   border-color: #181a1b;
   background-color: #004b8d;
-  box-shadow: #005eb0 0 0 0 1px;
+  box-shadow: #003153 0 0 0 1px;
 }
 
 .footer-link {
@@ -589,7 +607,7 @@ h5 {
 }
 
 .navigation-link-button {
-  background-color: #005eb0;
+  background-color: #003153;
   color: #dedbd7;
 }
 
@@ -603,18 +621,18 @@ h5 {
 }
 
 .navigation-link-button.w--current {
-  background-color: #005eb0;
+  background-color: #003153;
   color: #dedbd7;
 }
 
 .big-button {
-  background-color: #005eb0;
+  background-color: #003153;
   color: #e8e6e3;
   text-decoration-color: initial;
 }
 
 .big-button:hover {
-  background-color: #005eb0;
+  background-color: #003153;
 }
 
 .big-button:active {
@@ -639,13 +657,13 @@ h5 {
 
 .button-right {
   border-color: #34393b;
-  background-color: #005eb0;
+  background-color: #003153;
   color: #e8e6e3;
   text-decoration-color: initial;
 }
 
 .button-right:hover {
-  background-color: #005eb0;
+  background-color: #003153;
 }
 
 .button-right:active {
@@ -702,13 +720,13 @@ h5 {
 
 .right-floatbutton {
   border-color: #34393b;
-  background-color: #005eb0;
+  background-color: #003153;
   color: #e8e6e3;
   text-decoration-color: initial;
 }
 
 .right-floatbutton:hover {
-  background-color: #005eb0;
+  background-color: #003153;
 }
 
 .right-floatbutton:active {
@@ -764,13 +782,13 @@ h5 {
 
 .download-button {
   border-color: #34393b;
-  background-color: #005eb0;
+  background-color: #003153;
   color: #e8e6e3;
   text-decoration-color: initial;
 }
 
 .download-button:hover {
-  background-color: #005eb0;
+  background-color: #003153;
 }
 
 .download-button:active {

diff --git a/css/iris-2.webflow.css b/css/iris-2.webflow.css
@@ -245,7 +245,7 @@ p {
 }
 
 .section.accent {
-  background-color: #192024;
+  background-color: #181818;
 }
 
 .white-box {
@@ -265,7 +265,8 @@ p {
 .hero-section {
   padding-top: 128px;
   padding-bottom: 128px;
-  background-image: url("../images/backgrounds/about-bkg.webp");
+  transition: all 2s;
+  background-image: url("../images/backgrounds/about-bkg-light.webp");
   background-position: 50% 50%;
   background-size: cover;
   background-attachment: scroll;
@@ -274,7 +275,8 @@ p {
 .hero-section.centered {
   padding-top: 195px;
   padding-bottom: 195px;
-  border-bottom: 4px solid #69b9ff;
+  border-bottom: 4px solid #dcebf7;
+  transition: background 2s;
   background-image: url("../images/backgrounds/iris-bkg-light.webp");
   background-position: 50% 50%;
   background-size: cover;
@@ -296,8 +298,8 @@ p {
 
 .hero-subheading {
   margin-bottom: 40px;
-  color: #3aa9ff;
-  text-shadow: 1px 1px 10px black;
+  color: #F9F6EE;
+  text-shadow: 2px 2px 10px black;
   font-size: 25px;
   line-height: 25px;
   font-weight: 400;
@@ -390,7 +392,7 @@ p {
 
 .footer.center {
   border-top: 1px solid #dbdbdb;
-  background-color: #383838;
+  background-color: #181818;
   text-align: center;
 }
 
@@ -1150,7 +1152,6 @@ p {
 
 .image-10 {
   float: right;
-  box-shadow: -4px 4px 8px 0 #000;
 }
 
 .paragraph-10-left {

diff --git a/download.html b/download.html
@@ -54,9 +54,12 @@
         reloadTheme("download");
         initLang(2);
       });
+      document.addEventListener("load", function () {
+        document.getElementById("body").classList.remove("no-transition");
+      });
     </script>
   </head>
-  <body class="body-2">
+  <body class="no-transition">
     <div
       data-collapse="medium"
       data-animation="default"
@@ -384,7 +387,7 @@ <h5 langfield="social" class="heading-10">social</h5>
     <div class="footer center">
       <div class="w-container">
         <div langfield="copyright" class="footer-text">
-          © Copyright 2023 IrisShaders. All Rights Reserved.
+          © Copyright 2024. Licensed under the LGPLv3.
         </div>
       </div>
     </div>

diff --git a/images/backgrounds/about-bkg-dark.png b/images/backgrounds/about-bkg-dark.png
diff --git a/images/backgrounds/about-bkg-dark.webp b/images/backgrounds/about-bkg-dark.webp
diff --git a/images/backgrounds/about-bkg-light.png b/images/backgrounds/about-bkg-light.png
diff --git a/images/backgrounds/about-bkg-light.webp b/images/backgrounds/about-bkg-light.webp
diff --git a/images/backgrounds/about-bkg.webp b/images/backgrounds/about-bkg.webp
diff --git a/index.html b/index.html
@@ -46,18 +46,21 @@
     <script defer="" type="text/javascript">
       if (!localStorage.getItem("darkMode")) {
         const userPrefersDark =
-          window.matchMedia &&
-          window.matchMedia("(prefers-color-scheme: dark)").matches;
-        localStorage.setItem("darkMode", userPrefersDark ? "true" : "false");
+                (window.matchMedia &&
+                        window.matchMedia("(prefers-color-scheme: dark)").matches) || (new Date().getHours() >= 18 || new Date().getHours() < 6);
+        sessionStorage.setItem("darkMode", userPrefersDark ? "true" : "false");
       }
       document.addEventListener("DOMContentLoaded", function (event) {
         reloadTheme("index.html");
         initLang(0);
       });
+      document.addEventListener("load", function () {
+        document.getElementById("body").classList.remove("no-transition");
+      });
     </script>
   </head>
-  <body class="body-2">
-    <div
+  <body id="body" class="no-transition">
+  <div
       data-collapse="medium"
       data-animation="default"
       data-duration="400"
@@ -183,7 +186,7 @@ <h1 class="brand-text">Iris Shaders</h1>
       </div>
     </div>
     <div class="hero-section centered">
-      <div class="w-container fadein">
+      <div class="w-container">
         <h1
           data-ix="fade-in-bottom-page-loads"
           langfield="title"
@@ -587,7 +590,7 @@ <h5 langfield="social" class="heading-10">social</h5>
     <div class="footer center">
       <div class="w-container">
         <div langfield="copyright" class="footer-text">
-          © Copyright 2023 IrisShaders. All Rights Reserved.
+          © Copyright 2024. Licensed under the LGPLv3.
         </div>
       </div>
     </div>

diff --git a/js/darkmode.js b/js/darkmode.js
@@ -4,18 +4,24 @@ function reloadTheme(file) {
     (el) =>
       (el.onclick = function () {
         let currentTheme = localStorage.getItem("darkMode");
+        if (currentTheme == null) currentTheme = sessionStorage.getItem("darkMode");
         let switchToTheme = currentTheme == "true" ? "false" : "true";
         localStorage.setItem("darkMode", switchToTheme.toString());
         reloadTheme(file);
       })
   );
-  themeSwitcher.forEach((el) =>
-    el.setAttribute(
-      "langfield",
-      localStorage.getItem("darkMode") == "true" ? "light" : "dark"
-    )
+  themeSwitcher.forEach((value) => {
+        let value2 = localStorage.getItem("darkMode");
+        if (value2 == null) value2 = sessionStorage.getItem("darkMode");
+        value.setAttribute(
+            "langfield",
+            value2 == "true" ? "light" : "dark"
+        )
+  }
   );
-  if (localStorage.getItem("darkMode") == "true") {
+  let currentTheme = localStorage.getItem("darkMode");
+  if (currentTheme == null) currentTheme = sessionStorage.getItem("darkMode");
+  if (currentTheme == "true") {
     if (!document.getElementById("darkThemeLink")) {
       let link = document.createElement("link");
       link.href = "css/darkmode_supplements.css";

diff --git a/locales/cs.json b/locales/cs.json
@@ -88,6 +88,6 @@
     "github": "GitHub",
     "discord": "Discord",
     "patreon": "Patreon",
-    "copyright": "© Copyright 2023 IrisShaders. Všechna práva vyhrazena."
+    "copyright": "© Copyright 2024 IrisShaders. Všechna práva vyhrazena."
   }
 }
diff --git a/locales/de.json b/locales/de.json
@@ -88,6 +88,6 @@
     "github": "GitHub",
     "discord": "Discord",
     "patreon": "Patreon",
-    "copyright": "© Copyright 2023 IrisShaders. Alle Rechte vorbehalten."
+    "copyright": "© Copyright 2024 IrisShaders. Alle Rechte vorbehalten."
   }
 }
diff --git a/locales/en.json b/locales/en.json
@@ -88,6 +88,6 @@
     "github": "GitHub",
     "discord": "Discord",
     "patreon": "Patreon",
-    "copyright": "© Copyright 2023 IrisShaders. All Rights Reserved."
+    "copyright": "© Copyright 2024. Licensed under the LGPLv3."
   }
 }