feat: Added new favicon. Refactored config menu to dynamic title and …

…text depending mode (first set up/reconfig)
migtarx · Mar 18, 2022 · 2b8d08b · 2b8d08b
1 parent bc9c6f2
commit 2b8d08b
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 3 deletions.
diff --git a/img/icon.png b/img/icon.png
diff --git a/js/main.js b/js/main.js
@@ -34,5 +34,5 @@ function checkFirstTime(){
       } else {
         document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
       }
-    }
+}
 setInterval(getClockTime, 0);
diff --git a/js/set-up.js b/js/set-up.js
@@ -1,6 +1,7 @@
 var elementIsClicked = false;
 var inputSelectedLang = document.getElementById("selectedLang");
 var selectedLang = -1;
+checkFirstTime()
 inputSelectedLang.disabled = true;
 
 
@@ -58,5 +59,16 @@ function clickConfirmLang() {
         location.href = "index.html";
     }
 }
+
+function checkFirstTime(){
+    if (typeof(Storage) !== "undefined") {
+        if (localStorage.getItem("username") === null) {
+            document.title = "New Tab - First set up";
+            document.getElementById("htitle").textContent = "First set up"
+        }
+      } else {
+        document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
+      }
+}
 var element = document.getElementById("confirmLang");
 element.addEventListener("click", clickConfirmLang);
diff --git a/name.html b/name.html
@@ -4,12 +4,13 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>New Tab- First set up</title>
+    <link rel="icon" type="image/png" href="img/icon.png"/>
+    <title>New Tab - Reconfig</title>
     <link rel="stylesheet" href="css/main.css" />
   </head>
   <body>
     <body>
-      <h1>First set up</h1>
+      <h1 id="htitle">Reconfig</h1>
       <div id="pick-username">
         <input id="username" type="text" class="ghost-input" placeholder="My name is..." required style="margin-top: 45%" />
         <a class="btn btn-white" id="confirm">Confirm</a>