From efec28e29a31fad3f23e91abb214ece1d50c5506 Mon Sep 17 00:00:00 2001 From: rednotsus Date: Thu, 11 Apr 2024 23:01:25 -0500 Subject: [PATCH] New Navbar --- static/apps.html | 24 +++--- static/art.html | 26 +++--- static/assets/css/nav.css | 79 +++++++++++-------- static/assets/css/test.css | 73 +++++++++++++++++ static/assets/exploits/blookmarklets.html | 27 +++---- static/assets/exploits/games/Autoclicker.html | 24 +++--- static/assets/exploits/games/edpuzzle.html | 24 +++--- static/assets/exploits/games/history.html | 24 +++--- static/assets/exploits/games/index.html | 24 +++--- static/assets/exploits/games/yt.html | 24 +++--- static/dashboard.html | 27 +++---- static/english.html | 24 +++--- static/index.html | 26 +++--- static/indexx.html | 28 +++---- static/math.html | 24 +++--- static/science.html | 22 +++--- static/settings.html | 27 +++---- 17 files changed, 279 insertions(+), 248 deletions(-) create mode 100644 static/assets/css/test.css diff --git a/static/apps.html b/static/apps.html index 048c1523..6ddce003 100644 --- a/static/apps.html +++ b/static/apps.html @@ -22,20 +22,16 @@ +
+ Reds Exploit Corner +  Games +  Apps +  Exploits +  Search +  AI +  Settings +
+

diff --git a/static/art.html b/static/art.html index 88abeb15..6d23cd43 100644 --- a/static/art.html +++ b/static/art.html @@ -9,7 +9,7 @@ - + @@ -22,20 +22,16 @@ +
+ Reds Exploit Corner +  Games +  Apps +  Exploits +  Search +  AI +  Settings +
+

Games

diff --git a/static/assets/css/nav.css b/static/assets/css/nav.css index eccf861e..c742df23 100644 --- a/static/assets/css/nav.css +++ b/static/assets/css/nav.css @@ -1,50 +1,61 @@ -@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap"); - -* { - padding: 0; - margin: 0; +#title { + font-family: "Arial"; + font-size: 55px; + font-weight: 700; } -nav { - font-family: "Inter", Arial, sans-serif; +.navbar { + top: 0; + font-size: 22px; + left: 0; + right: 0; + padding: 0 25px; + box-sizing: border-box; + background: #5e7594; + box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5); + backdrop-filter: #5e7594; + -webkit-backdrop-filter: #5e7594; + transition: 0.35s ease; + border-radius: 15px; + width: fill; + margin: 15px; + z-index: 100; + position: static; + color: #ffffff; + padding: 10px; display: flex; - justify-content: space-between; align-items: center; - padding: 0.5rem 2rem; - background: #0e70b0; + overflow: hidden; + text-align: left; + transition: 0.35s ease; } - -nav ul { - font-family: "Inter", Arial, sans-serif; - display: flex; - list-style: none; +.navbar a { + color: #fff; + text-decoration: none; + padding: 10px 15px; + font-size: 16px; + transition: transform 0.3s ease, font-size 0.3s ease; + font-weight: 500; } -nav li { - font-family: "Inter", Arial, sans-serif; - padding-left: 0.05rem; - /* put li nav in the middle */ +.navbar a:not(:first-child) { + text-transform: uppercase; } -nav a { - font-family: "Inter", Arial, sans-serif; - text-decoration: none; - color: #fff; - padding: 0.5rem; - transition: color 0.2s ease; - border-radius: 0px; - padding: 0.5rem; - scale: 1; - transition: color 0.3s, background-color 0.3s, border-radius 0.7s, scale 0.5s; +.navbar a:hover { + font-size: 18px; + transform: translateX(-10px); } -nav a:hover { - color: #484c51; /* #bbbbbb is og */ - background-color: #e7928f; - border-radius: 10px; - scale: 1.1; +.navbar a:first-child { + font-size: 24px; + margin-right: auto; } +.title { + font-weight: 300; + font-family: "Arial"; +} @media only screen and (max-width: 600px) { nav { flex-direction: column; diff --git a/static/assets/css/test.css b/static/assets/css/test.css new file mode 100644 index 00000000..9a15047c --- /dev/null +++ b/static/assets/css/test.css @@ -0,0 +1,73 @@ +#title { + font-family: "Arial"; + font-size: 55px; + font-weight: 700; +} + +.navbar { + top: 0; + font-size: 22px; + left: 0; + right: 0; + padding: 0 25px; + box-sizing: border-box; + background: #5e7594; + box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5); + backdrop-filter: #5e7594; + -webkit-backdrop-filter: #5e7594; + transition: 0.35s ease; + border-radius: 15px; + width: fill; + margin: 15px; + z-index: 100; + position: fixed; + color: #ffffff; + padding: 10px; + display: flex; + align-items: center; + overflow: hidden; + text-align: left; + transition: 0.35s ease; +} +.navbar a { + color: #fff; + text-decoration: none; + padding: 10px 15px; + font-size: 16px; + transition: transform 0.3s ease, font-size 0.3s ease; + font-weight: 500; +} + +.navbar a:not(:first-child) { + text-transform: uppercase; +} + +.navbar a:hover { + font-size: 18px; + transform: translateX(-10px); +} + +.navbar a:first-child { + font-size: 24px; + margin-right: auto; +} + +.title { + font-weight: 300; + font-family: "Arial"; +} +@media only screen and (max-width: 600px) { + nav { + flex-direction: column; + text-align: center; + } + + nav ul { + flex-direction: column; + padding-top: 0.5rem; + } + + nav li { + padding: 0.5rem 0; + } +} diff --git a/static/assets/exploits/blookmarklets.html b/static/assets/exploits/blookmarklets.html index ea96979d..862764a5 100644 --- a/static/assets/exploits/blookmarklets.html +++ b/static/assets/exploits/blookmarklets.html @@ -25,22 +25,17 @@ - +

