Add note when javascript is missing

TheRealOne78 · Oct 6, 2023 · d40ca8e · d40ca8e
1 parent bd3bf6c
commit d40ca8e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/homepage.html b/homepage.html
@@ -23,7 +23,7 @@
     <meta charset="UTF-8">
     <title>Yo Dayo~</title>
     <link rel="icon" href="./resources/img/icons/favico.svg">
-    <link rel="stylesheet" href="./resources/css/main.css"?version=1.1>
+    <link rel="stylesheet" href="./resources/css/main.css?version=1.1">
 
     <style>
       @font-face {
@@ -34,6 +34,7 @@
   </head>
 
   <body>
+    <div class="noscript"><noscript class="noscript">Note: You must enable JavaScript to achieve full functionality</noscript></div>
     <br><br>
     <div class="container">
       <div class="contentContainer">

diff --git a/resources/css/main.css b/resources/css/main.css
@@ -102,3 +102,25 @@ a:hover {
     background-color: currentColor;
   }
 }
+
+.noscript {
+  color: black !important;
+  text-align: center;
+  font-size: 27px;
+  animation: noscript 3s infinite;
+}
+
+@keyframes noscript {
+  0% {
+    background-color: #C19C00;
+  }
+  50% {
+    background-color: #C19C00;
+  }
+  51% {
+    background-color: #C50F1F;
+  }
+  100% {
+    background-color: #C50F1F;
+  }
+}