v1.9.1 (Discovery and Settings)

useclassplay · Dec 13, 2024 · af6d8eb · af6d8eb
1 parent b1dae4c
commit af6d8eb
Show file tree

Hide file tree

Showing 16 changed files with 2,351 additions and 84 deletions.
diff --git a/404.html b/404.html
@@ -5,7 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>404 - Page Not Found</title>
     <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" id="theme-style" href="style.css">
+    <script src="themes.js"></script>
+    <script src="main.js"></script>
+    <script src="settings.js"></script>
     <link rel="stylesheet" href="/assets/fontawesome/css/all.css">
 </head>
 <body>

diff --git a/apps.html b/apps.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title id="title">Apps (Under Development)</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" id="theme-style" href="style.css">
+    <script src="themes.js"></script>
+    <script src="main.js"></script>
+    <script src="settings.js"></script>
     <link id="favicon" rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
     <script src="https://unpkg.com/@phosphor-icons/web"></script>
     <script src="/main.js"></script>
@@ -23,18 +26,19 @@
 </script>
 
 
-  <nav>
-    <ul>
-        <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
-        <li><a href="profile" class="lesspadding" style="margin-right: -30px;"><i class="fa-solid fa-user"></i></a></li>
-        <li><a href="lnk"><i class="fa-solid fa-link"></i>Links</a></li>
-        <li><a href="chat/"><i class="fa-solid fa-message"></i>Chatroom</a></li>
-        <li><a class="disabled"><i class="fa-solid fa-tv"></i>Movies</a></li>
-        <li><a href="p"><i class="fa-solid fa-search"></i>Search</a></li>
-        <li><a href="s"><i class="fa-solid fa-music"></i>Sounds</a></li>
-        <li><a href="apps"><i class="fa-solid fa-folder"></i>Apps</a></li>
-        <li><a href="g"><i class="fa-solid fa-gamepad"></i>Games</a></li>
-    </ul>   
+<nav>
+  <ul>
+      <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
+      <li><a href="settings" style="margin-right: -30px; margin-left: 25px;"><i class="fa-solid fa-cog"></i><p style="margin-left: 72px;">Settings</p></a></li>
+      <li><a href="profile" style="margin-right: -30px;"><i class="fa-solid fa-user"></i><p style="margin-left: 52px;">Profile</p></a></li>
+      <li><a href="lnk"><i class="fa-solid fa-link"></i><p style="margin-left: 60px;">Links</p></a></li>
+      <li><a href="chat/"><i class="fa-solid fa-message"></i><p style="margin-left: 60px;">Chat</p></a></li>
+      <li><a class="disabled"><i class="fa-solid fa-tv"></i><p style="color: white; margin-left: 58px;">Movies</p></a></li>
+      <li><a href="p"><i class="fa-solid fa-search"></i><p>Search</p></a></li>
+      <li><a href="s"><i class="fa-solid fa-music"></i><p>Sounds</p></a></li>
+      <li><a href="apps"><i class="fa-solid fa-folder"></i><p style="margin-left: 60px;">Apps</p></a></li>
+      <li><a href="g"><i class="fa-solid fa-gamepad"></i><p style="margin-left: 53px;">Games</p></a></li>
+  </ul>   
 </nav>
 
 <center>

diff --git a/g.html b/g.html
@@ -5,14 +5,71 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title id="title">Classplay - Games</title>
   <link id="favicon" rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" id="theme-style" href="style.css">
+  <script src="themes.js"></script>
+  <script src="main.js"></script>
+  <script src="settings.js"></script>
   <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=search" />
-  <script src="main.js"></script>
   <link href="/assets/fontawesome/css/all.css" rel="stylesheet" />
 </head>
 <body>
 
+<style>
+  .launch-screen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    z-index: 9999;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.5s ease, visibility 0.5s;
+}
+
+.overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.8);
+    opacity: 0;
+    transition: opacity .5s ease;
+}
+
+.content {
+    z-index: 1;
+    text-align: center;
+    opacity: 0;
+    transition: opacity 1.5s ease;
+}
+
+.game-image {
+    max-width: 200px;
+    margin-bottom: 20px;
+    border-radius: 25px;
+}
+
+#launchMessage {
+    font-size: 24px;
+}
+</style>
+
+<div id="launchScreen" class="launch-screen">
+  <div class="overlay"></div>
+  <div class="content">
+      <img id="gameImage" src="" alt="Game Image" class="game-image">
+      <p id="launchMessage">Launching <span id="gameName"></span>...</p>
+  </div>
+</div>
+
+
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-GBPYWSE933"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
@@ -23,18 +80,19 @@
 </script>
 
 
