Homepage/index.html

72 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!--Styles and meta-->
<title>RedXen Community</title>
<meta name="description" content="The community that empowers gamers.">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="keywords" content="rx,redxen,community,game,games,server,discord,pmbot,forum">
<meta name="author" content="caskd">
<meta name="theme-color" content="#d22">
<link rel="icon" sizes="222x222" href="res/logowhite.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="stylesheet" href="css/important.css">
</head>
<body style="background-color: #711">
<div id="bg" class="bg-landing">
<img alt="background" data-depth="0.2" src="res/bg.webp">
</div>
<div id="page" class="page flex column">
<div class="branding flex row float">
<div class="brand flex column justify-center">
<h1 class="slide-top flex column h-hide">RedXen Community</h1>
<div class="slide-left flex column">
<p class="h-hide">The community that empowers gamers</p>
<div class="h-hide links flex">
<a id="abt-btn" href="#">About</a>
<a href="https://redxen.eu/discord">Discord</a>
<a href="https://sb.redxen.eu/">Sourcebans</a>
<a href="https://forum.redxen.eu/">Forums</a>
<a href="https://yagpdb.redxen.eu/">PMBot</a>
<a href="https://status.redxen.eu/">Status</a>
</div>
<div id="abt" class="slide-top hide about">
<div class="tabs flex">
<a href="#" class="tab chosen" data-tab="tab-1">Staff</a>
<a href="#" class="tab" data-tab="tab-2">Servers</a>
<a href="#" class="tab" data-tab="tab-3">Discord</a>
<a href="#" class="tab" data-tab="tab-4">Contact</a>
<div class="spacer"></div>
<a href="#" class="close" id="close">X</a>
</div>
<div id="content" class="abt"></div>
</div>
</div>
</div>
<div class="spacer"></div>
<div class="logo slide-top">
<img alt="logo" src="res/logo.svg">
</div>
</div>
</div>
<div class="unsupported">
<div class="unsupported-text">
<p>Your resolution is known to cause problems!</p>
<p>Please resize your window to a supported resolution.</p>
</div>
</div>
<noscript><link rel="stylesheet" href="css/rules.css"></noscript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js" defer></script>
<script src="js/main.js" defer></script>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link rel="manifest" href="/manifest.json">
<noscript><link rel="stylesheet" href="css/responsive.css"></noscript>
<noscript><link rel="stylesheet" href="css/animations.css"></noscript>
</body>
</html>