From c2d2ba0804e47ee74211b3ed2eab6b39ec714301 Mon Sep 17 00:00:00 2001
From: Nickeldon <50726216+Nickeldon@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:15:35 -0500
Subject: [PATCH] OverStadium V1.9.5-alpha

---
 charsel.html | 10 +++++--
 electron.js  |  6 ++--
 index.html   | 25 ++++++++++------
 mainmen.html | 83 ++++++++++++++++++++++++++++++++++++++++++++++++----
 4 files changed, 103 insertions(+), 21 deletions(-)
diff --git a/charsel.html b/charsel.html
index d127298..d7f4b7e 100644
--- a/charsel.html
+++ b/charsel.html
@@ -11,8 +11,8 @@
         @font-face { font-family: PixelifySans; src: url('./Addons/PixelifySans.ttf');}
       </style>
 </head>
-<body style="background-color: black; width: 100%; height: 100%; position: absolute; overflow:hidden; top: 0; left: 0;">
-    <div id="main" style="height: 576px; width: 1024px; background-color: black; display: block; position: absolute; border-style: solid; top: 0; left: 0; border-radius: 5px;">
+<body style="background-color: black; width: 100%; height: 100%; position: relative; overflow:hidden; top: 0; left: 0; margin: 0;">
+    <div id="main" style="height: 576px; width: 1024px; background-color: black; display: block; position: relative; top: 0; left: 0; margin: 0;">
         <h1 style="display: block; position: absolute; width: 100%; align-self:start; font-size: 60px; color: white;">CHOOSE YOUR OVERFATE</h1>
 
         <div class="selector" id="sel" style="position: absolute; width: 100%; top:75%; align-items: center; justify-content: center;display: flex; display: flex;">
@@ -49,7 +49,7 @@ <h4 id="label2">
             </a>
           </div>
 
-        <canvas height="576" width="1024" style="">
+        <canvas height="576" width="1024" style="margin: 0; left: 0;">
 
         </canvas>
 
@@ -123,6 +123,10 @@ <h1 style="color: white; font-size: 50px;">
     
     
     <style>