-  <nav>
-    <ul>
-        <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
-        <li><a href="profile" class="lesspadding" style="margin-right: -30px;"><i class="fa-solid fa-user"></i></a></li>
-        <li><a href="lnk"><i class="fa-solid fa-link"></i>Links</a></li>
-        <li><a href="chat/"><i class="fa-solid fa-message"></i>Chatroom</a></li>
-        <li><a class="disabled"><i class="fa-solid fa-tv"></i>Movies</a></li>
-        <li><a href="p"><i class="fa-solid fa-search"></i>Search</a></li>
-        <li><a href="s"><i class="fa-solid fa-music"></i>Sounds</a></li>
-        <li><a href="apps"><i class="fa-solid fa-folder"></i>Apps</a></li>
-        <li><a href="g"><i class="fa-solid fa-gamepad"></i>Games</a></li>
-    </ul>   
+<nav>
+  <ul>
+      <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
+      <li><a href="settings" style="margin-right: -30px; margin-left: 25px;"><i class="fa-solid fa-cog"></i><p style="margin-left: 72px;">Settings</p></a></li>
+      <li><a href="profile" style="margin-right: -30px;"><i class="fa-solid fa-user"></i><p style="margin-left: 52px;">Profile</p></a></li>
+      <li><a href="lnk"><i class="fa-solid fa-link"></i><p style="margin-left: 60px;">Links</p></a></li>
+      <li><a href="chat/"><i class="fa-solid fa-message"></i><p style="margin-left: 60px;">Chat</p></a></li>
+      <li><a class="disabled"><i class="fa-solid fa-tv"></i><p style="color: white; margin-left: 58px;">Movies</p></a></li>
+      <li><a href="p"><i class="fa-solid fa-search"></i><p>Search</p></a></li>
+      <li><a href="s"><i class="fa-solid fa-music"></i><p>Sounds</p></a></li>
+      <li><a href="apps"><i class="fa-solid fa-folder"></i><p style="margin-left: 60px;">Apps</p></a></li>
+      <li><a href="g"><i class="fa-solid fa-gamepad"></i><p style="margin-left: 53px;">Games</p></a></li>
+  </ul>   
 </nav>
 
 
@@ -56,6 +114,15 @@ <h1 class="title" style="margin-bottom: 15px">Games</h1>
         <span>Request a game</span>
       </div>
     </div>
+
+    <div class="game-card" id="Randomizer">
+      <a onclick="pickRandomGame()" style="cursor: pointer;">
+        <img src="img/randomizer.png" style="width: 150px;" alt="glogo">
+      </a>
+      <div class="game-title-overlay">
+        <span>Random Game</span>
+      </div>
+    </div>
 
     <div class="game-card" id="Minecraft"s>
       <a href="/downloads/eaglercraftx">

diff --git a/img/randomizer.png b/img/randomizer.png
diff --git a/index.html b/index.html
@@ -4,10 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title id="title">Classplay</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" id="theme-style" href="style.css">
+    <script src="themes.js"></script>
+    <script src="main.js"></script>
+    <script src="settings.js"></script>
     <link id="favicon" rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
     <script src="/main.js"></script>
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
     <link href="/assets/fontawesome/css/all.css" rel="stylesheet" />
 </head>
 <body>
@@ -24,14 +26,15 @@
     <nav>
         <ul>
             <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
