diff --git a/css/loading.css b/css/loading.css index 12e55b96..ac0f5e8d 100644 --- a/css/loading.css +++ b/css/loading.css @@ -22,7 +22,7 @@ body { justify-content: center; align-items: center; z-index: 6; - pointer-events: none; + cursor: progress; } .loading-icon { @@ -35,7 +35,6 @@ body { width: 256; height: 256; scale: 0.6; - pointer-events: visiblePainted; } .loading-tip { diff --git a/css/style.css b/css/style.css index 0e4dd87c..33f44537 100644 --- a/css/style.css +++ b/css/style.css @@ -1,14 +1,37 @@ @import url('https://fonts.googleapis.com/css2?family=Trispace:wght@100&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@500&display=swap'); -/*i titled these poorly, without trying how any of it looks*/ :root { --bg: #202020; --block-color: #2b2b2b; --button-color: #373737; + --games-color: #373737a6; --hover-color: #3c3c3c; + --scrollbar-color: #434343; + --scroll-track-color: #111; --font-color: #dcddde; - --font-family: 'Work Sans', sans-serif; + --font-family: 'Assistant', sans-serif; +} + +::-webkit-scrollbar { + width: 20px; +} + +::-webkit-scrollbar-thumb { + background: var(--scrollbar-color); + background-clip: content-box; + border-radius: 16px; + border: 2.9px solid transparent; + box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25); + transition: all 0.2s ease-in; +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--hover-color); +} + +::-webkit-scrollbar-track { + background: linear-gradient(90deg,var(--scrollbar-color),var(--scrollbar-color) 1px,var(--scroll-track-color) 0,var(--scroll-track-color)); } html { @@ -59,17 +82,23 @@ body.noscript { display: grid; } -.homepage { +.homepage, .games, .proxy, .settings { position: absolute; top: 0; left: 0; margin-top: 15rem; + width: 100vw; display: flex; justify-content: center; align-items: center; z-index: 10; } +.games { + flex-direction: column; + top: 2.5%; +} + #title { z-index: 50; position: relative; @@ -89,6 +118,57 @@ body.noscript { pointer-events: none; } +#gamesList { + list-style: none; + padding: 0; + margin: 0; + z-index: 10; + width: 75%; + height: 60vh; + font-family: var(--font-family); + overflow-y: scroll; +} + +#gamesList li { + padding: 1rem; + transition: all 0.2s ease-in; + letter-spacing: 1px; + background-color: var(--games-color); +} + +#gamesList li:hover, #gamesList li:focus, #gamesList .active { + background-color: var(--hover-color); +} + +.searchbar { + display: flex; + width: 75%; + justify-content: center; + margin-bottom: 5px; +} + +#search { + all: unset; + margin-right: 4px; + width: 100%; + padding: 1rem; + font-family: var(--font-family); + color: var(--font-color); + background-color: var(--block-color); +} + +#sort { + all: unset; + margin: 0; + border: none; + background-color: var(--block-color); + color: var(--font-color); + font-size: 1rem; + font-family: var(--font-family); + padding: 1rem; + width: 20%; +} + logo img { z-index: 50; position: fixed; @@ -97,18 +177,38 @@ logo img { scale: 0.45; } +img[alt="MonkeyGG2 Icon"] { + filter: brightness(110%); +} + +img[alt="Proxy Icon"] { + margin: -1rem 0; +} + +.card .img-container { + max-width: 256px; + max-height: 256px; + margin: 2rem 0; + display: inline-flex; + justify-content: center; + align-items: center; +} + +.card .img-container > img, svg { + width: 100%; +} + .card-row { display: flex; flex-direction: row; - width: 90%; + width: 75%; } .column { text-align: center; float: left; - width: 25%; + width: 33%; padding: 0 10px; - cursor: pointer; } .column button { @@ -122,11 +222,11 @@ logo img { .card { box-shadow: var(--button-color) 0 4px 8px 0; - padding: 16px; + padding: 12px; text-align: center; background-color: var(--button-color); border-radius: 50px; - font-size: 150%; + font-size: 1.2rem; text-decoration: none; color: var(--font-color); font-family: var(--font-family); @@ -134,6 +234,24 @@ logo img { cursor: pointer; } +.card h5 { + font-size: 2rem; + letter-spacing: 1px; + margin: 2px; +} + .card:hover { background-color: var(--hover-color); +} + +#page-loader iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 999; + margin: 0; + padding: 0; + border: 0; } \ No newline at end of file diff --git a/game-info.jsonc b/game-info.jsonc new file mode 100644 index 00000000..066ab812 --- /dev/null +++ b/game-info.jsonc @@ -0,0 +1,169 @@ +/* + Data for all games + + "name-of-game": "path/to/game" + + The path should be from the games directory. + + The list does not have to be ordered in any way but for the + sake of simplicity we will order this list alphanumerically. +*/ +{ + "1v1.LOL": "1v1-lol", + "2048": "2048", + "Achievement Unlocked": "flash/?game=achievement-unlocked", + "Achievement Unlocked 2": "w-flash/?game=achievement-unlocked-2", + "Achievement Unlocked 3": "w-flash/?game=achievement-unlocked-3", + "A Dark Room": "a-dark-room", + "Abandoned": "abandoned", + "Ages of Conflict": "ages-of-conflict", + "Age of War": "flash/?game=age-of-war", + "Age of War Hacked": "flash/?game=age-of-war-hacked", + "Amidst The Sky": "amidst-the-sky", + "Another Gentlemans Adventure": "another-gentlemans-adventure", + "Awesome Tanks": "awesome-tanks", + "Awesome Tanks 2": "awesome-tanks-2", + "Babel Tower": "babel-tower", + "Basketball Stars": "basketball-stars", + "Bloons": "flash/?game=bloons", + "Bloons TD 1": "flash/?game=bloons-td-1", + "Bloons TD 2": "flash/?game=bloons-td-2", + "Bloons TD 3": "w-flash/?game=bloons-tower-defense-3", + "Bloons TD 4": "w-flash/?game=bloons-tower-defense-4", + "Bloons TD 5": "w-flash/?game=bloons-tower-defense-5", + "Bloxorz": "flash/?game=bloxorz", + "Brawl Stars Project Laser": "brawl-stars-project-laser", + "Breaklock": "breaklock", + "Cat Ninja": "w-flash/?game=cat-ninja", + "Curveball": "flash/?game=curveball", + "Chrome Dino": "chrome-dino", + "Clicker Heroes": "clicker-heroes", + "Clicker Heroes Updated": "clicker-heroes-updated", + "Cookie Clicker": "cookie-clicker", + "Core Ball": "core-ball", + "Crossy Road": "crossy-road", + "Conway's Game of Life": "conways-game-of-life", + "Creative Kill Chamber": "flash/?game=creative-kill-chamber", + "Cut The Rope": "cut-the-rope", + "Dadish": "dadish", + "Dadish 2": "dadish-2", + "Don't Escape": "w-flash/?game=dont-escape", + "Don't Escape 2": "w-flash/?game=dont-escape-2", + "Don't Escape 3": "w-flash/?game=dont-escape-3", + "Doodle Jump": "doodle-jump", + "Drift Boss": "drift-boss", + "Drift Hunters": "drift-hunters", + "Drive Mad": "drive-mad", + "Duck Life": "flash/?game=duck-life", + "Duck Life 2": "flash/?game=duck-life-2", + "Duck Life 3": "flash/?game=duck-life-3", + "Duck Life 4": "duck-life-4", + "Duck Life Treasure Hunt": "w-flash/?game=duck-life-treasure-hunt", + "Dune!": "dune", + "Eaglercraft 1.5.2": "eaglercraft", + "Eaglercraft 1.8.8 (Multiplayer Only)": "eaglercraftx/", + "EvoWars": "evowars", + "Escape The Car": "flash/?game=escape-the-car", + "Escape The Closet": "flash/?game=escape-the-closet", + "Escape The Phonebooth": "flash/?game=escape-the-phonebooth", + "Escape The Bathroom": "flash/?game=escape-the-bathroom", + "Escape The Freezer": "w-flash/?game=escape-the-freezer", + "Escape The Shack": "w-flash/?game=escape-the-shack", + "Fireboy and Watergirl": "fireboy-and-watergirl", + "Fireboy and Watergirl 2": "fireboy-and-watergirl-2", + "Fireboy and Watergirl 3": "fireboy-and-watergirl-3", + "Fireboy and Watergirl 4": "fireboy-and-watergirl-4", + "Flash Chess": "flash/?game=flash-chess", + "Friday Night Funkin": "friday-night-funkin", + "Factory Balls": "flash/?game=factory-balls", + "Flappy Bird": "flappy-bird", + "Getaway Shootout": "getaway-shootout", + "Gons io": "gons-io", + "Gun Mayhem": "flash/?game=gun-mayhem", + "Gun Mayhem 2": "flash/?game=gun-mayhem-2", + "Gun Spin": "gunspin", + "Henry Stickmin 0: Breaking The Bank": "flash/?game=breaking-the-bank", + "Henry Stickmin 1: Escaping The Prison": "flash/?game=escaping-the-prison", + "Henry Stickmin 2: Stealing The Diamond": "flash/?game=stealing-the-diamond", + "Henry Stickmin 3: Infiltrating The Airship": "flash/?game=infiltrating-the-airship", + "Henry Stickmin 4: Fleeing the Complex": "flash/?game=fleeing-the-complex", + "Hextris": "hextris", + "Incremancer": "incremancer", + "Learn To Fly": "flash/?game=learn-to-fly", + "Learn To Fly 2": "w-flash/?game=learn-to-fly-2", + "Idle Breakout": "idle-breakout", + "Maptroid": "maptroid", + "Mario": "mario-game", + "Monkey Mart": "monkey-mart", + "MotoX3M": "motox3m", + "N-gon": "n-gon", + "Papas Pizzeria": "flash/?game=papas-pizzaria", + "Papas Freezeria": "w-flash/?game=papas-freezeria", + "Particle Clicker": "particle-clicker", + "Planet Life": "planet-life", + "P.craft": "pcraft", + "Precision Client (Eaglercraft 1.5.2)": "precision-client/", + "Progress Knight": "progress-knight", + "Pull Of War": "pull-of-war", + "Reach The Core": "reach-the-core", + "Raft Wars": "flash/?game=raft-wars", + "Raft Wars 2": "flash/?game=raft-wars-2", + "Retro Bowl": "retro-bowl", + "Retro Bowl Old": "retro-bowl-old", + "Rogue Soul": "w-flash/?game=rogue-soul", + "Rogue Soul 2": "w-flash/?game=rogue-soul-2", + "Riddle School": "flash/?game=riddle-school", + "Riddle School 2": "flash/?game=riddle-school-2", + "Riddle School 3": "flash/?game=riddle-school-3", + "Riddle School 4": "flash/?game=riddle-school-4", + "Riddle School 5": "flash/?game=riddle-school-5", + "Riddle Transfer": "flash/?game=riddle-transfer", + "Riddle Transfer 2": "flash/?game=riddle-transfer-2", + "Rooftop Snipers": "rooftop-snipers", + "Rookie Bowman": "rookie-bowman", + "Run 3": "run-3", + "Sandspiel": "sandspiel", + "Scuba Bear": "scuba-bear", + "Slope": "slope", + "Smash Karts": "smash-karts", + "Stickman Hook": "stickman-hook", + "Subway Surfers": "subway-surfers", + "Subway Surfers New York": "subway-surfers-ny", + "Stick War": "flash/?game=stick-war", + "Submachine": "flash/?game=submachine", + "Submachine 2": "flash/?game=submachine-2", + "Submachine 3": "flash/?game=submachine-3", + "Submachine 4": "flash/?game=submachine-4", + "Submachine 5": "flash/?game=submachine-5", + "Submachine 6": "flash/?game=submachine-6", + "Submachine 7": "flash/?game=submachine-7", + "Submachine 8": "flash/?game=submachine-8", + "Submachine 9": "flash/?game=submachine-9", + "Submachine 10": "flash/?game=submachine-10", + "Submachine 0": "flash/?game=submachine-0", + "Submachine 32 Chambers": "flash/?game=submachine-32-chambers", + "Submachine FLF": "flash/?game=submachine-flf", + "Sugar Sugar": "w-flash/?game=sugar-sugar", + "The Final Earth": "the-final-earth", + "There Is No Game": "there-is-no-game", + "Time Shooter": "time-shooter", + "Time Shooter 3": "time-shooter-3", + "Tiny Fishing": "tiny-fishing", + "Trace": "trace", + "Tanuki Sunset": "tanuki-sunset", + "Temple Run 2": "temple-run-2", + "The Impossible Quiz": "flash/?game=the-impossible-quiz", + "This Is The Only Level": "flash/?game=this-is-the-only-level", + "This Is The Only Level 2": "w-flash/?game=this-is-the-only-level-2", + "Tunnel Rush": "tunnel-rush", + "Two Ball 3d": "two-ball-3d", + "Vex 3": "vex-3", + "Vex 4": "vex-4", + "Vex 5": "vex-5", + "Vex 6": "vex-6", + "Vex 7": "vex-7", + "Web OSU": "web-osu", + "Ultimate Chess": "w-flash/?game=ultimate-chess", + "X Trench Run": "x-trench-run", + "Yohoho": "yohoho" +} \ No newline at end of file diff --git a/games/core-ball/image/WB_logo.png b/games/core-ball/image/WB_logo.png new file mode 100644 index 00000000..8ad3d7f1 Binary files /dev/null and b/games/core-ball/image/WB_logo.png differ diff --git a/games/core-ball/image/arrow.png b/games/core-ball/image/arrow.png new file mode 100644 index 00000000..636759e5 Binary files /dev/null and b/games/core-ball/image/arrow.png differ diff --git a/games/core-ball/image/btn_fw.png b/games/core-ball/image/btn_fw.png new file mode 100644 index 00000000..52aad62a Binary files /dev/null and b/games/core-ball/image/btn_fw.png differ diff --git a/games/core-ball/index.html b/games/core-ball/index.html new file mode 100644 index 00000000..e0c90170 --- /dev/null +++ b/games/core-ball/index.html @@ -0,0 +1,40 @@ + + +
+ + + + + +This map will be resumed automatically the next time you use the editor on this computer.
Alternately, you may copy this text to work on again later using Load (the button next to Save).
super
MARIO BROS.
Move: Arrows/WASD
Fire/Sprint: Shift/CTRL
Pause/Mute: P/M
This map will be resumed automatically the next time you use the editor on this computer.
Alternately, you may copy this text to work on again later using Load (the button next to Save).
super
MARIO BROS.
Move: Arrows/WASD
Fire/Sprint: Shift/CTRL
Pause/Mute: P/M