Cleaner CSS, consistency and overall fixes to make smoother "No Animation" experience

AlexFlipnote · AlexFlipnote · commit 037942c230ff · 2025-12-20T13:24:47.000+01:00
diff --git a/src/index.html b/src/index.html
@@ -8,7 +8,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <meta name="theme-color" content="#14bae4">
-    <title>Homepage</title>
+    <title>Homepage++</title>
 
     <!-- Meta data for public demo -->
     <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
@@ -31,13 +31,13 @@ <h1 id="date"></h1>
       <!-- Search engine -->
       <form id="search-form" role="search" spellcheck="false" novalidate style="display: none;">
         <input
-          id="search-input"
-          type="text"
-          name="q"
-          placeholder="Search the web..."
-          autocapitalize="off"
-          autocorrect="off"
-          autocomplete="off"
+        id="search-input"
+        type="text"
+        name="q"
+        placeholder="Search the web..."
+        autocapitalize="off"
+        autocorrect="off"
+        autocomplete="off"
         />
       </form>
     </section>
diff --git a/src/manifest.json b/src/manifest.json
@@ -4,7 +4,7 @@
   "name": "Homepage++",
   "description": "A website that gives you a clean homepage.",
   "homepage_url": "https://alexflipnote.dev/homepage_plusplus/",
-  "version": "2.5.0",
+  "version": "2.5.1",
 
   "chrome_url_overrides": {
     "newtab": "index.html"
diff --git a/src/options.html b/src/options.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Homepage - Settings</title>
+    <title>Homepage++ - Settings</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <link href="css/index.css" type="text/css" rel="stylesheet">
@@ -11,7 +11,7 @@
     <div class="text-center container">
       <div class="header-container">
         <img src="images/logo.png" alt="Homepage Logo">
-        <h1>Homepage settings <i>(v<span id="version"></span>)</i></h1>
+        <h1>Homepage++ settings <i>(v<span id="version"></span>)</i></h1>
       </div>
 
       <div class="box-container">
diff --git a/src/privacy.html b/src/privacy.html
@@ -4,7 +4,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <meta name="theme-color" content="#2196F3">
-    <title>Homepage</title>
+    <title>Homepage++ - Privacy Policy</title>
 
     <meta content="https://alexflipnote.dev/homepage_plusplus/images/logo.png" property="og:image" />
     <link rel="icon" type="image/x-icon" href="images/favicon.ico">
diff --git a/src/scss/components/background.scss b/src/scss/components/background.scss
@@ -19,7 +19,6 @@
     top: 0;
     transition: opacity .5s ease-out;
     width: 100%;
-    z-index: -1;
   }
 }
 
diff --git a/src/scss/components/bookmark.scss b/src/scss/components/bookmark.scss
@@ -54,7 +54,6 @@
     margin-bottom: .25rem;
     position: relative;
     width: 2rem;
-    z-index: 999;
   }
 
   span {
diff --git a/src/scss/components/demo.scss b/src/scss/components/demo.scss
@@ -17,7 +17,6 @@
   flex-direction: column;
   padding: 1rem 3rem 1rem 2rem;
   position: absolute;
-  z-index: 100;
   transform: translateX(-27rem);
   transition: transform .3s ease-in-out, padding .3s ease-in-out;
 
diff --git a/src/scss/components/global.scss b/src/scss/components/global.scss
@@ -20,6 +20,7 @@
 html, body {
   height: 100%;
   margin: 0 auto;
+  background-color: var(--highlight);
 }
 
 details {
@@ -255,6 +256,7 @@ body {
 
 .no-animations {
   .time-container,
+  #time, #date,
   #search-form,
   #weather-container,
   #bookmarks,
diff --git a/src/scss/components/timestamp.scss b/src/scss/components/timestamp.scss
@@ -5,6 +5,7 @@
   flex-direction: column;
   justify-content: center;
   text-align: center;
+  z-index: 9999;
 
   #time { letter-spacing: .25rem; }
 

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,6 @@`
`19`	`19`	`top: 0;`
`20`	`20`	`transition: opacity .5s ease-out;`
`21`	`21`	`width: 100%;`
`22`		`- z-index: -1;`
`23`	`22`	`}`
`24`	`23`	`}`
`25`	`24`
Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,6 @@`
`54`	`54`	`margin-bottom: .25rem;`
`55`	`55`	`position: relative;`
`56`	`56`	`width: 2rem;`
`57`		`- z-index: 999;`
`58`	`57`	`}`
`59`	`58`
`60`	`59`	`span {`