BluePotato102
114 lines
7.2 KiB
HTML
114 lines
7.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>MonkeyGG2</title>
|
|
<meta name="description" content="Cool site for stuff">
|
|
<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">
|
|
|
|
<!-- preloading some resources -->
|
|
<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">
|
|
<link href="css/loading.css" rel="preload" as="style" type="text/css">
|
|
|
|
<!-- now loading css -->
|
|
<link href="css/loading.css" rel="stylesheet" type="text/css">
|
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
<noscript>
|
|
<p id="noscript-text">
|
|
This site requires you to be able to run JavaScript.
|
|
</p>
|
|
</noscript>
|
|
|
|
<div class="loading">
|
|
<div>
|
|
<div class="loading-tip">
|
|
</div>
|
|
<div class="loading-infinity">
|
|
<br>
|
|
<svg class="infinity" viewBox="0 0 256 128" width="256px" height="128px" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="grad1" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0%" stop-color="#5ebd3e" />
|
|
<stop offset="33%" stop-color="#ffb900" />
|
|
<stop offset="67%" stop-color="#f78200" />
|
|
<stop offset="100%" stop-color="#e23838" />
|
|
</linearGradient>
|
|
<linearGradient id="grad2" x1="1" y1="0" x2="0" y2="0">
|
|
<stop offset="0%" stop-color="#e23838" />
|
|
<stop offset="33%" stop-color="#973999" />
|
|
<stop offset="67%" stop-color="#009cdf" />
|
|
<stop offset="100%" stop-color="#5ebd3e" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g fill="none" stroke-linecap="round" stroke-width="16">
|
|
<g class="track" stroke="rgba(0,0,0,0)">
|
|
<path d="M8,64s0-56,60-56,60,112,120,112,60-56,60-56"/>
|
|
<path d="M248,64s0-56-60-56-60,112-120,112S8,64,8,64"/>
|
|
</g>
|
|
<g stroke-dasharray="180 656">
|
|
<path class="worm1" stroke="url(#grad1)" stroke-dashoffset="0" d="M8,64s0-56,60-56,60,112,120,112,60-56,60-56"/>
|
|
<path class="worm2" stroke="url(#grad2)" stroke-dashoffset="358" d="M248,64s0-56-60-56-60,112-120,112S8,64,8,64"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="loading-icon">
|
|
<img src="imgs/icon.png" alt="MonkeyGG2 Icon" onclick="this.src = 'imgs/secret-icon.png'">
|
|
</div>
|
|
</div>
|
|
<section id="everything-else">
|
|
<h1 id="title">MonkeyGG2</h1>
|
|
<logo>
|
|
<img src="imgs/icon.png" alt="MonkeyGG2 Icon" onclick="this.src = 'imgs/secret-icon.png'">
|
|
</logo>
|
|
<div id="particles"></div>
|
|
|
|
<div class="homepage">
|
|
<div class="card-row">
|
|
<div class="column">
|
|
<button>
|
|
<div class="card">
|
|
<h1>Placeholder</h1> <!-- what 4 things are we putting? (all) games, settings, changelog, about blank, game of the week, etc-->
|
|
<img src="https://placehold.co/200" alt="placeholder">
|
|
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore repellat blanditiis exercitationem nesciunt enim esse nihil aliquam deserunt ratione, rerum possimus placeat consequuntur excepturi repudiandae tenetur eos ut delectus fuga?</h5>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="column">
|
|
<button>
|
|
<div class="card">
|
|
<img src="" alt="">
|
|
<h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, ut molestias sapiente corrupti odio vitae in illum consectetur nam veniam. Quis explicabo exercitationem vitae asperiores esse libero, voluptates magnam praesentium.</h5>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="column">
|
|
<button>
|
|
<div class="card">
|
|
<img src="" alt="">
|
|
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit, fugit placeat. Esse, accusamus amet in accusantium minus debitis fuga? Rem, eius. Laudantium, accusantium? Deleniti suscipit sint, doloremque sed enim ipsum?</h5>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="column">
|
|
<button>
|
|
<div class="card">
|
|
<img src="" alt="">
|
|
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis explicabo provident quae similique placeat. Magni commodi odit dolorum sed eaque impedit animi explicabo dignissimos? Id dolorem eum et nisi expedita!</h5>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" defer></script>
|
|
<script src="js/loading.js" defer></script>
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.min.js' defer></script>
|
|
<script src="js/bg.js" defer></script>
|
|
</body>
|
|
</html> |