+
Games
Apps
diff --git a/static/css/card.css b/static/css/card.css
deleted file mode 100644
index af9b02191..000000000
--- a/static/css/card.css
+++ /dev/null
@@ -1,100 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
-
-body {
- text-decoration: none;
- font-family: "Inter";
- background: #1E1E1E;
-
-}
-
-
-.column {
- width: 145px;
- transition: all 0.2s ease;
- cursor: pointer;
- background: #4545459e;
- border-radius: 10px;
- padding-left: 10px;
- padding-right: 10px;
- padding-top: 10px;
- margin: 0;
-
-}
-
-.column img {
- position: absolute;
- width: 145px;
- height: 145px;
- border-radius: 0px;
- transition: all 0.2s ease;
- border-radius: 10px;
-}
-
-.column p {
- width: 145px;
- height: 19px;
- font-style: normal;
- font-weight: 800;
- font-size: 18px;
- line-height: 19px;
- text-align: center;
- color: #ffffff;
- text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
- padding-top: 136px;
- padding-bottom: 12px;
-}
-
-.column:hover {
- transform: scale(1.2);
-}
-
-.column:hover .label {
- transform: translateX(-50%) scale(1.3);
-}
-
-.input-container {
- position: relative;
- margin-top: 150px;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- gap: 0.5em;
- }
-
- input {
- padding: 20px;
- width: 550px;
- border-radius: 5px;
- background: #353535;
- text-align: center;
- font-size: 24px;
- border: none;
- outline: none;
- color: white;
- }
-
- select {
- padding: 20px;
- border-radius: 5px;
- background: #353535;
- color: white;
- font-size: 20px;
- border: 0px;
- outline: none;
- cursor: pointer;
- }
-.container-apps {
- margin-top: 20px;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- gap: 2.3em;
- flex-direction: row;
-}
-.pinned-apps {
- margin-top: 20px;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- gap: 2.3em;
-}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index ef903e886..240241201 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -28,3 +28,253 @@ body {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: white;
}
+
+.fixed-nav-bar {
+ position: fixed;
+ top: 0;
+ letter-spacing: 2px;
+ font-size: 22px;
+ left: 0;
+ right: 0;
+ min-height: 13vh;
+ padding: 0 25px;
+ box-sizing: border-box;
+ background-color: rgba(255, 255, 255, 0.02);
+ box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
+ backface-visibility: visible;
+ transition: 0.35s ease;
+ z-index: 100;
+ backdrop-filter: blur(10px);
+ }
+
+ .fixed-nav-bar .icon:hover {
+ transform: translateY(-55%) scale(1.03);
+ font-weight: 800;
+ }
+
+ .fixed-nav-bar .icon {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%) scale(1);
+ text-transform: uppercase;
+ font-size: 30px;
+ font-family: 'Inter', sans-serif;
+ cursor: pointer;
+ color: white;
+ font-weight: 600;
+ margin-left: 5px;
+ font-style: normal;
+ text-decoration: none;
+ transition: all 0.2s ease;
+ }
+
+ .fixed-nav-bar-right {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ text-transform: uppercase;
+ font-size: 18px;
+ color: white;
+ font-weight: 600;
+ right: 2%;
+ }
+
+ .time {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ text-transform: uppercase;
+ transform: translateY(-50%) translateX(-50%);
+ font-size: 3.3vh;
+ color: white;
+ font-weight: 600;
+ text-align: center;
+ cursor: default;
+ user-select: none;
+ }
+
+ .fixed-nav-bar-right .navbar-link {
+ margin-left: 10px;
+ text-transform: uppercase;
+ font-size: 2.5vh;
+ cursor: pointer;
+ color: white;
+ font-weight: 800;
+ right: 2%;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ text-decoration: none;
+ transition: all 0.2s ease;
+ transform: translateX(0%);
+ }
+ @media (orientation: portrait) {
+ .fixed-nav-bar-right .navbar-link {
+ margin-left: 10px;
+ text-transform: uppercase;
+ font-size: 2.5vw;
+ cursor: pointer;
+ color: white;
+ font-weight: 800;
+ right: 2%;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ text-decoration: none;
+ transition: all 0.2s ease;
+ transform: translateX(0%);
+ }
+ .fixed-nav-bar-right .navbar-link:hover {
+ text-transform: uppercase;
+ cursor: pointer;
+ font-weight: 800;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ font-size: 3vw;
+ transform: translateX(-20%);
+ }
+ }
+
+ .fixed-nav-bar-right .navbar-link:hover {
+ text-transform: uppercase;
+ cursor: pointer;
+ font-weight: 800;
+ font-family: 'Inter', sans-serif;
+ font-style: normal;
+ font-size: 3vh;
+ transform: translateX(-20%);
+ }
+
+ .navbar-icon {
+ margin-right: 5px;
+ transition: all 0.2s ease;
+ }
+
+ .weird-icon {
+ line-height: 150px;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ }
+
+ .navbar-link {
+ margin-right: 5px;
+ font-size: 3vh;
+ }
+
+ .material-symbols-outlined {
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
+ }
+
+ .navbar-link:hover > .settings-icon {
+ animation: spin 0.5s;
+ animation-timing-function: cubic-bezier(0, 1.04, 0.91, 0.99);
+ }
+
+ @keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ }
+ img {
+ width: 6vh;
+ padding-top: 5px;
+ }
+ @media (orientation: portrait) {
+ img {
+ width: 6vw;
+ }
+ }
+
+ .column {
+ width: 145px;
+ transition: all 0.2s ease;
+ cursor: pointer;
+ background: #4545459e;
+ border-radius: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-top: 10px;
+ margin: 0;
+
+ }
+
+ .column img {
+ position: absolute;
+ width: 145px;
+ height: 145px;
+ border-radius: 0px;
+ transition: all 0.2s ease;
+ border-radius: 10px;
+ }
+
+ .column p {
+ width: 145px;
+ height: 19px;
+ font-style: normal;
+ font-weight: 800;
+ font-size: 18px;
+ line-height: 19px;
+ text-align: center;
+ color: #ffffff;
+ text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
+ padding-top: 136px;
+ padding-bottom: 12px;
+ }
+
+ .column:hover {
+ transform: scale(1.2);
+ }
+
+ .column:hover .label {
+ transform: translateX(-50%) scale(1.3);
+ }
+
+ .input-container {
+ position: relative;
+ margin-top: 150px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 0.5em;
+ }
+
+ input {
+ padding: 20px;
+ width: 550px;
+ border-radius: 5px;
+ background: #353535;
+ text-align: center;
+ font-size: 24px;
+ border: none;
+ outline: none;
+ color: white;
+ }
+
+ select {
+ padding: 20px;
+ border-radius: 5px;
+ background: #353535;
+ color: white;
+ font-size: 20px;
+ border: 0px;
+ outline: none;
+ cursor: pointer;
+ }
+ .container-apps {
+ margin-top: 20px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.3em;
+ flex-direction: row;
+ }
+ .pinned-apps {
+ margin-top: 20px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.3em;
+ }
\ No newline at end of file
diff --git a/static/css/nav.css b/static/css/nav.css
deleted file mode 100644
index d5df4c0b2..000000000
--- a/static/css/nav.css
+++ /dev/null
@@ -1,166 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
-
-body {
- font-family: 'Inter', sans-serif;
- text-decoration: none;
- background: #1e1e1e;
-}
-
-.fixed-nav-bar {
- position: fixed;
- top: 0;
- letter-spacing: 2px;
- font-size: 22px;
- left: 0;
- right: 0;
- min-height: 13vh;
- padding: 0 25px;
- box-sizing: border-box;
- background-color: rgba(255, 255, 255, 0.02);
- box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
- backface-visibility: visible;
- transition: 0.35s ease;
- z-index: 100;
- backdrop-filter: blur(10px);
-}
-
-.fixed-nav-bar .logo:hover {
- transform: translateY(-55%) scale(1.03);
- font-weight: 800;
-}
-
-.fixed-nav-bar .logo {
- position: absolute;
- top: 50%;
- transform: translateY(-50%) scale(1);
- text-transform: uppercase;
- font-size: 30px;
- font-family: 'Inter', sans-serif;
- cursor: pointer;
- color: white;
- font-weight: 600;
- margin-left: 5px;
- font-style: normal;
- text-decoration: none;
- transition: all 0.2s ease;
-}
-
-.fixed-nav-bar-right {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- text-transform: uppercase;
- font-size: 18px;
- color: white;
- font-weight: 600;
- right: 2%;
-}
-
-.time {
- position: absolute;
- top: 50%;
- left: 50%;
- text-transform: uppercase;
- transform: translateY(-50%) translateX(-50%);
- font-size: 3.3vh;
- color: white;
- font-weight: 600;
- text-align: center;
- cursor: default;
- user-select: none;
-}
-
-.fixed-nav-bar-right .navbar-link {
- margin-left: 10px;
- text-transform: uppercase;
- font-size: 2.5vh;
- cursor: pointer;
- color: white;
- font-weight: 800;
- right: 2%;
- font-family: 'Inter', sans-serif;
- font-style: normal;
- text-decoration: none;
- transition: all 0.2s ease;
- transform: translateX(0%);
-}
-@media (orientation: portrait) {
- .fixed-nav-bar-right .navbar-link {
- margin-left: 10px;
- text-transform: uppercase;
- font-size: 2.5vw;
- cursor: pointer;
- color: white;
- font-weight: 800;
- right: 2%;
- font-family: 'Inter', sans-serif;
- font-style: normal;
- text-decoration: none;
- transition: all 0.2s ease;
- transform: translateX(0%);
- }
- .fixed-nav-bar-right .navbar-link:hover {
- text-transform: uppercase;
- cursor: pointer;
- font-weight: 800;
- font-family: 'Inter', sans-serif;
- font-style: normal;
- font-size: 3vw;
- transform: translateX(-20%);
- }
- }
-
-.fixed-nav-bar-right .navbar-link:hover {
- text-transform: uppercase;
- cursor: pointer;
- font-weight: 800;
- font-family: 'Inter', sans-serif;
- font-style: normal;
- font-size: 3vh;
- transform: translateX(-20%);
-}
-
-.navbar-icon {
- margin-right: 5px;
- transition: all 0.2s ease;
-}
-
-.weird-icon {
- line-height: 150px;
- display: inline-block;
- vertical-align: middle;
- margin-right: 5px;
- margin-bottom: 5px;
-}
-
-.navbar-link {
- margin-right: 5px;
- font-size: 3vh;
-}
-
-.material-symbols-outlined {
- font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
-}
-
-.navbar-link:hover > .settings-icon {
- animation: spin 0.5s;
- animation-timing-function: cubic-bezier(0, 1.04, 0.91, 0.99);
-}
-
-@keyframes spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
-img {
- width: 6vh;
- padding-top: 5px;
-}
-@media (orientation: portrait) {
- img {
- width: 6vw;
- }
- }
\ No newline at end of file
diff --git a/static/games.html b/static/games.html
index c1b796652..03e69ad5e 100644
--- a/static/games.html
+++ b/static/games.html
@@ -14,8 +14,6 @@
-
-
diff --git a/static/index.html b/static/index.html
index 2f3b5fdaf..21a83d3c9 100644
--- a/static/index.html
+++ b/static/index.html
@@ -10,7 +10,6 @@
-
@@ -19,7 +18,7 @@
+
-
+
+
+
+