Merge pull request #4 from NCCoder2/main

**NEW CSS**
silvereennetwork · Feb 27, 2024 · 7fb6984 · 7fb6984
2 parents 80f9222 + f770a51
commit 7fb6984
Show file tree

Hide file tree

Showing 7 changed files with 84 additions and 39 deletions.
diff --git a/public/index.css b/public/index.css
@@ -1,5 +1,12 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
 
+:root {
+  --primary-color: #064180;
+  --secondary-color: #003366;
+  --third-color: #336699;
+  --text-color:#fff;
+}
+
 html {
   position: relative;
   height: 100vh;
@@ -8,13 +15,13 @@ html {
 body {
   margin: 0;
   padding: 0;
+  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--third-color));
   font-family: "Poppins", sans-serif;
 }
 
 html::after {
   content: "";
   background-image: url("/assets/imgs/background.png");
-  background-color: #1a1a1a;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
@@ -30,19 +37,24 @@ html::after {
 .nav {
   padding: 10px 20px;
   display: flex;
-  margin-top: 10px;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
 }
 
+.nav-logo {
+  margin-right: auto;
+}
+
+.nav-logo img {
+  width: 50px;
+  height: auto;
+}
+
 .nav-links {
   list-style: none;
   padding: 5px;
-  flex-grow: 1;
-  position: absolute;
   display: flex;
-  justify-content: center;
-  align-items: center;
+  justify-content: flex-end;
   font-family: "Poppins", sans-serif;
 }
 
@@ -53,28 +65,27 @@ html::after {
 .nav-links li a {
   text-decoration: none;
   cursor: pointer;
-  color: black;
+  color: var(--text-color);
   font-size: 18px;
+  position: relative;
 }
 
 .nav-links li a::after {
-  content: "";
-  position: absolute;
-  bottom: -3px;
-  left: 0;
-  width: 0px;
+  content: '';
+  display: block;
+  width: 0;
   height: 2px;
-  background-color: transparent;
-  transition: all 0.3s ease;
+  background:var(--third-color);
+  transition: width 0.3s;
 }
 
 .nav-links li a:hover::after {
-  background-color: #555;
   width: 100%;
 }
 
+
 .time {
-  color: black;
+  color: var(--text-color);
   font-family: "Poppins", sans-serif;
   text-align: center;
   margin: 10px auto;
@@ -93,7 +104,7 @@ html::after {
 }
 
 .container h1 {
-  background: linear-gradient(90deg, #001f3f, #003366, #001f3f);
+  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--third-color));
   -webkit-background-clip: text;
   background-clip: text;
   margin: 0;
@@ -124,4 +135,4 @@ html::after {
 #proxy-screen {
   width: 100vw;
   height: 100vh;
-}
+}
diff --git a/public/index.html b/public/index.html
@@ -9,6 +9,9 @@
   </head>
   <body>
     <div class="nav">
+      <div class="nav-logo">
+        <img src="logo.png">
+      </div>
       <div class="nav-links">
         <li><a>Apps</a></li>
         <li><a>Games</a></li>

diff --git a/public/load.html b/public/load.html
@@ -39,7 +39,7 @@
         }
 
         .info {
-            color: #46c846;
+            color: rgb(95, 95, 255);
             max-width: 600px;
             text-align: center;
             margin: 35px 0 0;
@@ -58,8 +58,8 @@
             height: 128px;
             margin: 16px;
             border-radius: 50%;
-            border: 12px solid #46c846;
-            border-color: #46c846 transparent #46c846 transparent;
+            border: 12px solid rgb(95, 95, 255);
+            border-color: rgb(95, 95, 255) transparent rgb(95, 95, 255) transparent;
             animation: ring 1s linear infinite;
         }
 
@@ -80,7 +80,7 @@
             Please wait while our servers handle your request. <br> Our site may be experiencing heavy load affecting load times. 
         </p>
     </div>
-    <iframe id="site-iframe" src="" style="z-index: 9999;"></iframe>
+    <iframe id="proxy-screen" src="" style="z-index: 9999;"></iframe>
     <script>
         if (localStorage.getItem("proxy-load") == null && localStorage.getItem("proxy-load") == "") {
             window.location.replace("/");

diff --git a/public/logo.png b/public/logo.png
diff --git a/public/search/index.css b/public/search/index.css
@@ -1,5 +1,12 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
 
+:root {
+  --primary-color: #064180;
+  --secondary-color: #003366;
+  --third-color: #336699;
+  --text-color:#fff;
+}
+
 html {
   position: relative;
   height: 100vh;
@@ -8,6 +15,7 @@ html {
 body {
   margin: 0;
   padding: 0;
+  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--third-color));
   font-family: "Poppins", sans-serif;
 }
 
@@ -29,19 +37,24 @@ html::after {
 .nav {
   padding: 10px 20px;
   display: flex;
-  margin-top: 10px;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
 }
 
+.nav-logo {
+  margin-right: auto;
+}
+
+.nav-logo img {
+  width: 50px;
+  height: auto;
+}
+
 .nav-links {
   list-style: none;
   padding: 5px;
-  flex-grow: 1;
-  position: absolute;
   display: flex;
-  justify-content: center;
-  align-items: center;
+  justify-content: flex-end;
   font-family: "Poppins", sans-serif;
 }
 
@@ -52,26 +65,35 @@ html::after {
 .nav-links li a {
   text-decoration: none;
   cursor: pointer;
-  color: black;
+  color: var(--text-color);
   font-size: 18px;
+  position: relative;
 }
 
 .nav-links li a::after {
-  content: "";
-  position: absolute;
-  bottom: -3px;
-  left: 0;
-  width: 100%;
+  content: '';
+  display: block;
+  width: 0;
   height: 2px;
-  background-color: transparent;
-  transition: background-color 0.3s ease;
+  background:var(--third-color);
+  transition: width 0.3s;
 }
 
 .nav-links li a:hover::after {
-  background-color: #555;
+  width: 100%;
 }
 
 
+.time {
+  color: var(--text-color);
+  font-family: "Poppins", sans-serif;
+  text-align: center;
+  margin: 10px auto;
+  padding: 5px;
+  border-radius: 50px;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
 .container {
   display: flex;
   flex-direction: column;
@@ -90,6 +112,7 @@ html::after {
   font-size: 68px;
 }
 
+
 input[type="text"] {
   padding: 10px;
   width: 50vw;

diff --git a/public/search/index.html b/public/search/index.html
@@ -9,19 +9,22 @@
   </head>
   <body>
     <div class="nav">
+      <div class="nav-logo">
+        <img src="../logo.png">
+      </div>
       <div class="nav-links">
         <li><a>Apps</a></li>
         <li><a>Games</a></li>
         <li><a>Search</a></li>
       </div>
-      <div class="time" id="time-clock"></div>
     </div>
     <div class="container">
       <h1>ML Search</h1>
       <form id="uv-form">
         <input id="uv-search-engine" value="https://www.google.com/search?q=%s" type="hidden" />
         <input id="uv-address" type="text" placeholder="Search the web freely" />
       </form>
+      <div class="time" id="time-clock">Time</div>
     </div>
     <div>
       <p id="uv-error"></p>
@@ -33,5 +36,6 @@ <h1>ML Search</h1>
     <script src="../uv/register-sw.js" defer></script>
     <script src="../uv/search.js" defer></script>
     <script src="../uv/index.js" defer></script>
+    <script src="../main.js" defer></script>
   </body>
 </html>
diff --git a/public/uv/uv.config.js b/public/uv/uv.config.js
@@ -104,6 +104,10 @@ const blocked = [
     "ads-api.twitter.com",
   ];
 
+  const blockedsites = [
+
+  ]
+
   self.__uv$config = {
     /**
      * The prefix for UV (Ultraviolet) resources.