Jacob
169 lines
5.3 KiB
HTML
169 lines
5.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"> <meta name="robots" content="noodp"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<title>EGRP Loadingscreen</title>
|
|
<link rel="shortcut icon" href="assets/favicon.ico">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600|Raleway:300,400" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/css/custom.css">
|
|
</head>
|
|
<body>
|
|
<!--<audio id="loading" autoplay loop ><source src="https://elite-gaming.gg/assets/Magic-BeatSaber.mp3" type="audio/mp3"></audio>-->
|
|
<div id="main">
|
|
<div id="page-loader">
|
|
<div class="spinner-container">
|
|
<div class="css-spinner">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section id="hero" class="hero hero-1">
|
|
<div class="video-background">
|
|
<iframe class="videoContainer__video" height="100%" width="130%" src="https://www.youtube.com/embed/KirMYCOHoWo?playlist=KirMYCOHoWo&loop=1&autoplay=1&mute=0&controls=0&showinfo=0" frameborder="0"></iframe>
|
|
</div>
|
|
|
|
<div class="front-content page-enter-animated">
|
|
<div class="container-mid"> <img class="logo" src="assets/images/logo.png" alt="logo" width="10%">
|
|
<div class="cycle-wrapper">
|
|
<div id="cycle"> <div class="slide">
|
|
<h1>Elite <a class="color-main"> Gaming</a></h1>
|
|
</div>
|
|
<div class="slide">
|
|
<h1>Gaming<a class="color-main"> Community</a></h1>
|
|
</div>
|
|
<div class="slide">
|
|
<h1>And<a class="color-main"> Roleplay</a></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>SCROLL DOWN</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="background-content page-enter-animated">
|
|
<div class="level-1">
|
|
<div class="bg-overlay"></div>
|
|
<div class="bg-pattern"></div>
|
|
<div id="canvas">
|
|
<canvas class="bg-effect layer" data-depth="0.2"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="level-2">
|
|
<div class="bg-image layer" data-depth="0.04"></div>
|
|
<div class="bg-video layer" data-depth="0.04"></div>
|
|
<div class="bg-color layer" data-depth="0.04"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div id="overlay">
|
|
<section class="overlay">
|
|
<div class="content">
|
|
<div class="container-mid">
|
|
<div class="container">
|
|
<h1>RULES</h1>
|
|
<h5>1. Treat everyone with respect.</h5>
|
|
<h5>2. Do not share inappropriate content.</h5>
|
|
<h5>3. Do not steal emergency vehicles if roleplaying.</h5>
|
|
<h5>4. Player cannot roleplay anything that can be deembed as intense or inappropriate.</h5>
|
|
<h5>5. Use your common sense, we are here to have fun.</h5>
|
|
<h5>6. Any other form of harassment is not tolerated.</h5>
|
|
<h5>7. Do not abuse noclip mode.</h5>
|
|
<h5>8. You may find further rules and procedures in-game using F7.</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!--<section class="overlay">
|
|
<div class="content">
|
|
<div class="container-mid">
|
|
<div class="container">
|
|
<h1>HEAD OF STAFF</h1>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/staff/Jacobee.png" style="width:80%">
|
|
<h2>ThatGuyJacobee</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/staff/Oreo.png" style="width:80%">
|
|
<h2>King Rodriguez</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/staff/vJack.png" style="width:80%">
|
|
<h2>vJack</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>-->
|
|
<!--<section class="overlay">
|
|
<div class="content">
|
|
<div class="container-mid">
|
|
<div class="container">
|
|
<h1>EGRP STAFF</h1>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/choxie.png" style="width:50%">
|
|
<h2>Choxie</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/skyler.png" style="width:50%">
|
|
<h2>Skylerblue21</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/aF.png" style="width:50%">
|
|
<h2>aF</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/harold.png" style="width:50%">
|
|
<h2>Harold</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/vague.png" style="width:50%">
|
|
<h2>Vague</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/partner.png" style="width:50%">
|
|
<h2>Partner 5</h2>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="card">
|
|
<img src="assets/images/partner/partner.png" style="width:50%">
|
|
<h2>Partner 6</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>-->
|
|
|
|
<script type="text/javascript" src="assets/js/script.js"></script>
|
|
<script>
|
|
var play = false;
|
|
var vid = document.getElementById("loading");
|
|
vid.volume = 0.2;
|
|
window.addEventListener('keyup', function(e)
|
|
{
|
|
if (e.which == 69){
|
|
vid.volume = Math.min(vid.volume + 0.1,1);
|
|
} else if(e.which == 65){
|
|
vid.volume = Math.max(vid.volume - 0.1,0);
|
|
};
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |