Structural changes and config changes

see-bz · Dec 5, 2024 · 7a553a9 · 7a553a9
1 parent 56838b8
commit 7a553a9
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 17 deletions.
diff --git a/assets/styles/journey.css b/assets/styles/journey.css
@@ -291,6 +291,7 @@ a:visited {
 header {
   text-align: right;
   color: #aaa;
+  font-size: 12px;
 }
 
 header:hover {

diff --git a/env.js b/env.js
@@ -1,4 +1,6 @@
 window.__defaultConfig = Object.freeze({
+  githubLink: `https://github.com/see-bz/journey`,
+  installLink: `https://github.com/see-bz/journey/releases/`,
   widgets: {
     clocks: {
       timezones: [

diff --git a/pages/index.html → index.html b/pages/index.html → index.html
@@ -12,40 +12,37 @@
     <!-- Styles -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="stylesheet" href="../assets/styles/journey.css" />
+    <link rel="stylesheet" href="./assets/styles/journey.css" />
 
     <!-- Favicon -->
-    <link rel="icon" href="../assets/images/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon" />
     <link
       rel="shortcut icon"
-      href="../assets/images/favicon.ico"
+      href="./assets/images/favicon.ico"
       type="image/x-icon"
     />
 
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="../assets/images/journey-32x32.png"
+      href="./assets/images/journey-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="../assets/images/journey-16x16.png"
+      href="./assets/images/journey-16x16.png"
     />
 
-    <script src="../env.js"></script>
+    <script src="./env.js"></script>
   </head>
   <body class="fade-in journey">
     <div id="bg-overlay" class="bg-overlay gray-filter"></div>
 
     <!-- Main Content -->
     <main id="content" class="vignette">
-      <header>
-        <a href="#http://github.com/">GitHub</a>
-        | <a href="./config.html">Config</a>
-      </header>
+      <header></header>
 
       <section id="welcome" class="glowing-text">
         <h1 id="greeting"></h1>
@@ -63,7 +60,7 @@ <h3 class="fade-in">Start your Journey</h3>
             <label for="search-box">
               <img
                 class="search-logo"
-                src="../assets/images/google-brands-solid.svg"
+                src="./assets/images/google-brands-solid.svg"
                 alt="Google Logo"
               />
             </label>
@@ -84,7 +81,7 @@ <h3 class="fade-in">Start your Journey</h3>
               class="search-btn"
               title="Search button"
             >
-              <img src="../assets/images/search-icon.svg" alt="Search" />
+              <img src="./assets/images/search-icon.svg" alt="Search" />
             </button>
           </form>
         </section>
@@ -97,6 +94,6 @@ <h3 class="fade-in">Start your Journey</h3>
       </div>
     </main>
 
-    <script type="application/javascript" src="./script-min.js"></script>
+    <script type="application/javascript" src="./pages/script.js"></script>
   </body>
 </html>
diff --git a/manifest.json b/manifest.json
@@ -1,10 +1,10 @@
 {
   "manifest_version": 3,
   "name": "Journey",
-  "version": "1.0",
+  "version": "1.1",
   "description": "Beautifully crafted minimalist chrome extension.",
   "chrome_url_overrides": {
-    "newtab": "pages/index.html"
+    "newtab": "index.html"
   },
   "permissions": ["activeTab", "tabs", "topSites", "storage", "system"],
   "content_scripts": [],

diff --git a/pages/script-min.js b/pages/script-min.js
diff --git a/pages/script.js b/pages/script.js
@@ -32,6 +32,7 @@
       if (!journey) return;
 
       return {
+        header: journey.querySelector("header"),
         name: journey.querySelector("#name"),
         greetings: journey.querySelector("#greeting"),
         clocks: journey.querySelector("#clocks"),
@@ -44,7 +45,7 @@
 
     function registerEvents() {
       onKeyPress([...__magicKeys.OPEN_CONFIG], () => {
-        window.location.href = "./config.html";
+        window.location.href = "./pages/config.html";
       });
     }
 
@@ -60,6 +61,7 @@
     function setWidgets(...widgets) {
       const config = JSON.parse(localStorage.getItem(lsKeys.CONFIG));
       setBackgroundImage({ config, dom, lsKeys });
+      setHeader({ config, dom });
 
       widgets.forEach((widget) => widget({ config, dom, lsKeys }).run());
     }
@@ -317,4 +319,18 @@
         dom().bgOverlay.style.backgroundImage = `url(${base64data})`;
     };
   }
+
+  function isExtensionInstalled() {
+    return !location.protocol.includes("http");
+  }
+
+  async function setHeader({ dom, config }) {
+    dom().header.innerHTML = `
+      <a href="${config.githubLink}" target="_blank">GitHub</a>
+      | <a href="./pages/config.html" target="_blank">Config</a>
+    `;
+    if (!isExtensionInstalled()) {
+      dom().header.innerHTML += ` | <a target="_blank" href="${config.installLink}">Install</a>`;
+    }
+  }
 }