Merge branch 'main' of https://codeberg.org/MonkeyGG2/MonkeyGG2-v2

css/style.css

@@ -1,6 +1,10 @@
+/*i titled these poorly, without trying how any of it looks*/
 :root {
-    --bg: hsl(var(--hue),90%,5%);
-    --fg: hsl(var(--hue),90%,95%);
+    --bg-second: #0c232f;
+    --hover-color: #f3fff4;
+    --bg: #0b0e18;
+    --font-color: #a3f6fd;
+    --button-color: #026b7e;
 }
 
 html {
@@ -12,4 +16,24 @@ body {
     padding: 0;
     box-sizing: border-box;
     animation: fadein 1s;
+    color: var(--font-color)
+}
+
+body.noscript {
+    display: none;
+}
+
+#noscript-text {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    height: 100vh;
+    width: 100vw;
+    background-color: black;
+    color: white;
+    z-index: 999;
 }

index.html

@@ -6,8 +6,13 @@
     <meta name="keywords" content="games, gamez, unblocked, unblocked games, tunnel rush, run 3, run, 3, hacks, chrome dino unblocked, chrome dino, chrome dinosaur, dinosaur game, dinosaur, chrome hacks, chrome dino hacks, chrome dinosaur hacks, chrome dino game hack, unblocked game site, idle breakout, idle breakout hack, idle breakout save, idle breakout code, idle breakout save generator, idle breakout unblocked, 2048, 2048 unblocked, 2048 no ads, no ads, ads, 2048 high score, cookie clicker, cookie clicker unblocked, cookie clicker github, cookie clicker no ads, flappy bird, flappy bird no ads, flappy bird unblocked, flash games, flash, bloons, bloons tower defense, bloons td, bloons td 1, bloons td 2, bloons td 3, bloons td 4, bloons td 5, bloons td 6, online, duck life, duck life 1, duck life 2, ducklife 3, factory balls, learn to fly, learn to fly game, raft wars, the impossible quiz, this is the only level, impossible quiz, impossible quiz online, impossible quiz answers, impossible quiz question, imposible quiz, quiz, quiz answers, hextris, retrobowl, retrobowl unblocked, retrobowl online, rooftop snipers, rooftop snipers unblocked, slope, slope online, slope unblocked, slope unblocked site, slope unblocked no ads, slope unblocked google site, slope unblocked online, slope unblocked school, smart ball, tunnel rush, tunnel rush online, tunnel rush unblocked, tunnel rush unblocked site, tunnel rush unblocked no ads, tunnel rush unblocked google site, slope google site, tunnel rush google site, tunnel rush unblocked online, tunnel rush unblocked school">
     <meta name="og:image" content="favicon.png">
 
-    <link href="css/loading.css" rel="preload" as="style" onload="this.rel = 'stylesheet'">
+    <!--changed this so there isnt a flash of no css-->
+    <link href="css/loading.css" rel="stylesheet" type="text/css"> 
+    <link href="css/style.css" rel="stylesheet" type="text/css"> 
     
+
+    <!-- not sure why this isnt <script src="js/loading.js"></script> -->
+    <!-- <script src="js/loading.js"></script> if you replace the below with this the image loads but the hexagons disappear completely-->
     <link href="js/loading.js" rel="preload" as="script">
     <link href="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" rel="preload" as="script">
 </head>
@@ -16,26 +21,6 @@
         <p id="noscript-text">
             This site requires you to be able to run JavaScript.
         </p>
-        <style>
-            body *:not(noscript) {
-                display: none;
-            }
-
-            #noscript-text {
-                display: block;
-                position: absolute;
-                top: 0;
-                left: 0;
-                margin: 0;
-                padding: 0;
-                box-sizing: border-box;
-                height: 100vh;
-                width: 100vw;
-                background-color: black;
-                color: white;
-                z-index: 999;
-            }
-        </style>
     </noscript>
 
     <div class="loading">
@@ -77,23 +62,24 @@
             </div>
         </div>
         <div class="loading-icon">
-            <img src="imgs/icon.png" onclick="this.src = 'imgs/secret-icon.png'">
+            <img src="imgs/icon.png" alt="MonkeyGG2 Icon" onclick="this.src = 'imgs/secret-icon.png'">
         </div>
     </div>
-    <section>
-        
-    </section>
+    <div>
+    </div>
     <section id="everything-else">
+        <h1>MonkeyGG2</h1>
         <canvas class="particles"></canvas>
         
         <div class="hexagonGrid"></div>
 
         <!-- TEMPORARY!!! increases loading times to demonstrate loading screen -->
-        <img src="https://random.imagecdn.app/1500/1500">
+        <img src="https://random.imagecdn.app/1500/1500" alt="random image">
     </section>
 
     <!-- loading.js file and jQuery are preloaded -->
-    <script defer>
+    <!-- they are loaded before though? -->
+    <script>
         const loading = document.createElement("script");
         loading.src = "js/loading.js";
         document.body.appendChild(loading);

index.js

@@ -0,0 +1,22 @@
+function makeclone(){
+    if((window.top.location.href!="about:blank")){
+        var url = window.location.href;
+        win = window.open();
+        if(!win || win.closed || typeof win.closed=='undefined') { 
+            alert('Please allow Pop-Ups - By disabling popups, you allow this website to show up in your history.');
+        }else{
+            win.document.body.style.margin = "0";
+            win.document.body.style.height = "100vh";
+            var iframe = win.document.createElement("iframe");
+            iframe.style.border = "none";
+            iframe.style.width = "100%";
+            iframe.style.height = "100%";
+            iframe.style.margin = "0";
+            iframe.referrerpolicy = "no-referrer";
+            iframe.allow = "fullscreen";
+            iframe.src = url.toString();
+            win.document.body.appendChild(iframe);
+            window.location.replace("https://drive.google.com");
+        }
+    }
+}