Update js/main.js

Customization

README.md

@@ -1,19 +1,7 @@
-<div align="center">
-<h1>Minimal Startpage</h1>
-<h4>Just another minimal startpage for browsers.</h4>
-</div>
+my fork of [this](https://github.com/deepjyoti30/startpage/) start page
 
-<img src=".github/startpage.gif">
-
-<div align="center">
-<br>
-<img src="https://img.shields.io/badge/Maintained%3F-Yes-blueviolet?style=for-the-badge">
-<a href="LICENSE.md"><img src="https://img.shields.io/badge/License-MIT-pink.svg?style=for-the-badge"></a> <a href="http://makeapullrequest.com"><img src="https://img.shields.io/badge/PRs-welcome-lightblue.svg?style=for-the-badge"></a> <img src="https://img.shields.io/badge/supports-chrome-lightgreen.svg?style=for-the-badge"> <img src="https://img.shields.io/badge/supports-firefox-orange.svg?style=for-the-badge"><a href="https://www.paypal.me/deepjyoti30" target="_blank"><img alt="undefined" src="https://img.shields.io/badge/paypal-deepjyoti30-blue?style=for-the-badge&logo=paypal"></a>
-<a href="https://ko-fi.com/deepjyoti30" target="_blank"><img alt="undefined" src="https://img.shields.io/badge/KoFi-deepjyoti30-red?style=for-the-badge&logo=ko-fi"></a> 
-
-
-<br>
-<h3>
-<a href="https://github.com/deepjyoti30/startpage/wiki/Installation">Installation</a> | <a href="https://github.com/deepjyoti30/startpage/wiki/Configuration">Configuration</a> | <a href="https://github.com/deepjyoti30/startpage/wiki">Wiki</a>
-</h3>
-</div>
+i just changed the color palette to onedark,
+you will find the documentations and everything on the original repo
+# SCREENSHOTS
+<img src = "https://i.imgur.com/s5T9dKK.png">
+<img src = "https://i.imgur.com/wJagxIv.png">

config.json

@@ -1,63 +1,66 @@
 {
   "squares": [
     { "name": "media",
-      "color": "red",
+      "color": "#61afef",
       "links": [
-        { "name": "Spotify", "url": "https://open.spotify.com/" },
-        { "name": "YoutubeMusic", "url": "https://music.youtube.com/" },
-        { "name": "Netflix", "url": "https://netflix.com" },
-        { "name": "Youtube", "url": "https://youtube.com" }
+        { "name": "Youtube", "url": "https://youtube.com" },
+        { "name": "Jellyfin", "url": "https://stream.kawa.zip/" },
+        { "name": "KawaMusic", "url": "https://music.kawawete.xyz/" },
+        { "name": "Tidal", "url": "https://tidal.com" },
+        { "name": "Tidal", "url": "https://zic.kawa.zip" }
       ]
     },
-    { "name": "work",
-      "color": "#26A69A",
+    { "name": "homelab",
+      "color": "#e06c75",
       "links": [
-        { "name": "Github", "url": "https://github.com" },
-        { "name": "Heroku", "url": "http://heroku.com/" },
-        { "name": "localhost", "url": "http://localhost:8000/" }
+        { "name": "Front 1 Portainer", "url": "https://port.team4kw.fr" },
+        { "name": "Front 2 Portainer", "url": "https://port.azuze.fr/" },
+        { "name": "IIRIAM Dockge", "url": "https://yacht.iiriam.fr/" }
       ]
     },
     { "name": "social",
+      "color": "#e5c07b",
       "links": [
         { "name": "Reddit", "url": "https://reddit.com" },
-        { "name": "Unixporn Love", "url": "https://deepjyoti30.github.io/unixporn-love/" },
-        { "name": "r/unixporn", "url": "https://www.reddit.com/r/unixporn/" },
-        { "name": "r/mk", "url": "https://www.reddit.com/r/MechanicalKeyboards/" }
+        { "name": "9GAG", "url": "https://9gag.com" },
+        { "name": "Twitter", "url": "https://x.com/" },
+        { "name": "Instagram", "url": "https://instagram.com/" }
       ]
     },
     {
-      "name": "Others",
+      "name": "tools",
+      "color": "#98c379",
       "links": [
-        {"name": "Material Colors", "url": "http://materialuicolors.co/"},
-        {"name": "Gmail", "url": "http://gmail.com/"},
-        {"name": "neo4j Local", "url": "http://localhost:7474/"},
-        {"name": "rarbg", "url": "http://rarbg.to"}
+        {"name": "PDF", "url": "https://pdf.larrache.fr/"},
+        {"name": "YT DL", "url": "https://ytdl.kawa.zip/"},
+        {"name": "OmniTools", "url": "https://tools.larrache.fr/"},
+        {"name": "Penpot", "url": "https://id.larrache.fr"}
       ]
     }
   ],
-  "searchEngine":"DuckDuckGo",
-  "user": "Deepjyoti",
+  "searchEngine":"FindShit",
+  "user": "Kawa",
   "disableMessage": false,
   "disableDate": false,
   "disableSearchBar": false,
   "disable24Hour": false,
-  "disableWeather": true,
-  "timeZone": "America/Los_Angeles",
+  "disableWeather": false,
+  "timeZone": "Europe/Paris",
   "weatherConf": {
-    "location": "Pune India",
+    "location": "Melun",
     "unit": "cel"
   },
   "settingsIcon": false,
   "style": {
-    "backgroundColor": "#212121",
+    "backgroundColor": "#282c34",
     "messageColor": "#fff",
-    "dateColor": "#d9d9d9",
+    "dateColor": "#c8ccd4",
     "lineColor": "#fff",
-    "weatherColor": "#d9d9d9",
-    "searchColor": "#fff",
-    "searchBackgroundColor": "#2e2e2e",
-    "squareColor": "#9e9e9e",
-    "squareBackgroundColor": "#2e2e2e",
-    "autocompleteHighlightBackgroundColor": "#3B3B3B"
+    "weatherColor": "#c8ccd4",
+    "searchColor": "#c8ccd4",
+    "searchBackgroundColor": "#1e222a",
+    "squareColor": "#abb2bf",
+    "squareBackgroundColor": "#1e222a",
+    "autocompleteHighlightBackgroundColor": "#3e4451"
   }
 }

index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>startpage</title>
+    <title>New Tab</title>
     <!--Json Editor-->
     <link rel="stylesheet" href="css/jsoneditor.min.css" type="text/css">
     <!--Custom CSS-->

js/main.js

@@ -17,7 +17,7 @@ timeZ = undefined
 otherContentId = "other-content"
 userName = ""
 disable24Hour = false;
-appId = "fd2c04ed7f9802656bd2cc23bddc7ad9"
+appId = "d319d5bd85895258efbd0bffc9e9a894"
 apiUrl = "http://api.openweathermap.org/data/2.5/weather"
 bgClassContainer = [
     "media",
@@ -32,8 +32,9 @@ bgClassContainer = [
 ]
 searchEngines = {
     "Google": "https://www.google.com/search?q=",
+    "FindShit": "https://findsh.it/search?q=",
     "DuckDuckGo": "https://duckduckgo.com/?q=",
-    "Bing": "https://www.bing.com/search?q=",
+    "Brave": "https://search.brave.com/search?q=",
     "Yahoo": "https://search.yahoo.com/search?p=",
     "Ecosia": "https://www.ecosia.org/search?q="
 }
@@ -71,7 +72,7 @@ function initSearchBar(jsonData) {
         searchEngine = "Google"
     }
     searchUrl = this.searchEngines[searchEngine]
-    document.getElementById(searchBarId).placeholder = `Search something on ${searchEngine}`
+    document.getElementById(searchBarId).placeholder = `${searchEngine} Search`
     document.getElementById(searchBarId).addEventListener("keypress", (event) => {
         if (event.key != 'Enter') return
 
@@ -111,17 +112,17 @@ function buildMsg() {
     currentTime = currentHour + (0.01 * currentMinute)
 
     if (inRange(currentTime, 0, 5.59))
-        return "It's too late, take some sleep"
-    if (inRange(currentTime, 6, 8.59))
-        return "You're up early"
-    if (inRange(currentTime, 9, 11.59))
-        return "Have a good day ahead"
+        return "Rendort toi..."
+    if (inRange(currentTime, 6, 8.30))
+        return "Trop tot pour bosser"
+    if (inRange(currentTime, 8.31, 11.59))
+        return "Je sens que ca va etre une bonne journée"
     if (inRange(currentTime, 12, 16.59))
-        return "Good Afternoon"
+        return "Bon aprem"
     if (inRange(currentTime, 17, 19.59))
-        return "Good Evening"
+        return "Bonne soirée"
     if (inRange(currentTime, 20, 24))
-        return "It's time to wrap up for the day"
+        return "Allez hop, on remballe"
     else
         return ""
 }
@@ -136,7 +137,7 @@ function handleMessage(userName) {
      */
     var builtMsg = buildMsg()
     builtMsg == "" ?
-        builtMsg = `Hello ${userName}` : builtMsg = `Hey ${userName}, ${builtMsg}!`
+        builtMsg = `Salut ${userName}` : builtMsg = `Hey ${userName}, ${builtMsg}!`
     return builtMsg;
 }
 

scss/main.scss

@@ -1,12 +1,12 @@
-$background: #212121;
-$foreground: #fff;
+$background: #282c34;
+$foreground: #abb2bf;
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-$media: #4DD0E1;
-$work: #F06292;
-$social: #FFF176;
-$others: #81C784;
-$funky: #4DB6AC;
-$purple: #9575CD;
+$media: #61afef;
+$work: #e06c75;
+$social: #e5c07b;
+$others: #98c379;
+$funky: #56b6c2;
+$purple: #c678dd;
 $upvoty: #FF8A65;
 $indigo: #7986CB;
 $foxxy: #A1887F;