+        .zoom {
+        transform: scale(1.51);
+        transform-origin: 0 0;
+    }
          .spinner{
             height: 40px;
             width: 40px;
diff --git a/electron.js b/electron.js
index 3fa4725..6db1e7c 100644
--- a/electron.js
+++ b/electron.js
@@ -3,14 +3,14 @@ const {app, BrowserWindow} = electron
 const url = require('url')
 const path = require('path')
 
-//require('electron-reload')(__dirname,{electron: path.join(__dirname, 'node_modules', '.bin', 'electron')})
+require('electron-reload')(__dirname,{electron: path.join(__dirname, 'node_modules', '.bin', 'electron')})
 
 let windowObj = null
 
 function createWindow(){
   windowObj = new BrowserWindow({
-    width: 1050,
-    height: 617,
+    width: 1015,
+    height: 590,
     alwaysOnTop: false,
     maximizable: false,
     minimizable: false,
diff --git a/index.html b/index.html
index cf342f4..36cf002 100644
--- a/index.html
+++ b/index.html
@@ -12,9 +12,9 @@
         background-color: black;
     }
   </style>
-<body style="overflow: hidden;">
+<body style="overflow: hidden; position: relative; margin: 0;">
 
-    <div class="main" style="position: relative; width: 1015px; height: 576px;"> 
+    <div id="main" class="main" style="position: relative; width: 1024px; height: 580px; margin: 0;"> 
 
          <div style="display: none; position: absolute; top: 27%; left: 20%; border-radius: 7px; border-width: 3px; border-color: silver; align-items: center; justify-content: center; border-style: solid; background-color: rgb(40, 40, 40); height: 50%; width: 60%;" id="GameOverScreen">
            
@@ -83,7 +83,7 @@ <h1 style="text-align: center; font-family: PixelifySans, sans-serif; font-size:
             </div>
     
         </div>
-        <canvas class="canv1" width="1015" height="576"></canvas>
+        <canvas class="canv1" width="1024" height="576"></canvas>
         
         <!-- <div class="fps-alert" id="fps-al" style="display: none; position: absolute; top: -60px; left: 30px; width: 400px; background-color: rgb(61, 61, 61);">
             <h5 style="color: red; font-family: PixelifySans,system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
@@ -116,7 +116,7 @@ <h1 style="text-align: center; display: block; font-family: PixelifySans, sans-s
 
                     </div>
                 </div>
-                <div id="transition" class="tr" style="display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: transparent; transition: all 1s ease-out;"></div>
+                <div id="transition" class="tr" style="display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: transparent; transition: all 1s ease-in-out;"></div>
                 <div id="load-scr" class="lodscr">
                     <div id="spin-lod" class="spinner">
 
@@ -430,6 +430,10 @@ <h5 style="text-align: center; font-family: PixelifySans, sans-serif; color: rgb
             margin-bottom: 30px;
             cursor: pointer;
         }
+        .zoom {
+            transform: scale(1.5);
+            transform-origin: 0 0;
+        }
         .alttime{
             position: absolute;
             top: 30%;
@@ -479,7 +483,6 @@ <h5 style="text-align: center; font-family: PixelifySans, sans-serif; color: rgb
     <script src="JS/main.js"></script>
     <script>
         var metadt
-
             var urlParams = new URLSearchParams(window.location.search);
             
                 var metadata = urlParams.get('choice');   
@@ -489,11 +492,14 @@ <h5 style="text-align: center; font-family: PixelifySans, sans-serif; color: rgb
 
             console.log(metadata)            
             
-            var options = urlParams.get('options');  
-            
-            options = JSON.parse(options)
+            var options = JSON.parse(localStorage.getItem("options"))
+            console.log(options)
             if(!options) document.getElementById('err').style.display = 'block'
 
+            if(options.Fullscreen === 'yes'){
+                document.getElementById('main').classList.add('zoom')
+            }
+
             console.log(options)
             if(options.showFPS === 'no'){
                 document.getElementById('fpscounter').style.display = 'none'
@@ -505,6 +511,7 @@ <h5 style="text-align: center; font-family: PixelifySans, sans-serif; color: rgb
                 else document.getElementById('timer').innerHTML = options.Timer
             }
             if(options.Rounds){
+                var wins = JSON.parse(localStorage.getItem("wins"))
                 var div = document.createElement("div")
                 div.classList.add("rnds")
                 var rounds1 = document.createElement("div")
@@ -518,9 +525,9 @@ <h5 style="text-align: center; font-family: PixelifySans, sans-serif; color: rgb
                     rounds1.innerHTML += div.outerHTML
                     rounds2.innerHTML += div.outerHTML
                 }
-                
                 document.getElementById("side-r").appendChild(rounds2, documentFragment)
                 document.getElementById("side-l").appendChild(rounds1, documentFragment)
+                console.log(document.getElementById("side-r"), document.getElementById("side-l"))
             }
            Player1.Char = metadata.data.P1
            Player2.Char = metadata.data.P2
diff --git a/mainmen.html b/mainmen.html
index ccb7348..40b5f4c 100644
--- a/mainmen.html
+++ b/mainmen.html
@@ -14,7 +14,7 @@
 </head>
 <body style="width: 1015px; height: 565px;">
     <audio src="./Addons/hover.mp3" id="hoveraudio"></audio>
-    <div style="height: 100%; display: flex; position: relative; width: 100%; background-color: gray; border-width: 5px; border-radius: 5px; border-color: white; border-style: solid;" id="main">
+    <div style="height: 100%; display: flex; position: relative; width: 100%; margin: 0; background-color: gray; top: 0; left: 0;" id="main">
         <img src="./Addons/Background/gradient.png" alt="" style="width: 100%;">
         <div class="title">
             <h1 style="display: block;">OVERFATE</h1>
@@ -43,8 +43,10 @@ <h1 style="display: block; top: 0; text-align: center;">OPTIONS</h1>
             <a onclick="parameters(2)">Timer: <span style="color: #8c8308;" id="time-choice">100</span> <span style="color: #8c0808;" id="time-choice"> sec</span></a>
             <a onclick="parameters(3)">Fullscreen mode: <span style="color: #8c8308;" id="fs-toggle">no</span></a>
             <a onclick="parameters(4)">Number of rounds: <span style="color: #8c8308;" id="round-choice">1</span></a>
+            <a onclick="parameters(5)" style="color:#8c0808;">Clear LocalStorage</a>
             
         </div>
+       
         </div>
         <div class="sp-thanks" id="sp-thanks" style="display: none; position: absolute; width: 100%; height: 100%; background-color: rgb(46, 34, 34); top: 0;">
         
@@ -69,8 +71,13 @@ <h4 id="sp-txt">
         </div>
             </div>
         </div>
-        <div id="transition" class="tr" style="display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: transparent;"></div>
+        <div class="notification" id="notification" style="display: none; width: 250px; height: 60px; position: absolute; bottom: 0; right: 0; border-radius: 5px; border-width: 3px; border-style: solid; border-color: rgb(97, 19, 19); background-color: rgb(46, 34, 34); transition: all 1s ease-out; animation: notification 1.5s ease-out;">
+            <h3 style="color: #8c8308; vertical-align: middle; text-align: center; font-family: PixelifySans, sans-serif;">
+                Sucess
+            </h3>
+        </div>
 
+        <div id="transition" class="tr" style="display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: transparent;"></div>        
     </div>
     
     
@@ -78,6 +85,14 @@ <h4 id="sp-txt">
 </body>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 <script>
+    var metadata = new URLSearchParams(window.location.search);
+    try{
+    var optmeta = JSON.parse(metadata.get('options'))
+    if(optmeta.Fullscreen === 'yes'){
+        document.getElementById('main').classList.add('zoom')
+    }}catch(e){
+
+    }
     $("#selection a") // loop each menu item
   .each(function(i) {
     if (i != 0) { // only clone if more than one needed
@@ -95,6 +110,17 @@ <h4 id="sp-txt">
 </script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js"></script>
 <script>
+    options = JSON.parse(localStorage.getItem("options"))
+    if(JSON.parse(localStorage.getItem("options")).Fullscreen === 'yes'){
+    document.getElementById('main').classList.add('zoom');
+    document.getElementById('fs-toggle').innerText = 'yes'
+    }
+
+    document.getElementById('fps-box').innerHTML = options.showFPS
+    document.getElementById('time-choice').innerText = options.Timer
+    document.getElementById('fs-toggle').innerText = options.Fullscreen
+    document.getElementById("round-choice").innerText = options.Rounds
+
     document.querySelector('h4').style.color = '#8c8308'
     setInterval(() => {
         if(document.getElementById('sp-thanks').style.display !== 'none'){
@@ -169,18 +195,38 @@ <h4 id="sp-txt">
             switch(Fullscreen){
                 case 'yes': {
                     document.getElementById('fs-toggle').innerText = 'no'
-                    if (document.fullscreenElement) {
+                    /*if (document.fullscreenElement) {
                     // exitFullscreen is only available on the Document object.
                     document.exitFullscreen();
+                    }*/
+                    document.getElementById('main').classList.add('unzoom')
+                    try{
+                        document.getElementById('main').classList.remove('zoom')
+                    }catch(e){
+                        
                     }
                 }break;
                 case 'no': {
                     document.getElementById('fs-toggle').innerText = 'yes'
-                    if (!document.fullscreenElement) {
+                    /*if (!document.fullscreenElement) {
                         el.requestFullscreen();
                     } else {
                     
+                    }*/
+                    try{
+                        document.getElementById('main').classList.remove('unzoom')
+                    }catch(e){
+                        
                     }
+                    document.getElementById('main').classList.add('zoom')
+                    el.dispatchEvent(new Event('keypress', {keyCode: 'F11'}))
+                    $(() => {
+                        var e = $.Event('keypress');
+                        e.which = 27; // Character 'A'
+                        $('item').trigger(e);
+                    });
+
+                    
                 }break;
             }
         }
@@ -198,6 +244,28 @@ <h4 id="sp-txt">
                 }break;
             }
         }   
+        else if(num === 5){
+            localStorage.clear()
+            document.getElementById('fps-box').innerHTML = options.showFPS = 'no'
+            document.getElementById('time-choice').innerText = options.Timer = 100
+            document.getElementById("round-choice").innerText = options.Rounds = 1
+            localStorage.setItem("wins", JSON.stringify({PL1: 0, PL2: 0}))
+            /*localStorage.setItem("options", JSON.stringify({
+                FS: null,
+                Rounds: null,
+                showFPS: null,
+                Timer: 100
+            }))*/
+            document.getElementById('notification').style.display = 'block'
+
+            setTimeout(() => {
+                document.getElementById('notification').style.opacity = '0%'
+                setTimeout(() => {
+                document.getElementById('notification').style.display = 'none'
+                document.getElementById('notification').style.opacity = '100%'
+                },1000)
+            }, 2500)
+        }
     }
     
     function redirect(num){
@@ -215,8 +283,9 @@ <h4 id="sp-txt">
             Rounds: document.getElementById("round-choice").innerText
         }
         Options = JSON.stringify(Options)
+        localStorage.setItem("options", Options)
         setTimeout(() => {
-            window.location.href = './charsel.html?options=' + Options
+            window.location.href = './charsel.html'
         },1000)
     }
     else if(num === 3){
@@ -246,6 +315,8 @@ <h4 id="sp-txt">
             }
         }
     }
-
+    window.addEventListener('keypress', (event) => {
+                        console.log(event)
+                    })
 </script>
 </html>
\ No newline at end of file
