index.html

<html>
    <head>
        <link rel="icon" href="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <link rel="shortcut icon" href="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <title>Wingy Ship!</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Drag your mouse or your screen to control the ship!">
        <meta name="author" content="OftenGuy">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Wingy Ship!">
        <meta property="og:description" content="Drag your mouse or your screen to control the ship!">
        <meta property="og:url" content="https://wingy-ship.github.io"> 
        <meta property="og:site_name" content="Wingy Ship!">
        <meta property="og:image" content="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <meta property="og:image:width" content="35">
        <meta property="og:image:height" content="50">
        <meta property="og:image:alt" content="Wingy Ship!">
        <link rel="stylesheet" href="https://wingy-ship.github.io/Assets/CascadingStyleSheets/home.css">
        <script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.5.1/dist/jquery.slim.min.js,npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js,npm/@iconify/iconify@3.0.1" crossorigin></script>
    </head>
    <body style="position: inherit;">
        <div id="HomeNavBar" style="height: 100px;">
            <a href="https://wingy-ship.github.io" title="Wingy Ship!" target="_blank"><img src="https://wingy-ship.github.io/Assets/Images/Icon.png" alt="Wingy Ship!" width="55" height="64" style="-webkit-filter: drop-shadow(1px 1px 0 black); filter: drop-shadow(1px 1px 0 black); margin-left: 10px; margin-top: 10px;"><p style="margin-left: 70px; margin-top: -45px; font-size: 20px;">Wingy Ship!</p></a>
            <a href="https://wingy-ship.github.io/play" title="Play" target="_blank" style="position: absolute; margin: 0; top: 4%; left: 80%; transform: translate(0%, 0%);"><span class="iconify" data-icon="mdi:play"></span> Play</a>
            <a href="https://wingy-ship.github.io/about" title="About" target="_blank" style="position: absolute; margin: 0; top: 4%; left: 90%; transform: translate(0%, 0%);"><span class="iconify" data-icon="mdi:information"></span> About</a>
        </div>
        <div id="HomeIntro" style="height: 750px;"><br><br><br><br><br><br>
            <h1 style="font-size: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wingy Ship!</h1>
            <h3 style="font-size: 25px; font-weight: lighter;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Drag your mouse or your screen to control the ship!</h3>
            <a href="https://wingy-ship.github.io/play" title="Play" target="_blank"><img src="https://wingy-ship.github.io/Assets/Images/WingyShip.png" alt="Play" style="margin-top: -300px; margin-bottom: -250px; margin-left: 975px; border: 5px solid white; border-radius: 25px; left: -30%; top: 0%; transform: translate(-30%, 0%);" id="PlayThumbnail"><span class="iconify" data-icon="mdi:play" style="font-size: 200px; margin-top: -225px; margin-bottom: 250px; margin-left: 1111px; transform: translate(-70%, 0%);"></span></a>
        </div>
        <div id="HomeFooter" style="height: 87px;">
            <a href="https://wingy-ship.github.io" title="Wingy Ship!"><img src="https://wingy-ship.github.io/Assets/Images/Icon.png" alt="Wingy Ship!" width="55" height="64" style="-webkit-filter: drop-shadow(1px 1px 0 black); filter: drop-shadow(1px 1px 0 black); margin-left: 10px; margin-top: 10px;"><p style="margin-left: 70px; margin-top: -45px; font-size: 20px;">Wingy Ship!</p></a>
            <a href="https://oftenguy.github.io" title="OftenGuy" target="_blank"><p style="margin-top: -45px; position: absolute; left: 50%; transform: translate(-50%, 0%);">&copy; 2023-<span id="CurrentYear">Present</span> OftenGuy &copy;</p></a>
        </div>
        <script>
            document.getElementById("CurrentYear").innerHTML = new Date().getFullYear();
        </script>
    </body>
</html>