Jacob
159 lines
9.5 KiB
HTML
159 lines
9.5 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?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&mute=1" 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. You must sign-up and create a civilian on our CAD at: cad.elite-gaming.co.uk</h5>
|
|
<h5>2. Any RDM/VDM is strictly prohibited.</h5>
|
|
<h5>3. Roleplay everything you do, don't revive mid scenario.</h5>
|
|
<h5>4. You cannot steal any emergency vehicles.</h5>
|
|
<h5>5. Players cannot role-play sexual assault, rape, or anything that can be deemed as intense and inappropriate behavior.</h5>
|
|
<h5>6. Report people who aren't following the rules via /report.</h5>
|
|
<h5>7. Racism, bigotry, anti-antisemitism, and any other form of harassment is not tolerated.</h5>
|
|
<h5>8. Don't abuse noclip.</h5>
|
|
<h5>9. Flying air vehicles is allowed, as long as you are cautious of others.</h5>
|
|
<h5>10. You may find further rules and procedures in-game using F7.</h5>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<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/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>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="assets/js/script.js"></script>
|
|
<script>
|
|
var play = false;
|
|
var vid = document.getElementById("loading");
|
|
vid.volume = 0.3;
|
|
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> |