Random Bookmarklets

diff --git a/static/assets/exploits/games/Autoclicker.html b/static/assets/exploits/games/Autoclicker.html index 7daa9e21..8d729dbc 100644 --- a/static/assets/exploits/games/Autoclicker.html +++ b/static/assets/exploits/games/Autoclicker.html @@ -22,19 +22,17 @@ - +
-

Reds Exploit Corner

- - - +
Edpuzzle diff --git a/static/assets/exploits/games/history.html b/static/assets/exploits/games/history.html index f219d097..5f5c40bc 100644 --- a/static/assets/exploits/games/history.html +++ b/static/assets/exploits/games/history.html @@ -11,19 +11,17 @@ - +
History Flooder diff --git a/static/assets/exploits/games/index.html b/static/assets/exploits/games/index.html index 805530eb..f6ec1d1b 100644 --- a/static/assets/exploits/games/index.html +++ b/static/assets/exploits/games/index.html @@ -21,19 +21,17 @@ - +

GUI
diff --git a/static/assets/exploits/games/yt.html b/static/assets/exploits/games/yt.html index 932b7f9d..d045fb20 100644 --- a/static/assets/exploits/games/yt.html +++ b/static/assets/exploits/games/yt.html @@ -21,19 +21,17 @@ - +
No Cookies diff --git a/static/dashboard.html b/static/dashboard.html index 37eb3f92..79e1549c 100644 --- a/static/dashboard.html +++ b/static/dashboard.html @@ -26,22 +26,17 @@ /> - +

Reds Dashboard

diff --git a/static/english.html b/static/english.html index 7af14341..cb9b2bf8 100644 --- a/static/english.html +++ b/static/english.html @@ -24,20 +24,16 @@ +
+ Reds Exploit Corner +  Games +  Apps +  Exploits +  Search +  AI +  Settings +
+