index.html

<?php
include 'assets/app.php';
 ?>
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Oracle Station</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel='stylesheet' type='text/css' href='css/normalize.css' />
    <link rel='stylesheet' type='text/css' href='css/skeleton.css' />
    <link href="https://fonts.googleapis.com/css?family=Raleway:300|Source+Sans+Pro" rel="stylesheet" />
    <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
    <script src="//code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="js/preload.js" type="text/javascript"></script>
    <!-- Disable preloader for those with javascript disabled-->
    <noscript>
      <style>
        #preloader {
        display: none;
        }
      </style>
      </noscript>
</head>

<body>
    <!-- Briefly preload everything before showing the page -->
    <div id="preloader">
        <img src='images/oracle.svg' id="preload-image">
    </div>
    <!-- Background parallax -->
    <div class="layer1"></div>
    <div class="layer2"></div>
    <div class="layer3"></div>

    <div class="container">
        <div class="logo">
            <h1 id="textlogo">
                <img src="images/oracle.svg">ORACLE STATION</h1>
        </div>
        <!-- Navbar -->
        <nav>
            <a href="https://play.oraclestation.com/" style='float: left;'><i class="fas fa-gamepad"></i><span class='hackyspace'>Play Now!</span></a>
            <a href="https://discord.gg/JbNpMuP"><i class="fab fa-discord"></i><span class='hackyspace'>Discord</span></a>
            <a href="https://github.com/OracleStation/OracleStation"><i class="fab fa-github"></i><span class='hackyspace'>Github</span></a>
            <a href="https://wiki.oraclestation.com/"><i class="fab fa-wikipedia-w"></i><span class='hackyspace'>Wiki</span></a>
            <a href="https://forums.oraclestation.com/"><i class="far fa-comment"></i><span class='hackyspace'>Forums</span></a>
        </nav>
        <div class='heading row'>
            <h1>Welcome to Oracle Station!</h1>
        </div>
        <div class='panel-numero-uno row'>
            <img class='poster' src='https://i.imgur.com/HdySzhQ.png'>
            <div class="info">
                <p>
                    We are a medium RP Space Station 13 server running our own fork of the /tg/station code. We are aiming to find a balance between the standard goofy gameplay of Space Station 13 while also providing fun opportunities for those who enjoy more roleplay-oriented gameplay.</p>
                <ul>
                    <li>Our brig system has been reworked. What used to be 'permabrig' has been reworked into 'genpop', where every convict is issued an ID with a set amount of time on them. When the ID expires, they can walk out through the turnstiles.</li>
                    <li>An in-depth medical system ported from Baystation 12.</li>
                    <li>Movement speed more in line with Colonial Marines, allowing for more strategic play.</li>
                </ul>
                <p>
                    The Oracle codebase is developed the community and maintained by a small group of SS13 developers. A delicious blend of roleplay, action, and standard SS13 silliness, Oracle Station is a station sure to please.
                </p>
            </div>
            <div class="recent-pr">
                <script src="js/retrieveGithubJson.js" >
                </script>
            </div>
        </div>
        <div id='copyright'>
            <p>&copy; 2017-2018 Oracle Station, art by <a href="https://bkgs.tumblr.com/" style="color: lightblue;">Feih</a>
            </p>
        </div>
    </div>
</body>

</html>