add games menu and logo

NXX99 · Jan 29, 2024 · 78850d6 · 78850d6
1 parent a498255
commit 78850d6
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 10 deletions.
diff --git a/games.html b/games.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <style>
+      html{
+        background-image: none;
+      }
+    </style>
+    <button 
+onclick="location.replace('https://tallteam.github.io/skunblocked1')" class="mitem">Smash Karts</button>
+    <button onclick="location.replace('https://montgomeryblairhscoders.github.io/epicmathgames/game/um/justfall.html')" class="mitem">Justfall.LOL</button>
+    <button onclick="location.replace('https://images-opensocial.googleusercontent.com/gadgets/ifr?url=https://cdn.jsdelivr.net/gh/mind4ur/debugactions@a41f686f56d58bf0b4aca7cd7e7afe8ae933241b/package/1v1old.xml')" class="mitem">1v1.lol classic</button>
+    <button onclick="location.replace('https://85yfs65o3fj93hsd-opensocial.googleusercontent.com/gadgets/ifr?url=https://cdn.jsdelivr.net/gh/ko1ov/jd83hf02ld65la32mdl4@44ac320eee35a6f332b3c07c0a81e611267e640c/1v1.xml')" class="mitem">1v1.lol</button>
+    <button onclick="location.replace('https://webglmath.github.io/madalin-stunt-cars-3/')" class="mitem">Madalin Stunt Cars 3</button>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -4,17 +4,18 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
-  <title>replit</title>
+  <title>Trinity</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
+  <link rel="icon" href=logo.png>
 </head>
 
 <body>
   <span id="bar" width="100%" height="10%">
-    <button class="barbtn" onclick="menu()">T</button><button class="barbtn" onclick="newWindow('https://nxx99.github.io/ugfn', 'Unblocked Games from NXX99')"><img src="https://nxx99.github.io/ugfn/favicon.png" height=15px></button><button class="barbtn" onclick="newWindow('https://linangdata.com/calculatorEmbed/embeddable.html', 'Calculator')"><img src="https://linangdata.com/calculatorEmbed/icons/48x48.png" height=15px></button>
-    <button class="barbtn" onclick="newWindow('https://tallteam.github.io/skunblocked1/', 'Smash Karts')"><img src="https://tallteam.github.io/skunblocked1/images/favicon.png" height=15px></button>
+    <button class="barbtn" onclick="menu()"><img src="logo.png" height=75%></button><button class="barbtn" onclick="newWindow('https://nxx99.github.io/ugfn', 'Unblocked Games from NXX99')"><img src="https://nxx99.github.io/ugfn/favicon.png" height=75%></button><button class="barbtn" onclick="newWindow('https://linangdata.com/calculatorEmbed/embeddable.html', 'Calculator')"><img src="https://linangdata.com/calculatorEmbed/icons/48x48.png" height=75%></button>
+     <button class="barbtn" onclick="newWindow('https://tallteam.github.io/skunblocked1/', 'Smash Karts')"><img src="https://tallteam.github.io/skunblocked1/images/favicon.png" height=75%></button>
   </span><br/>
   <div id="menu" hidden>
-    AA
+    <button class="mitem" onclick="newWindow('games.html','Games')">Games</button>
   </div>
   <script src="script.js"></script>
   <script src="lib/winbox.js"></script>

diff --git a/logo.png b/logo.png
diff --git a/script.js b/script.js
@@ -12,11 +12,15 @@ const smenu = document.getElementById("menu")
 function menu(){
   if(document.getElementById("menu").hidden == false){
     smenu.hidden = true
-    console.log("It should hide")
+    console.log("The menu should hide")
   }
   else{
     smenu.hidden = false
-    console.log("It should show")
+    console.log("The menu should show")
   }
 
 }
+smenu.onclick = function(){
+  smenu.hidden=true
+  console.log("The menu should hide and whatever was clicked should do something")
+}
diff --git a/style.css b/style.css
@@ -28,6 +28,7 @@ html {
   backdrop-filter: blur(3px);
   border-radius: 0px 0px 15px 15px;
   z-index: 100;
+  box-shadow: 0px 1px 20px;
 }
 .barbtn{
   height: 100%;
@@ -41,10 +42,10 @@ button:hover{
   opacity: 0.5;
 }
 .winbox {
-    background: linear-gradient(90deg, #ff00f07e, #0050ff7e);
-    backdrop-filter: blur(3px);
-    border-radius: 12px 12px 0 0;
-    box-shadow: 1px ;
+  background: linear-gradient(90deg, #ff00f07e, #0050ff7e);
+  backdrop-filter: blur(3px);
+  border-radius: 15px 15px 0 0;
+  box-shadow: 0px 1px 20px;
 }
 .winbox.min{
   position: absolute;
@@ -72,5 +73,16 @@ button:hover{
   z-index: 100;
   overflow: scroll;
   margin: left 10%;
+  box-shadow: 0px 1px 20px;
 
+}
+.mitem{
+  width: 100%;
+  background-color: #00000000;
+  border-radius: 0px;
+  border-bottom: line;
+  border-top: line;
+  border-left: none;
+  border-right: none;
+  text-align: left;
 }