-            <li><a href="profile" class="lesspadding" style="margin-right: -30px;"><i class="fa-solid fa-user"></i></a></li>
-            <li><a href="lnk"><i class="fa-solid fa-link"></i>Links</a></li>
-            <li><a href="chat/"><i class="fa-solid fa-message"></i>Chatroom</a></li>
-            <li><a class="disabled"><i class="fa-solid fa-tv"></i>Movies</a></li>
-            <li><a href="p"><i class="fa-solid fa-search"></i>Search</a></li>
-            <li><a href="s"><i class="fa-solid fa-music"></i>Sounds</a></li>
-            <li><a href="apps"><i class="fa-solid fa-folder"></i>Apps</a></li>
-            <li><a href="g"><i class="fa-solid fa-gamepad"></i>Games</a></li>
+            <li><a href="settings" style="margin-right: -30px; margin-left: 25px;"><i class="fa-solid fa-cog"></i><p style="margin-left: 72px;">Settings</p></a></li>
+            <li><a href="profile" style="margin-right: -30px;"><i class="fa-solid fa-user"></i><p style="margin-left: 52px;">Profile</p></a></li>
+            <li><a href="lnk"><i class="fa-solid fa-link"></i><p style="margin-left: 60px;">Links</p></a></li>
+            <li><a href="chat/"><i class="fa-solid fa-message"></i><p style="margin-left: 60px;">Chat</p></a></li>
+            <li><a class="disabled"><i class="fa-solid fa-tv"></i><p style="color: white; margin-left: 58px;">Movies</p></a></li>
+            <li><a href="p"><i class="fa-solid fa-search"></i><p>Search</p></a></li>
+            <li><a href="s"><i class="fa-solid fa-music"></i><p>Sounds</p></a></li>
+            <li><a href="apps"><i class="fa-solid fa-folder"></i><p style="margin-left: 60px;">Apps</p></a></li>
+            <li><a href="g"><i class="fa-solid fa-gamepad"></i><p style="margin-left: 53px;">Games</p></a></li>
         </ul>   
     </nav>
 
@@ -46,7 +49,7 @@ <h1 class="home-title" style="margin-top: -25px; font-family: Inter;">Classplay<
 </div><br>
 
 <div class="container">
-    <button onclick="openGame()" id="login">about:blank cloaker :)</button>   
+    <button onclick="openGame()" class="cloakButton">about:blank cloaker :)</button>   
 </div>
 
 </body>

diff --git a/lnk.html b/lnk.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Alternate Links</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" id="theme-style" href="style.css">
+    <script src="themes.js"></script>
+    <script src="main.js"></script>
+    <script src="settings.js"></script>
     <link rel="stylesheet" href="/assets/fontawesome/css/all.css">
     <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
     <script src="/main.js" defer></script>
@@ -31,17 +34,18 @@
 </style>
 
 
-  <nav>
+<nav>
     <ul>
         <li class="title"><a href="/" style="font-weight: 560;">Classplay</a></li>
-        <li><a href="profile" class="lesspadding" style="margin-right: -30px;"><i class="fa-solid fa-user"></i></a></li>
-        <li><a href="lnk"><i class="fa-solid fa-link"></i>Links</a></li>
-        <li><a href="chat/"><i class="fa-solid fa-message"></i>Chatroom</a></li>
-        <li><a class="disabled"><i class="fa-solid fa-tv"></i>Movies</a></li>
-        <li><a href="p"><i class="fa-solid fa-search"></i>Search</a></li>
-        <li><a href="s"><i class="fa-solid fa-music"></i>Sounds</a></li>
-        <li><a href="apps"><i class="fa-solid fa-folder"></i>Apps</a></li>
-        <li><a href="g"><i class="fa-solid fa-gamepad"></i>Games</a></li>
+        <li><a href="settings" style="margin-right: -30px; margin-left: 25px;"><i class="fa-solid fa-cog"></i><p style="margin-left: 72px;">Settings</p></a></li>
+        <li><a href="profile" style="margin-right: -30px;"><i class="fa-solid fa-user"></i><p style="margin-left: 52px;">Profile</p></a></li>
+        <li><a href="lnk"><i class="fa-solid fa-link"></i><p style="margin-left: 60px;">Links</p></a></li>
+        <li><a href="chat/"><i class="fa-solid fa-message"></i><p style="margin-left: 60px;">Chat</p></a></li>
+        <li><a class="disabled"><i class="fa-solid fa-tv"></i><p style="color: white; margin-left: 58px;">Movies</p></a></li>
+        <li><a href="p"><i class="fa-solid fa-search"></i><p>Search</p></a></li>
+        <li><a href="s"><i class="fa-solid fa-music"></i><p>Sounds</p></a></li>
+        <li><a href="apps"><i class="fa-solid fa-folder"></i><p style="margin-left: 60px;">Apps</p></a></li>
+        <li><a href="g"><i class="fa-solid fa-gamepad"></i><p style="margin-left: 53px;">Games</p></a></li>
     </ul>   
 </nav>