brang

NovaAppsInc · Apr 4, 2022 · dc0962f · dc0962f
1 parent 7101ef0
commit dc0962f
Show file tree

Hide file tree

Showing 45 changed files with 457 additions and 45 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,7 @@
 # Fracital
 Another proxy website made with the corrosion proxy by TitaniumNetwork.
 - https://fracital.org
-- Become a patreon https://patreon.com/fracital
-- Join the community https://discord.gg/vXVcNfqBzW
+- Become a pateon https://patreon.com/fracital
 
 # Supports
 - **Any static site**
@@ -14,18 +13,10 @@ Another proxy website made with the corrosion proxy by TitaniumNetwork.
 - **New UI Update!**
 - **Games are back!**
 - **Drop down menu to make the website more compact**
-- **New games page UI and more games added**
+- **New games page UI**
 - **NOW USING THE NEW UltraViolet BACKEND**
 
-# A thank you to everyone
-- We have hit a full dedicated approach to the **_Fracital_** project
-- Improved tremendously
-- moved to bigger and better back-ends
-- Had many support
-
-**Thank you for the ride... and I hope you stay along for the ride ahead!**
-
 [![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)
 [![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)
 ![image](https://i.imgur.com/Oe2IWhK.png)
-![image](https://i.imgur.com/rZpmikX.png)
+![image](https://i.imgur.com/rZpmikX.png)
diff --git a/g.html b/g.html
@@ -8,10 +8,11 @@
     <link rel="stylesheet" href="./styles/g.css">
 </head>
     <body>
+      <div id="particles-js"></div>
         <div class="tabar">
           <div class="searchCONT">
             <input type="search" name="url" id="gamesSEARCH" autocomplete="off" class="gamesSEARCH" placeholder="Search a game or type">
-            <svg onclick="alert('current types searchable are: html, emulated, and multiplayer (not case sensitive). more coming soon!')" xmlns="http://www.w3.org/2000/svg" class="icon help icon-tabler icon-tabler-question-mark" viewBox="0 0 24 24" stroke="#ff7ffd" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <svg onclick="alert('current types searchable are: html, emulated, multiplayer, and flash (not case sensitive); though if any letter in the name of the game or type matches with your search query the results will return a corresponding game/type')" xmlns="http://www.w3.org/2000/svg" class="icon help icon-tabler icon-tabler-question-mark" viewBox="0 0 24 24" stroke="#ff7ffd" fill="none" stroke-linecap="round" stroke-linejoin="round">
               <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
               <path d="M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4" />
               <line x1="12" y1="19" x2="12" y2="19.01" />
@@ -66,8 +67,30 @@ <h3 class="title">Slope</h3>
                 <img src="./game-imgs/shellshockers.png" class="thumbnail">
                 <h3 class="title">Shell Shockers</h3>
               </i>
+              <i class="gameLINK g12">
+                <img src="./game-imgs/AlienHominid.png" class="thumbnail">
+                <h3 class="title">Alien Hominid</h3>
+              </i>
+              <i class="gameLINK g13">
+                <img src="./game-imgs/ducklife4.png" class="thumbnail">
+                <h3 class="title">Duck Life 4</h3>
+              </i>
+              <i class="gameLINK g14">
+                <img src="./game-imgs/bulletbill.png" class="thumbnail">
+                <h3 class="title">Bullet Bill</h3>
+              </i>
+              <i class="gameLINK g15">
+                <img src="./game-imgs/portal.png" class="thumbnail">
+                <h3 class="title">Portal 2D</h3>
+              </i>
+              <i class="gameLINK g16">
+                <img src="./game-imgs/paperio.png" class="thumbnail">
+                <h3 class="title">Paper.io</h3>
+              </i>
             </div>
         </div>
+        <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
+        <script src="particlesjs.js"></script>
         <script src="./js/g.js"></script>
     </body>
 </html>
diff --git a/g/flash-ems/alienh.html b/g/flash-ems/alienh.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/AlienHominid.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/bloons.html b/g/flash-ems/bloons.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/BloonsTowerDefense4.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/bulletb.html b/g/flash-ems/bulletb.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/bullet_bill_26.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/ducklife.html b/g/flash-ems/ducklife.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/ducklife.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/ducklifetreasure.html b/g/flash-ems/ducklifetreasure.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/ducklifetreasurehunt.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/portal2d.html b/g/flash-ems/portal2d.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/portal2d.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/run2.html b/g/flash-ems/run2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style/flash.css">
+    <title>Document</title>
+</head>
+<body>
+    <embed class="emb" src="../flashes/run2.swf" width="100vw" height="100vh">
+</body>
+<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
+</html>
diff --git a/g/flash-ems/style/flash.css b/g/flash-ems/style/flash.css
@@ -0,0 +1,16 @@
+body {
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+    width: 100vw;
+    display: grid;
+    justify-items: center;
+    align-items: center;
+}
+
+.emb {
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    padding: 0;
+}
diff --git a/g/flashes/AlienHominid.swf b/g/flashes/AlienHominid.swf
diff --git a/g/flashes/BloonsTowerDefense4.swf b/g/flashes/BloonsTowerDefense4.swf
diff --git a/g/flashes/HappyWheels.swf b/g/flashes/HappyWheels.swf
diff --git a/g/flashes/bullet_bill_26.swf b/g/flashes/bullet_bill_26.swf
diff --git a/g/flashes/chess.swf b/g/flashes/chess.swf
diff --git a/g/flashes/clickerheroes.swf b/g/flashes/clickerheroes.swf
diff --git a/g/flashes/ducklife.swf b/g/flashes/ducklife.swf
diff --git a/g/flashes/ducklifetreasurehunt.swf b/g/flashes/ducklifetreasurehunt.swf
diff --git a/g/flashes/fancypantsadventure.swf b/g/flashes/fancypantsadventure.swf
diff --git a/g/flashes/jacksmith.swf b/g/flashes/jacksmith.swf
diff --git a/g/flashes/neymarcanplay.swf b/g/flashes/neymarcanplay.swf
diff --git a/g/flashes/portal2d.swf b/g/flashes/portal2d.swf
diff --git a/g/flashes/run-3.swf b/g/flashes/run-3.swf
diff --git a/g/flashes/run2.swf b/g/flashes/run2.swf
diff --git a/g/flashes/supermarioflash.swf b/g/flashes/supermarioflash.swf
diff --git a/game-imgs/AlienHominid.png b/game-imgs/AlienHominid.png
diff --git a/game-imgs/bulletbill.png b/game-imgs/bulletbill.png
diff --git a/game-imgs/ducklife.jpg b/game-imgs/ducklife.jpg
diff --git a/game-imgs/ducklife4.png b/game-imgs/ducklife4.png
diff --git a/game-imgs/ducklifet.png b/game-imgs/ducklifet.png
diff --git a/game-imgs/m64.png b/game-imgs/m64.png
diff --git a/game-imgs/paperio.png b/game-imgs/paperio.png
diff --git a/game-imgs/portal.png b/game-imgs/portal.png
diff --git a/home.html b/home.html
@@ -8,7 +8,8 @@
     <link rel="stylesheet" href="./styles/home.css">
 </head>
     <body>
-        <div class="content" role="main">
+      <div id="particles-js"></div>
+        <div class="content" id="content" role="main">
             <div class="home" id="home">
               <div class="infoTitl">
                 <h1 class="name"> <a class="focusLetter">F</a><a class="focusLetter">R</a><a class="focusLetter">A</a><a class="focusLetter">C</a><a class="focusLetter">I</a><a class="focusLetter">T</a><a class="focusLetter">A</a><a class="focusLetter">L</a></h1>
@@ -39,8 +40,8 @@ <h1 class="name"> <a class="focusLetter">F</a><a class="focusLetter">R</a><a cla
                       <p onclick="clig2();">Community</p>
                     </div>
                 </div>
-                <footer><p class="patlink">Support us at our</p><a class="patlinkc" onclick="patr();"><p>Patreon!</p></a></br></footer>
-                <footer><p>follow our TikTok @fracital</p></footer>
+                <footer><p class="patlink">Support us on our</p><a class="patlinkc" onclick="patr();"><p>Patreon!</p></a></br></footer>
+                <footer><p class="patlink">Check out our tiktok:</p><a class="patlinkc" onclick="tik();"><p>@fracital</p></a></br></footer>
               </div>
               <!-- <div class="enginesearchc">
                 <input type="search" id="enginesearch" placeholder="type a search query to search bing" class="es">
@@ -49,5 +50,7 @@ <h1 class="name"> <a class="focusLetter">F</a><a class="focusLetter">R</a><a cla
 
         </div>
     </body>
+    <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
+    <script src="particlesjs.js"></script>
     <script src="./js/home.js"></script>
 </html>
diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@
         </a>  
     </div>
 
-    <div class="droppies hide" id="droppies">
+    <div class="droppies animateDropUp hide" id="droppies">
       <div class="leftc">
         <div class="btnsc">
           <a class="gamedrop" id="dropgame">

diff --git a/js/alerts.js b/js/alerts.js
@@ -11,13 +11,21 @@ const dialogsL = document.getElementById("dialogsL");
 droppiebtn.addEventListener("click", () => {
     if(droppies.classList.contains("hide")) {
         droppies.classList.remove("hide");
-        droppies.classList.add("show");
+        droppies.classList.add("showPP");
+        droppies.classList.add("animateDropPP");
+        if(droppies.classList.contains("noOpac")) {
+            droppies.classList.remove("noOpac")
+        }
         if(droppies.classList.contains("animateDrop")) {
             droppies.classList.remove("animateDrop");
         }
-    } else if(droppies.classList.contains("show")) {
-        droppies.classList.remove("show");
-        droppies.classList.add("hide");
+    } else if(droppies.classList.contains("showPP")) {
+        droppies.classList.remove("showPP");
+        droppies.classList.add("noOpac");
+        myTime = setTimeout(() =>{
+            droppies.classList.add("hide");
+            clearTimeout(myTime);
+        }, 500);
         if (qld.classList.contains("open")) {
             qld.classList.remove("open");
             qld.classList.add("hidden");
@@ -43,14 +51,20 @@ qlbtm.addEventListener("click", () => {
         qld.classList.remove("hidden");
         qld.classList.add("open");
         droppies.classList.add("animateDrop");
+        if(droppies.classList.contains("animateDropPP")) {
+            droppies.classList.remove("animateDropPP");
+        }
         if(droppies.classList.contains("animateDropUp")) {
             droppies.classList.remove("animateDropUp");
+            droppies.classList.add("animateDrop");
         }
     } else if (qld.classList.contains("open")) {
         qld.classList.remove("open");
         qld.classList.add("hidden");
-        droppies.classList.remove("animateDrop");
-        droppies.classList.add("animateDropUp");
+        if(droppies.classList.contains("animateDrop")) {
+            droppies.classList.remove("animateDrop");
+            droppies.classList.add("animateDropUp");   
+        }
     }
 });
 

diff --git a/js/g.js b/js/g.js
@@ -21,12 +21,14 @@ console.log(link);
 };
 
 const database = [
+    //emulated games
     {
         name: "Retro Bowl",
         type: "emulated",
         icon: "./game-imgs/retro-bowl.jpg",
         path: "./g/retro-bowl/index.html"
     },
+    //html games
     {
         name: "Clumsy Bird",
         type: "html",
@@ -63,6 +65,7 @@ const database = [
         icon: "./game-imgs/simon.png",
         path: "./g/simon-shockers/index.html"
     },
+    //multiplayer games
     {
         name: "Krunker",
         type: "multiplayer",
@@ -81,6 +84,37 @@ const database = [
         icon: "./game-imgs/shellshockers.png",
         path: "shellshock.io"
     },
+    {
+        name: "paper.io",
+        type: "multiplayer",
+        icon: "./game-imgs/paperio.png",
+        path: "paper.io"
+    },
+    //flash games
+    {
+        name: "Duck Life 4",
+        type: "flash",
+        icon: "./game-imgs/ducklife4.png",
+        path: "./g/flash-ems/ducklife.html"
+    },
+    {
+        name: "Alien Hominid",
+        type: "flash",
+        icon: "./game-imgs/AlienHominid.png",
+        path: "./g/flash-ems/alienh.html"
+    },
+    {
+        name: "Bullet Bill",
+        type: "flash",
+        icon: "./game-imgs/bulletbill.png",
+        path: "./g/flash-ems/bulletb.html"
+    },
+    {
+        name: "Portal 2D",
+        type: "flash",
+        icon: "./game-imgs/portal.png",
+        path: "./g/flash-ems/portal2d.html"
+    },
 ]
 
 function selectElement(selector) {
@@ -134,6 +168,11 @@ const g8 = selectElement(".g8");
 const g9 = selectElement(".g9");
 const g10 = selectElement(".g10");
 const g11 = selectElement(".g11");
+const g12 = selectElement(".g12");
+const g13 = selectElement(".g13");
+const g14 = selectElement(".g14");
+const g15 = selectElement(".g15");
+const g16 = selectElement(".g16");
 
 g1.addEventListener("click", () => {
     window.open("./g/retro-bowl/index.html", "_self");
@@ -190,6 +229,31 @@ g11.addEventListener("click", () => {
     parent.document.getElementById("frame").focus();
 });
 
+g12.addEventListener("click", () => {
+    window.open("./g/flash-ems/alienh.html", "_self");
+    parent.document.getElementById("frame").focus();
+});
+
+g13.addEventListener("click", () => {
+    window.open("./g/flash-ems/ducklife.html", "_self");
+    parent.document.getElementById("frame").focus();
+});
+
+g14.addEventListener("click", () => {
+    window.open("./g/flash-ems/bulletb.html", "_self");
+    parent.document.getElementById("frame").focus();
+});
+
+g15.addEventListener("click", () => {
+    window.open("./g/flash-ems/portal2d.html", "_self");
+    parent.document.getElementById("frame").focus();
+});
+
+g16.addEventListener("click", () => {
+    go("paper.io");
+    parent.document.getElementById("frame").focus();
+});
+
 // function setFFR() {
 //     window.open(`${database[i].path}`);
 // }