From 562941fb3b868b4421df83a21a6eaa11e52eae0e Mon Sep 17 00:00:00 2001 From: diego castillo salazar Date: Sun, 29 Jan 2023 14:22:46 -0500 Subject: [PATCH] Uploading a new custom startpage --- .../homepage/assets/ico/coffee-48x48.svg | 1 + .../homepage/assets/ico/coffee-96x96.svg | 1 + .../startpages/homepage/assets/img/avatar.png | Bin 0 -> 11184 bytes .config/startpages/homepage/index.html | 74 ++++++++++ .config/startpages/homepage/js/script.js | 8 + .config/startpages/homepage/js/search.js | 130 ++++++++++++++++ .config/startpages/homepage/manifest.json | 17 +++ .config/startpages/homepage/style.css | 139 ++++++++++++++++++ 8 files changed, 370 insertions(+) create mode 100644 .config/startpages/homepage/assets/ico/coffee-48x48.svg create mode 100644 .config/startpages/homepage/assets/ico/coffee-96x96.svg create mode 100644 .config/startpages/homepage/assets/img/avatar.png create mode 100755 .config/startpages/homepage/index.html create mode 100755 .config/startpages/homepage/js/script.js create mode 100644 .config/startpages/homepage/js/search.js create mode 100644 .config/startpages/homepage/manifest.json create mode 100755 .config/startpages/homepage/style.css diff --git a/.config/startpages/homepage/assets/ico/coffee-48x48.svg b/.config/startpages/homepage/assets/ico/coffee-48x48.svg new file mode 100644 index 0000000..c5b0c84 --- /dev/null +++ b/.config/startpages/homepage/assets/ico/coffee-48x48.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/.config/startpages/homepage/assets/ico/coffee-96x96.svg b/.config/startpages/homepage/assets/ico/coffee-96x96.svg new file mode 100644 index 0000000..d01f8a8 --- /dev/null +++ b/.config/startpages/homepage/assets/ico/coffee-96x96.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/.config/startpages/homepage/assets/img/avatar.png b/.config/startpages/homepage/assets/img/avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..15199ec0d2ebc22ed6df83667c73a5a01bb4be75 GIT binary patch literal 11184 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 S3K0|Y>O@Rr*-Vo@eEmO%({0@V literal 0 HcmV?d00001 diff --git a/.config/startpages/homepage/index.html b/.config/startpages/homepage/index.html new file mode 100755 index 0000000..b147eac --- /dev/null +++ b/.config/startpages/homepage/index.html @@ -0,0 +1,74 @@ + + + + + + + + Home page + + + +
+
+ +
+ Rama Judicial +
+ Correos electrónicos +
+ Consulta de procesos +
+ Jurisprudencia Cortes +
+ Jurisprudencia Tribunales +
+
+
+ +
+ Google Drive +
+ IlovePDF +
+ IloveIMG +
+ Canva +
+
+
+
+ +
+ Gmx +
+ Gmail +
+ Proton mail +
+ Outlook +
+
+
+ +
+ Telegram +
+ Reddit +
+ Whatsapp +
+
+
+ Your Avatar +

+ +

+ + + + + + diff --git a/.config/startpages/homepage/js/script.js b/.config/startpages/homepage/js/script.js new file mode 100755 index 0000000..cedce58 --- /dev/null +++ b/.config/startpages/homepage/js/script.js @@ -0,0 +1,8 @@ +const username = "Diego"; +const determineGreet = hours => document.getElementById("greeting").innerText = `Good ${hours < 12 ? "Morning, " : hours < 18 ? "Afternoon, " : "Evening, "}` + username + '.'; + +window.addEventListener('load', () => { + let today = new Date(); + determineGreet(new Date().getHours()); + setTimeout(() => { document.getElementById("greeting").style.opacity = "1"; }, 100); +}); diff --git a/.config/startpages/homepage/js/search.js b/.config/startpages/homepage/js/search.js new file mode 100644 index 0000000..7d41c8f --- /dev/null +++ b/.config/startpages/homepage/js/search.js @@ -0,0 +1,130 @@ +let input = document.getElementById("input"); +let form = document.getElementById("search-bar"); +let indicator = document.getElementById("search-engine-indicator"); + +// Available search engines to cycle through +let search_engines = ["Google", "DuckDuckGo", "Github", "StackOverflow", "Reddit"]; + +const MIN_SEARCH_ENGINE_INDEX = 0; +const MAX_SEARCH_ENGINE_INDEX = search_engines.length - 1; +let search_engine_index = 0; + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +function duckduckgo_search(str) { + if (str !== "") { + search_query = "https://duckduckgo.com/?q=" + str; + window.location.replace(search_query); + } +} + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +function google_search(str) { + if (str !== "") { + search_query = "https://www.google.com/search?q=" + str; + window.location.replace(search_query); + } +} + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +function github_search(str) { + if (str !== "") { + search_query = "https://github.com/search?q=" + str; + window.location.replace(search_query); + } +} + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +function reddit_search(str) { + if (str !== "") { + search_query = "https://www.reddit.com/search/?q=" + str; + window.location.replace(search_query); + } +} + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +function stackoverflow_search(str) { + if (str !== "") { + search_query = "https://stackoverflow.com/search?q=" + str; + window.location.replace(search_query); + } +} + +// Search function: Gets called on 'Enter' keypress +// and depending on which search engine is currently selected +form.addEventListener("submit", (event) => { + event.preventDefault(); +}); + +input.addEventListener("keypress", function (event) { + if (event.key == 'Enter') { + search_engine_index == 0 ? google_search(input.value) + : search_engine_index == 1 ? duckduckgo_search(input.value) + : search_engine_index == 2 ? github_search(input.value) + : search_engine_index == 3 ? stackoverflow_search(input.value) + : reddit_search(input.value) + input.blur(); + } +}); + + +document.addEventListener("keypress", function (event) { + switch (event.key) { + // Focus on the search bar when pressing 's' + case 's': + if (document.activeElement !== input) + input.focus(); + break; + // Switch to next search engine when pressing 'j' + case 'j': + if ((search_engine_index < MAX_SEARCH_ENGINE_INDEX) && (document.activeElement !== input)) { + search_engine_index++; + indicator.innerHTML = "Searching with " + search_engines[search_engine_index]; + // Show the search engine indicator for + // 1.5 seconds and then hide it + indicator.style.opacity = "1"; + setTimeout(() => { + indicator.style.opacity = "0"; + }, 1500); + } + break; + // Switch to previous search engine when pressing 'k' + case 'k': + if ((search_engine_index > MIN_SEARCH_ENGINE_INDEX) && (document.activeElement !== input)) { + search_engine_index--; + indicator.innerHTML = "Searching with " + search_engines[search_engine_index]; + // Show the search engine indicator for + // 1.5 seconds and then hide it + indicator.style.opacity = "1"; + setTimeout(() => { + indicator.style.opacity = "0"; + }, 1500); + } + break; + // Display current search engine when pressing '?' + case '?': + if (document.activeElement !== input) { + indicator.innerHTML = "Searching with " + search_engines[search_engine_index]; + // Show the search engine indicator for + // 1.5 seconds and then hide it + indicator.style.opacity = "1"; + setTimeout(() => { + indicator.style.opacity = "0"; + }, 1500); + } + break; + default: + return; + } +}); + +// Remove focus from the search bar when pressing 'Escape' +document.addEventListener("keydown", function (event) { + if (event.key == "Escape") { + input.blur(); + } +}); diff --git a/.config/startpages/homepage/manifest.json b/.config/startpages/homepage/manifest.json new file mode 100644 index 0000000..2eef672 --- /dev/null +++ b/.config/startpages/homepage/manifest.json @@ -0,0 +1,17 @@ +{ + "manifest_version": 2, + "name": "Gruvypage", + "version": "1.0.0", + "description": "New Tab Startpage", + "chrome_url_overrides": { + "newtab": "index.html" + }, + "icons": { + "48": "assets/ico/coffee-48x48.svg", + "96": "assets/ico/coffee-48x48.svg" + }, + "content_security_policy": "script-src 'self'; object-src 'self';", + "web_accessible_resources": [ + "assets/img/avatar.png" + ] +} \ No newline at end of file diff --git a/.config/startpages/homepage/style.css b/.config/startpages/homepage/style.css new file mode 100755 index 0000000..98ef0d1 --- /dev/null +++ b/.config/startpages/homepage/style.css @@ -0,0 +1,139 @@ +* { + font-family: 'Hack Nerd Font Mono', monospace; +} + +body { + background-color: #101010; + -moz-user-select: none; + user-select: none; +} + +.container { + display: flex; + width: max-content; + justify-content: center; + margin: auto; +} + +/* Uncomment for space between buttons */ +/* .container > * { margin: 0 0 0 10px; } */ + +#input { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + min-width: 35%; + height: 40px; + font-size: 120%; + text-align: center; + outline: none; + background-color: #252525; + border: 1px solid #252525; + color: #f7f7f7; + transition: border-color .4s; +} + +#input:hover { + border-color: #252525; +} + +#input:focus { + border-color: #252525; +} + +#avatar { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 150px; + width: 128px; + height: 128px; + border-radius:50%; + border: 2px solid #252525; +} + +#greeting { + font-size: 210%; + opacity: 0; + color: #f7f7f7; + margin: auto; + margin-top: 40px; + width: 50%; + text-align: center; + transition: opacity ease-in .1s; +} + +.dropbtn { + background-color: #252525; + color: #f7f7f7; + width: 150px; + border: none; + padding: 10px; + font-size: 12px; + outline: none; + cursor: pointer; +} + +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #252525; + min-width: 160px; + box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3); + z-index: 1; + transition: opacity ease-in-out 1s; + transition-delay: 2000ms; +} + +.dropdown-content a { + display: block; + text-decoration: none; + color: #f7f7f7; + padding: 12px 16px; + font-size: 13px; +} + +.dropdown-content a:hover { + background-color: #454545; +} + +.dropdown:hover .dropdown-content { + display: block; + height: auto; +} + +.dropdown:hover .dropbtn { + border-bottom: solid 1px #f7f7f7; + color: #f7f7f7; + transition: color .3s; +} + +#search-engine-indicator { + display: block; + justify-content: center; + margin: auto; + text-align: center; + font-size: 110%; + transform: translateY(60px); + color: #f7f7f7; + opacity: 0; + transition: opacity ease-in-out .2s; +} + +hr { + display: block; + justify-content: center; + margin-top: 0; + margin-bottom: 0; + width: 135px; + padding: 0; + border: none; + height: 1px; + background-color: #f7f7f7; +}