From d9a4490745681689d17ad6c58ba885973bfdbae4 Mon Sep 17 00:00:00 2001 From: TheEmeraldStarr <46467239+Epicloudygamer@users.noreply.github.com> Date: Sun, 1 Nov 2020 17:37:18 -0800 Subject: [PATCH] Massive Update --- .../css/Button-Change-Text-on-Hover.css | 87 --------- public/assets/css/CBO.css | 12 -- public/assets/css/FD.css | 90 --------- public/assets/css/G.css | 52 ------ public/assets/css/GE.css | 83 --------- public/assets/css/HD.css | 172 ------------------ public/assets/css/IF.css | 21 --- public/assets/css/NC.css | 163 ----------------- public/assets/css/hp.css | 154 ---------------- public/assets/css/styles.css | 149 +++++++++++++-- public/assets/js/header.js | 170 ++++------------- public/assets/js/links.js | 12 +- public/index.html | 40 ++-- public/pages/nav/bookmarklets.html | 25 ++- public/pages/nav/credits.html | 27 ++- public/pages/nav/flash.html | 23 ++- public/pages/nav/games5.html | 34 +++- public/pages/nav/gba.html | 14 ++ public/pages/nav/gtools.html | 24 ++- public/pages/nav/icons.html | 27 ++- public/pages/nav/terms.html | 33 +++- public/pages/proxnav/alloy.html | 35 +++- public/pages/proxnav/discordhub.html | 36 +++- public/pages/proxnav/node.html | 37 ++-- public/pages/proxnav/pmprox.html | 36 +++- public/pages/proxnav/pydodge.html | 37 ++-- public/pages/proxnav/youtube.html | 27 ++- public/pages/redirects/chatbox.html | 14 ++ public/pages/redirects/discordprox.html | 14 ++ public/pages/redirects/ythub.html | 14 ++ public/pages/redirects/ytmobile.html | 14 ++ public/pages/surf.html | 31 +++- 32 files changed, 601 insertions(+), 1106 deletions(-) delete mode 100644 public/assets/css/Button-Change-Text-on-Hover.css delete mode 100644 public/assets/css/CBO.css delete mode 100644 public/assets/css/FD.css delete mode 100644 public/assets/css/G.css delete mode 100644 public/assets/css/GE.css delete mode 100644 public/assets/css/HD.css delete mode 100644 public/assets/css/IF.css delete mode 100644 public/assets/css/NC.css delete mode 100644 public/assets/css/hp.css diff --git a/public/assets/css/Button-Change-Text-on-Hover.css b/public/assets/css/Button-Change-Text-on-Hover.css deleted file mode 100644 index 8bf361a4..00000000 --- a/public/assets/css/Button-Change-Text-on-Hover.css +++ /dev/null @@ -1,87 +0,0 @@ -.button { - display: inline-block; - position: relative; - margin: 1em; - padding: 10px 30px; - border: 2px solid #ffffff; - overflow: hidden; - text-decoration: none; - font-size: 16px; - outline: none; - color: #ffffff; - background: transparent; - font-family: 'Titillium Web', sans-serif; - font-weight: 700; -} - -a:hover { - color: #007053; - text-decoration: underline; -} - -.button span { - -webkit-transition: 0.4s; - -moz-transition: 0.4s; - -o-transition: 0.4s; - transition: 0.4s; -} - -.button:before, -.button:after { - content: ''; - position: absolute; - top: 10px; - left: 0; - width: 100%; - text-align: center; - opacity: 0; - -webkit-transition: .4s; - -moz-transition: .4s; - -o-transition: .4s; - transition: .4s; -} - -.button:before { - content: attr(data-hover); - -webkit-transform: 0.4s; - -moz-transform: 0.4s; - -ms-transform: 0.4s; - -o-transform: 0.4s; - transform: 0.4s; -} - -.button:hover span, -.button:active span { - opacity: 0; - -webkit-transform: 0.4s; - -moz-transform: 0.4s; - -ms-transform: 0.4s; - -o-transform: 0.4s; - transform: 0.4s; -} - -.button:hover:before, -.button:active:after { - opacity: 1; - -webkit-transform: 0.4s; - -moz-transform: 0.4s; - -ms-transform: 0.4s; - -o-transform: 0.4s; - transform: 0.4s; - -webkit-transition-delay: .4s; - -moz-transition-delay: .4s; - -o-transition-delay: .4s; - transition-delay: .4s; -} - -.button:active:before { - -webkit-transform: 0.4s; - -moz-transform: 0.4s; - -ms-transform: 0.4s; - -o-transform: 0.4s; - transform: 0.4s; - -webkit-transition-delay: 0s; - -moz-transition-delay: 0s; - -o-transition-delay: 0s; - transition-delay: 0s; -} \ No newline at end of file diff --git a/public/assets/css/CBO.css b/public/assets/css/CBO.css deleted file mode 100644 index 5fb9fa8d..00000000 --- a/public/assets/css/CBO.css +++ /dev/null @@ -1,12 +0,0 @@ -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -*, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - diff --git a/public/assets/css/FD.css b/public/assets/css/FD.css deleted file mode 100644 index 82ca2b5a..00000000 --- a/public/assets/css/FD.css +++ /dev/null @@ -1,90 +0,0 @@ -.footer-dark { - padding: 50px 0; - color: #f0f9ff; - background-color: #282d32; -} - -.footer-dark h3 { - margin-top: 0; - margin-bottom: 12px; - font-weight: bold; - font-size: 16px; -} - -.footer-dark ul { - padding: 0; - list-style: none; - line-height: 1.6; - font-size: 14px; - margin-bottom: 0; -} - -.footer-dark ul a { - color: inherit; - text-decoration: none; - opacity: 0.6; -} - -.footer-dark ul a:hover { - opacity: 0.8; -} - -@media (max-width:767px) { - .footer-dark .item:not(.social) { - text-align: center; - padding-bottom: 20px; - } -} - -.footer-dark .item.text { - margin-bottom: 36px; -} - -@media (max-width:767px) { - .footer-dark .item.text { - margin-bottom: 0; - } -} - -.footer-dark .item.text p { - opacity: 0.6; - margin-bottom: 0; -} - -.footer-dark .item.social { - text-align: center; -} - -@media (max-width:991px) { - .footer-dark .item.social { - text-align: center; - margin-top: 20px; - } -} - -.footer-dark .item.social > a { - font-size: 20px; - width: 36px; - height: 36px; - line-height: 36px; - display: inline-block; - text-align: center; - border-radius: 50%; - box-shadow: 0 0 0 1px rgba(255,255,255,0.4); - margin: 0 8px; - color: #fff; - opacity: 0.75; -} - -.footer-dark .item.social > a:hover { - opacity: 0.9; -} - -.footer-dark .copyright { - text-align: center; - padding-top: 24px; - opacity: 0.3; - font-size: 13px; - margin-bottom: 0; -} - diff --git a/public/assets/css/G.css b/public/assets/css/G.css deleted file mode 100644 index fc5f36c7..00000000 --- a/public/assets/css/G.css +++ /dev/null @@ -1,52 +0,0 @@ -div.gallery { - border: 1px solid #ccc; - margin-top: 5px; - margin-bottom: 5px; -} - -div.gallery:hover { - border: 1px solid #777; -} - -div.gallery img { - width: 100%; - height: 60%; -} - -div.desc { - padding: 10px; - text-align: center; - height: 150px; -} - -* { - box-sizing: border-box; -} - -.responsive { - padding: 0 6px; - float: left; - width: 24.99999%; - display: flex; -} - -@media only screen and (max-width: 700px) { - .responsive { - width: 49.99999%; - margin: 6px 0; - display: flex; - } -} - -@media only screen and (max-width: 500px) { - .responsive { - width: 100%; - display: flex; - } -} - -.clearfix:after { - content: ""; - display: table; - clear: both; -} \ No newline at end of file diff --git a/public/assets/css/GE.css b/public/assets/css/GE.css deleted file mode 100644 index 6491a38a..00000000 --- a/public/assets/css/GE.css +++ /dev/null @@ -1,83 +0,0 @@ -.gembed { - width: 100%; - height: 100%; - top: 0; - bottom: 0; - left: 0; - right: 0; - position: fixed; -} - -.fbody { - background-color: black; - color: rgb(0, 0, 0); - font-family: sans-serif; -} - -.glink { - display: block; - text-decoration: none; - color: white; - font: 18px; - border: 1px solid #007053; - margin-top: -1px; - background-color: #000000; - padding: 12px; - transition: 0.2s ease; -} - -.glink:hover { - background-color: rgb(0, 0, 0); - text-shadow: 0 0 5px rgba(255, 255, 255, 0.4); -} - -#gsearchbar { - outline: none; - width: 98%; - top: 12px; - font-size: 16px; - border: 1px solid #007053; - padding: 12px; - margin-bottom: 12px; - transition: 0.2s ease; - background: #1c2228; -} - -#gsearchbar:focus { - background-color: rgb(29, 27, 27); - box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4); -} - -.container { - padding: 20px; -} - -.box { - margin: auto; - background-color: wblack; - padding: 10px 10px 15px 10px; - width: 100%; - height: 540px; -} - -#glist { - overflow-x: hidden; - overflow-y: scroll; - width: 100%; - height: 100%; - padding: 0; - text-align: center; -} - -#glist h2 { - display: block; - text-decoration: none; - color: white; - font: 18px; - border: 1px solid #060606; - margin: -1px 0 0 0; - background-color: #060606; - padding: 12px; - font-weight: bold; - user-select: none; -} \ No newline at end of file diff --git a/public/assets/css/HD.css b/public/assets/css/HD.css deleted file mode 100644 index e4f527a7..00000000 --- a/public/assets/css/HD.css +++ /dev/null @@ -1,172 +0,0 @@ -.header-dark { - background: url(mountain_bg.jpg) #444; - background-size: cover; - padding-bottom: 80px; -} - -@media (min-width:768px) { - .header-dark { - padding-bottom: 120px; - } -} - -.header-dark .navbar { - background: transparent; - color: #fff; - border-radius: 0; - box-shadow: none; - border: none; -} - -@media (min-width:768px) { - .header-dark .navbar { - padding-top: .75rem; - padding-bottom: .75rem; - } -} - -.header-dark .navbar .navbar-brand { - font-weight: bold; - color: inherit; -} - -.header-dark .navbar .navbar-brand:hover { - color: #f0f0f0; -} - -.header-dark .navbar .navbar-collapse span { - margin-top: 5px; -} - -.header-dark .navbar .navbar-collapse span .login { - color: #d9d9d9; - margin-right: .5rem; - text-decoration: none; -} - -.header-dark .navbar .navbar-collapse span .login:hover { - color: #fff; -} - -.header-dark .navbar .navbar-toggler { - border-color: #747474; -} - -.header-dark .navbar .navbar-toggler:hover, -.header-dark .navbar-toggler:focus { - background: none; -} - -.header-dark .navbar .navbar-toggler { - color: #eee; -} - -.header-dark .navbar .navbar-collapse, -.header-dark .navbar .form-inline { - border-color: #636363; -} - -@media (min-width: 992px) { - .header-dark .navbar.navbar .navbar-nav .nav-link { - padding-left: 1.2rem; - padding-right: 1.2rem; - } -} - -.header-dark .navbar.navbar-dark .navbar-nav .nav-link { - color: #d9d9d9; -} - -.header-dark .navbar.navbar-dark .navbar-nav .nav-link:focus, -.header-dark .navbar.navbar-dark .navbar-nav .nav-link:hover { - color: #fcfeff !important; - background-color: transparent; -} - -.header-dark .navbar .navbar-nav>li>.dropdown-menu { - margin-top: -5px; - box-shadow: 0 4px 8px rgba(0, 0, 0, .1); - background-color: #fff; - border-radius: 2px; -} - -.header-dark .navbar .dropdown-menu .dropdown-item:focus, -.header-dark .navbar .dropdown-menu .dropdown-item { - line-height: 2; - height: 100%; - width: 100%; - font-size: 14px; - color: #37434d; -} - -.header-dark .navbar .dropdown-menu .dropdown-item:focus, -.header-dark .navbar .dropdown-menu .drodown-item:hover { - background: #ebeff1; -} - -.header-dark .navbar .action-button, -.header-dark .navbar .action-button:active { - background: #208f8f; - border-radius: 20px; - font-size: inherit; - color: #fff; - box-shadow: none; - border: none; - text-shadow: none; - padding: .5rem .8rem; - transition: background-color 0.25s; -} - -.header-dark .navbar .action-button:hover { - background: #269d9d; -} - -.header-dark .navbar .form-inline label { - color: #ccc; -} - -.header-dark .navbar .form-inline .search-field { - display: inline-block; - width: 80%; - background: none; - border: none; - border-bottom: 1px solid transparent; - border-radius: 0; - color: #ccc; - box-shadow: none; - color: inherit; - transition: border-bottom-color 0.3s; -} - -.header-dark .navbar .form-inline .search-field:focus { - border-bottom: 1px solid #ccc; -} - -.header-dark .hero { - margin-top: 60px; -} - -@media (min-width:768px) { - .header-dark .hero { - margin-top: 20px; - } -} - -.header-dark .hero h1 { - color: #fff; - font-family: 'Bitter', serif; - font-size: 40px; - margin-top: 20px; - margin-bottom: 80px; -} - -@media (min-width:768px) { - .header-dark .hero h1 { - margin-bottom: 50px; - line-height: 1.5; - } -} - -.header-dark .hero .embed-responsive iframe { - background-color: #666; -} \ No newline at end of file diff --git a/public/assets/css/IF.css b/public/assets/css/IF.css deleted file mode 100644 index 9b7997b8..00000000 --- a/public/assets/css/IF.css +++ /dev/null @@ -1,21 +0,0 @@ -section { - width: 100%; - height: 238px; - border: none; - overflow: hidden; -} - -#page-holder { - border: 0; - width: 100%; - height: 100%; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 90; - position: fixed; - background-color: #fff; - display: block; - user-select: none; -} \ No newline at end of file diff --git a/public/assets/css/NC.css b/public/assets/css/NC.css deleted file mode 100644 index d8d7d744..00000000 --- a/public/assets/css/NC.css +++ /dev/null @@ -1,163 +0,0 @@ -.navigation-clean { - background: #fff; - padding-top: .75rem; - padding-bottom: .75rem; - color: #333; - border-radius: 0; - box-shadow: none; - border: none; - margin-bottom: 0; -} - -@media (min-width:768px) { - .navigation-clean { - padding-top: 1rem; - padding-bottom: 1rem; - } -} - -.navigation-clean .navbar-brand { - font-weight: bold; - color: inherit; -} - -.navigation-clean .navbar-brand:hover { - color: #222; -} - -.navigation-clean.navbar-dark .navbar-brand:hover { - color: #f0f0f0; -} - -.navigation-clean .navbar-brand img { - height: 100%; - display: inline-block; - margin-right: 10px; - width: auto; -} - -.navigation-clean .navbar-toggler { - border-color: #ddd; -} - -.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus { - background: none; -} - -.navigation-clean.navbar-dark .navbar-toggler { - border-color: #555; -} - -.navigation-clean .navbar-toggler { - color: #888; -} - -.navigation-clean.navbar-dark .navbar-toggler { - color: #eee; -} - -.navigation-clean .navbar-collapse, .navigation-clean .form-inline { - border-top-color: #ddd; -} - -.navigation-clean.navbar-dark .navbar-collapse, .navigation-clean.navbar-dark .form-inline { - border-top-color: #333; -} - -.navigation-clean .navbar-nav > .active > a, .navigation-clean .navbar-nav > .show > a { - background: none; - box-shadow: none; -} - -.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover { - color: #8f8f8f; - box-shadow: none; - background: none; - pointer-events: none; -} - -.navigation-clean.navbar .navbar-nav .nav-link { - padding-left: 18px; - padding-right: 18px; -} - -.navigation-clean.navbar-light .navbar-nav .nav-link { - color: #465765; -} - -.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover { - color: #37434d !important; - background-color: transparent; -} - -.navigation-clean .navbar-nav > li > .dropdown-menu { - margin-top: -5px; - box-shadow: none; - background-color: #fff; - border-radius: 2px; -} - -@media (min-width:768px) { - .navigation-clean .navbar-nav .show .dropdown-menu { - box-shadow: 0 4px 8px rgba(0,0,0,.1); - } -} - -@media (max-width:767px) { - .navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item { - color: #37434d; - padding-top: .8rem; - padding-bottom: .8rem; - line-height: 1; - } -} - -.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item { - line-height: 2; - color: #37434d; -} - -.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover { - background: #eee; - color: inherit; -} - -.navigation-clean.navbar-dark { - background-color: #1f2021; - color: #fff; -} - -.navigation-clean.navbar-dark .navbar-nav a.active, .navigation-clean.navbar-dark .navbar-nav a.active:focus, .navigation-clean.navbar-dark .navbar-nav a.active:hover { - color: #8f8f8f; - box-shadow: none; - background: none; - pointer-events: none; -} - -.navigation-clean.navbar-dark .navbar-nav .nav-link { - color: #dfe8ee; -} - -.navigation-clean.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link:hover { - color: #fff; - background-color: transparent; -} - -.navigation-clean.navbar-dark .navbar-nav > li > .dropdown-menu { - background-color: #1f2021; -} - -.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item { - color: #f2f5f8; -} - -.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover { - background: #363739; -} - -@media (max-width:767px) { - .navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item { - color: #fff; - } -} - diff --git a/public/assets/css/hp.css b/public/assets/css/hp.css deleted file mode 100644 index 873bc25c..00000000 --- a/public/assets/css/hp.css +++ /dev/null @@ -1,154 +0,0 @@ -@media only screen and (max-width: 100%) { - body { - min-height: 100%; - min-width: 100%; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; - } -} - -.hd-base { - background-color: rgb(0, 0, 0); - background-image: url("assets/img/black.jpg"); -} - -.dp-base { - height: 100px; -} - -.dp-menu { - background-color: rgb(33, 30, 30); - padding: 17%; - padding-top: 10%; - padding-bottom: 10%; -} - -.dp-menu-brand { - font-family: 'Montserrat Alternates', sans-serif; - font-size: 21px; - margin: 10px; - font-style: normal; - font-weight: bold; -} - -.dp-menu-more { - opacity: 0.80; - color: #fff; - font-family: 'Montserrat Alternates', sans-serif; -} - -.dp-more { - background-color: rgb(33, 30, 30); - font-family: 'Titillium Web', sans-serif; - padding: 17%; - padding-top: 10%; - padding-bottom: 10%; -} - -.dp-more-items { - color: white; - padding: 0; - font-family: Lato, sans-serif; -} - -.dp-menu-options { - opacity: 0.80; - font-family: 'Montserrat Alternates', sans-serif; -} - -.tb-cloakp1 { - font-size: 20px; - font-family: 'Montserrat Alternates', sans-serif; -} - -.tb-cloakp2 { - font-size: 14px; - font-family: 'Montserrat Alternates', sans-serif; -} - -.tb-input { - width: 100%; - height: 40px; - font-family: 'Montserrat Alternates', sans-serif; -} - -.tb-btn { - width: 100%; - padding: 8px; - margin: 0px; - height: 90%; - font-family: 'Montserrat Alternates', sans-serif; - font-size: 16px; -} - -.ft-bg { - background-color: rgb(0, 0, 0); -} - -.ft-g { - margin: 2%; -} - -.particlesbg { - position: absolute; - display: block; - min-height: 100%; - min-width: 100%; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; - color: #fff; - background-color: white; -} - - -.in-bg { - height: 500px; - font-family: 'Montserrat Alternates', sans-serif; - font-weight: bold; -} - -.in-flex { - height: inherit; - min-height: initial; - width: 100%; - position: absolute; - left: 0; -} - -.in-splash { - height: 200px; -} - -.in-center { - color: rgb(255, 255, 255); -} - -.in-splash-text { - color: rgb(242, 245, 248); - font-size: 35px; - font-weight: normal; - font-family: 'Montserrat Alternates', sans-serif; - margin: 7px; - padding: 34px; - width: 559px; -} - -.in-btn-color { - color: #00bc8c; -} - - -.d-popupbg { - border: 3px solid #ffffff; - background-color: #000000; - font-family: 'Montserrat Alternates', sans-serif; - color: #FFFFFF; - padding: 1%; - margin: 1%; -} \ No newline at end of file diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css index ebfee97d..36a83667 100644 --- a/public/assets/css/styles.css +++ b/public/assets/css/styles.css @@ -20,8 +20,114 @@ section { overflow: hidden; } +#page-holder { + border: 0; + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 90; + position: fixed; + background-color: #fff; + display: block; + user-select: none; +} -/*Styles CSS*/ + +/* Button Hover */ + +.button { + display: inline-block; + position: relative; + margin: 1em; + padding: 10px 30px; + border: 2px solid #ffffff; + overflow: hidden; + text-decoration: none; + font-size: 16px; + outline: none; + color: #ffffff; + background: transparent; + font-family: 'Titillium Web', sans-serif; + font-weight: 700; +} + +a:hover { + color: #007053; + text-decoration: underline; +} + +.button span { + -webkit-transition: 0.4s; + -moz-transition: 0.4s; + -o-transition: 0.4s; + transition: 0.4s; +} + +.button:before, +.button:after { + content: ''; + position: absolute; + top: 10px; + left: 0; + width: 100%; + text-align: center; + opacity: 0; + -webkit-transition: .4s; + -moz-transition: .4s; + -o-transition: .4s; + transition: .4s; +} + +.button:before { + content: attr(data-hover); + -webkit-transform: 0.4s; + -moz-transform: 0.4s; + -ms-transform: 0.4s; + -o-transform: 0.4s; + transform: 0.4s; +} + +.button:hover span, +.button:active span { + opacity: 0; + -webkit-transform: 0.4s; + -moz-transform: 0.4s; + -ms-transform: 0.4s; + -o-transform: 0.4s; + transform: 0.4s; +} + +.button:hover:before, +.button:active:after { + opacity: 1; + -webkit-transform: 0.4s; + -moz-transform: 0.4s; + -ms-transform: 0.4s; + -o-transform: 0.4s; + transform: 0.4s; + -webkit-transition-delay: .4s; + -moz-transition-delay: .4s; + -o-transition-delay: .4s; + transition-delay: .4s; +} + +.button:active:before { + -webkit-transform: 0.4s; + -moz-transform: 0.4s; + -ms-transform: 0.4s; + -o-transform: 0.4s; + transform: 0.4s; + -webkit-transition-delay: 0s; + -moz-transition-delay: 0s; + -o-transition-delay: 0s; + transition-delay: 0s; +} + + +/*CBO CSS*/ *, *:before, @@ -31,13 +137,8 @@ section { box-sizing: border-box; } -*, -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} + +/*Header CSS*/ .hd-base { background-color: rgb(0, 0, 0); @@ -113,6 +214,9 @@ section { font-size: 16px; } + +/*Footer CSS*/ + .ft-bg { background-color: rgb(0, 0, 0); } @@ -132,7 +236,7 @@ section { left: 0; z-index: -1; color: #fff; - background-color: white; + background-color: black; } .in-bg { @@ -181,6 +285,29 @@ section { } +/* Surf Texts*/ + +.s-text-header, +.s-text-p1, +.s-text-p2 { + font-weight: bold +} + +.s-text-header, +.s-text-p1 { + font-family: 'Montserrat Alternates', sans-serif +} + +.s-text-p1, +.s-text-p2 { + font-size: 0.9375rem +} + +.s-text-p2 { + font-family: Lato, sans-serif +} + + /*Navigation CSS */ .navigation-clean { @@ -364,7 +491,7 @@ section { /* Header CSS */ .header-dark { - background: url(mountain_bg.jpg) #444; + background-color: black; background-size: cover; padding-bottom: 80px; } @@ -542,7 +669,7 @@ section { .footer-dark { padding: 50px 0; color: #f0f9ff; - background-color: #282d32; + background-color: black; } .footer-dark h3 { diff --git a/public/assets/js/header.js b/public/assets/js/header.js index 2f62c818..047f8f8c 100644 --- a/public/assets/js/header.js +++ b/public/assets/js/header.js @@ -1,153 +1,45 @@ -var date = new Date(); -date.setMonth(date.getMonth() + 12); -date = date.toUTCString(); +/*Title & Icon Presets*/ +let titles = icons = []; -function randInt(min, max) { - return Math.floor(Math.random() * (max - min + 1)) + min; -} - -/* Title Presets*/ -var titles = [ - -] - -/* Icon Presets*/ -var icons = [ - -] - -/* Settings Menu Variables*/ -var psel, prss; - -window.addEventListener('DOMContentLoaded', function() { - psel = document.getElementById('csel'); +addEventListener('DOMContentLoaded', p => { + p = $('csel'); setPreferences(); - for (var i = 0; i < titles.length; i++) { - if (i == 0) { - psel.innerHTML += '' - } else { - psel.innerHTML += ''; - } - } + titles.forEach((e, i) => p.innerHTML += i ? `` : ''); - /* Title Submit*/ - document.getElementById('titleform').addEventListener('submit', function(e) { - e.preventDefault(); - if (this.firstChild.value) { - setTitle(this.firstChild.value); - } else { - setTitle('‏‎'); - } - }, false); + /*Title Submit*/ + (i => i.onsubmit = e => e.preventDefault() || setTitle(i.firstChild.value || '‏‎'))($('titleform')); - /* Icon Submit*/ - document.getElementById('iconform').addEventListener('submit', function(e) { - e.preventDefault(); - if (this.firstChild.value) { - setIcon(this.firstChild.value); - } else { - setIcon('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII='); - } - }, false); + /*Icon Submit*/ + (i => i.onsubmit = e => e.preventDefault() || setIcon(i.firstChild.value || 'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAA'))($('iconform')); - /* Settings Submit*/ - psel.addEventListener('click', function(e) { - prss = Array.from(psel.children).indexOf(e.target); - if (prss != -1) { - setTitle(titles[prss]); - setIcon(icons[prss]); - } - }, false); + /*Settings Submit*/ + p.onclick = (e, s) => (s = Array.from(p.children).indexOf(e.target)) + 1 && setTitle(titles[s], setIcon(icons[s])); - /* Settings Menu Event*/ - document.getElementById('csel').addEventListener('click', function(e) { - if (this.checked) { - window.onbeforeunload = function(e) { - var message = 'Error Tab Cloak' - e.returnValue = message; - return message; - }; - } else { - window.onbeforeunload = function() {}; - } - }, false); + /*Settings Menu Event*/ + (i => i.onclick = e => { onbeforeunload = e => { if (i.checked) return e.returnValue = 'Error Tab Cloak' } })($('csel')); - /* Fullscreen Feature Addition*/ - /* document.getElementById('fullscreen').addEventListener('click', function(e) { - e.preventDefault(); - document.getElementById('theframe').requestFullscreen() - return false; - }, false); */ -}, false); + /*Fullscreen Feature Addition*/ + //$('fullscreen').onclick=e=>e.preventDefault()||$('theframe').requestFullscreen() +}, 0); -/* Title and Icon Cookies... and yes this is cookie based*/ -function setPreferences() { - if (readCookie('HBTitle') != 'undefined') { - pageTitle(readCookie('HBTitle')); - } - if (readCookie('HBIcon') != 'undefined') { - pageIcon(readCookie('HBIcon')); - } -} +/*Title and Icon Cookies*/ +setPreferences = (e, i, a) => { e = 'HBTitle', i = 'HBIcon', a = [] + void[], readCookie(e) == a || pageTitle(readCookie(e)); + readCookie(i) == a || pageIcon(readCookie(i)) }; -/* Set Cookie Secure*/ -function setCookie(name, value) { - document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + date + '; SameSite=None; Secure'; -} +/*Set Secure Cookie*/ +(d => { d.setMonth(d.getMonth() + 12); + setCookie = (n, v) => { document.cookie = n + `=${encodeURIComponent(v)};expires=${d.toUTCString()};SameSite=None;Secure` } })(new Date()); -/* Read Cookie*/ -function readCookie(name) { - var cookie = document.cookie.split('; '); - var cookies = {}; - for (var i = 0; i < cookie.length; i++) { - var cur = cookie[i].split('='); - cookies[cur[0]] = cur[1]; - } - return decodeURIComponent(cookies[name]); -} +/*Read Cookie*/ +readCookie = n => { try { return decodeURIComponent(document.cookie.split('; ').filter(e => e.startsWith(n + '='))[0].slice(n.length + 1)) } catch { return [] } }; -/* Set Title from Input Value*/ -function setTitle(value) { - pageTitle(value); - setCookie('HBTitle', value); -} +/*Set Title & Icon from Input Value*/ +setTitle = v => pageTitle(v) || setCookie('HBTitle', v); +setIcon = v => pageIcon(v) || setCookie('HBIcon', v); -/* Set Icon from Input Value*/ -function setIcon(value) { - pageIcon(value); - setCookie('HBIcon', value); -} - -/* Title Attach*/ -function pageTitle(value) { - document.getElementsByTagName('title')[0].innerHTML = value; - try { - parent.document.getElementsByTagName('title')[0].innerHTML = value; - } catch (e) { console.log(e); } -} - -/* Icon Attach*/ -function pageIcon(value) { - var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); - link.rel = 'icon'; - link.href = value; - document.getElementsByTagName('head')[0].appendChild(link); - try { - var link = parent.document.querySelector("link[rel*='icon']") || document.createElement('link'); - link.rel = 'icon'; - link.href = value; - parent.document.getElementsByTagName('head')[0].appendChild(link); - } catch (e) { console.log(e); } -} +/* Title & Icon Attach*/ +pageTitle = v => { document.title = v; try { parent.document.title = v } catch (e) { console.log(e) } }; +pageIcon = (v, l, e) => { e = 'link[rel*=icon]', document.head.appendChild(((l = document.querySelector(e) || document.createElement('link')).rel = 'icon', l.href = v, l)); try { parent.document.head.appendChild(((l = parent.document.querySelector(e) || document.createElement('link')).rel = 'icon', l.href = v, l)) } catch (e) { console.log(e) } }; /* Tab Cloak*/ -function autoChange() { - if (document.getElementById('csel').checked) { - var atci = randInt(1, 5); - pageTitle(titles[atci]); - pageIcon(icons[atci]); - setTimeout(autoChange, randInt(10000, 60000)); - } else { - setPreferences(); - } -} \ No newline at end of file +autoChange = (e, r) => { $('csel').checked ? pageTitle(titles[e = (r = (a, b) => Math.floor(Math.random() * (b - a + 1)) + a)(1, 5)], pageIcon(icons[e]), setTimeout(autoChange, r(1e4, 6e4))) : setPreferences() } \ No newline at end of file diff --git a/public/assets/js/links.js b/public/assets/js/links.js index df6a3a36..ee13b7a4 100644 --- a/public/assets/js/links.js +++ b/public/assets/js/links.js @@ -1,3 +1,11 @@ -$=e=>document.getElementById(e)||[]; +$ = e => document.getElementById(e) || []; -$("hblink").href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic";$("hblink2").href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic";$("allink").href="https://github.com/titaniumnetwork-dev/alloyproxy";$("tnlink").href="https://discord.com/invite/Dw6C7p5";$("plink").href="https://github.com/vibedivide/powermouse";$("nclink").href="https://nodeclusters.com";$("qrlink").href="https://support.discord.com/hc/en-us/articles/360039213771-QR-Code-Login-FAQ";$("nulink").href="https://github.com/nfriedly/node-unblocker";$("pylink").href="https://github.com/BinBashBanana/PyDodge" +$("hblink").href = "https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic"; +$("hblink2").href = "https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic"; +$("allink").href = "https://github.com/titaniumnetwork-dev/alloyproxy"; +$("tnlink").href = "https://discord.com/invite/Dw6C7p5"; +$("plink").href = "https://github.com/vibedivide/powermouse"; +$("nclink").href = "https://nodeclusters.com"; +$("qrlink").href = "https://support.discord.com/hc/en-us/articles/360039213771-QR-Code-Login-FAQ"; +$("nulink").href = "https://github.com/nfriedly/node-unblocker"; +$("pylink").href = "https://github.com/BinBashBanana/PyDodge" \ No newline at end of file diff --git a/public/index.html b/public/index.html index a5551ef4..2a7108ff 100644 --- a/public/index.html +++ b/public/index.html @@ -10,16 +10,16 @@ :D"> - + + - - - - - - + + + + + @@ -35,7 +35,7 @@ --> - + Boost your confidence in the kitchen with our trusted tips, tricks and expert advice to master the basics and build upon your existing cooking skills and knowledge.
-
  • +