From a068ea014092bd518220de8e15b09a6ca3f16f22 Mon Sep 17 00:00:00 2001 From: Thedogecraft Date: Fri, 25 Oct 2024 16:54:46 -0700 Subject: [PATCH] QOL Update | 5.4.1 - Made the navbar responsive - Small CSS changes - Added 3 more cloaks - General quality of life features --- package.json | 2 +- public/components/nav.ejs | 7 ++- public/css/main.css | 89 +++++++++++++++++++++++------- public/css/themes.css | 12 ++-- public/media/cloaks/canvas.png | Bin 0 -> 839 bytes public/media/cloaks/edpuzzle.png | Bin 0 -> 1461 bytes public/media/cloaks/wikipedia.ico | Bin 0 -> 2734 bytes public/views/go.ejs | 31 ++++++++++- public/views/index.ejs | 6 +- public/views/settings.ejs | 52 ++++++++++++++--- 10 files changed, 154 insertions(+), 45 deletions(-) create mode 100644 public/media/cloaks/canvas.png create mode 100644 public/media/cloaks/edpuzzle.png create mode 100644 public/media/cloaks/wikipedia.ico diff --git a/package.json b/package.json index 6bd66cf..2747cdc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "lunaar.org", - "version": "5.4.0", + "version": "5.4.1", "description": "The Future of Unblocked Gaming!", "type": "module", "engines": { diff --git a/public/components/nav.ejs b/public/components/nav.ejs index ce0fad8..4ba9c85 100644 --- a/public/components/nav.ejs +++ b/public/components/nav.ejs @@ -8,19 +8,20 @@ diff --git a/public/css/main.css b/public/css/main.css index 4ec916c..0167b08 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -73,29 +73,23 @@ body { gap: 15px; margin-left: auto; } - -/* Mobile styles */ -@media (max-width: 768px) { - .nav { - flex-direction: column; - align-items: flex-start; - padding: 10px; - margin: 10px; - height: auto; +.navlinks i { + font-size: 1.1rem; + margin-right: 5px; +} +@media only screen and (max-width: 600px) { + .navlinks i { + font-size: 1.4rem; + margin-right: 0; } - - .navlinks { - flex-direction: column; - gap: 10px; - width: 100%; + .navlinks p { + display: none; } - - .navlinks a { - padding: 10px; - width: 100%; - text-align: center; + .footer-right { + display: none; } } + i { color: var(--textcolor2); } @@ -215,6 +209,8 @@ input[type="text"]::placeholder { } .card-input { text-align: center; + background-color: var(--button) !important; + border: none !important; } #searchBar, #search { @@ -268,7 +264,7 @@ button .icon { backdrop-filter: blur(2px); padding: 20px; display: flex; - margin: 20px; + margin: 5px; width: 20rem; min-width: 20rem; max-width: 30rem; @@ -319,11 +315,14 @@ button .icon { ::-webkit-scrollbar { width: 10px; } - +::-webkit-scrollbar-track { + background: transparent; +} ::-webkit-scrollbar-thumb { background: var(--button); border-radius: 10px; } + #gameFrame { width: 1024px; height: 576px; @@ -564,3 +563,51 @@ input:checked + .slider:before { border-radius: 5px; margin-left: 10px; } +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: 0.1s; + transition: 0.1s; + border-radius: 34px; +} +.slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: 0.1s; + transition: 0.1s; + border-radius: 50%; +} + +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; +} +.switch input { + opacity: 0; + width: 0; + height: 0; +} +input:checked + .slider { + background-color: var(--button); +} + +input:focus + .slider { + box-shadow: 0 0 1px var(--button); +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} diff --git a/public/css/themes.css b/public/css/themes.css index 3bb86d4..5d0337e 100644 --- a/public/css/themes.css +++ b/public/css/themes.css @@ -1,10 +1,3 @@ -/* -This file defines CSS variables for different color themes on the site. - -There are currently two themes defined - 'main' and 'grey'. More themes can be added by defining new CSS rules. - -To use a theme, add the 'theme' attribute to the tag, e.g. -*/ @font-face { font-family: "bone"; src: url("../media/nasalization-rg.otf") format("opentype"); @@ -64,7 +57,7 @@ body[theme="grey"] { --textcolor: #fff; --alt: #333333; --logo: #888888; - --button: rgb(56, 56, 56); + --button: rgb(107, 107, 107); --bg: #141414; --rounded: 30.4px; --rounded2: 10px; @@ -218,6 +211,9 @@ body[theme="light"] { body[theme="light"] #particles-js { filter: invert(100%); } +body[theme="light"] .card { + background-color: transparent; +} body[theme="light"] input[type="text"], body[theme="light"] .search-right, body[theme="light"] button, diff --git a/public/media/cloaks/canvas.png b/public/media/cloaks/canvas.png new file mode 100644 index 0000000000000000000000000000000000000000..4fd297e4a006607cbd42ba5c446ca7ff9114f991 GIT binary patch literal 839 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
-

Loading...

+
+

Loading...

+ + +

@@ -120,6 +135,7 @@
+
+ +
diff --git a/public/views/index.ejs b/public/views/index.ejs index 3d54949..519ddc2 100644 --- a/public/views/index.ejs +++ b/public/views/index.ejs @@ -1,7 +1,7 @@
-

🎃

+

🎃

lunaar.

@@ -34,7 +34,7 @@ src="//rethinkexercisesupplement.com/13def82c028e7c80ebeecd26958279a7/invoke.js" >
-
+
@@ -45,7 +45,7 @@ >Loading version
-
+

© 2022-2024 Parcoil Network All rights reserved

diff --git a/public/views/settings.ejs b/public/views/settings.ejs index b9fcd90..7817b0b 100644 --- a/public/views/settings.ejs +++ b/public/views/settings.ejs @@ -49,18 +49,18 @@

Panic Key

-

When you press the set key, it will take you to the set URL.

+

When you press the set key, it will take you to the site you entered.

- + - +

Tab Cloak

-

Cloaks the tab bar of Lunaar.

+

Changes the icon and title of Lunaar.

+

Made with CloakJS

@@ -99,8 +103,12 @@

Stars Toggle

Toggles the display of stars in the background of Lunaar.

- - + +
@@ -120,11 +128,16 @@