index.html

<!doctype html>
<html>
    <head>
        <!-- Stuff that changes -->
        <title>JadynHax's Website</title>
        <meta name="application-name" content="JadynHax's Website" />
        <meta property="og:title" content="JadynHax's Website" />
        <meta name="description" content="JadynHax's HTML Code Lab. In a permanent unfinished state." />
        <meta property="og:description" content="JadynHax's HTML Code Lab. In a permanent unfinished state." />
        <meta property="og:url" content="https://jadynhax.github.io/" />

        <!-- Stuff that doesn't change -->
        <base href="https://jadynhax.github.io/" />
        <link rel="stylesheet" href="/assets/style/main.css" />
        <link rel="stylesheet" href="/assets/style/font.css" />
        <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Flamenco&family=Nova+Flat&family=Nova+Round&family=Oxanium:wght@400;700&display=swap" rel="stylesheet" />
        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/favicons/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/favicons/apple-touch-icon-114x114.png" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/favicons/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/favicons/apple-touch-icon-144x144.png" />
        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/assets/favicons/apple-touch-icon-60x60.png" />
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/favicons/apple-touch-icon-120x120.png" />
        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/favicons/apple-touch-icon-76x76.png" />
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/favicons/apple-touch-icon-152x152.png" />
        <link rel="icon" type="image/png" href="/assets/favicons/favicon-196x196.png" sizes="196x196" />
        <link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="96x96" />
        <link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16" />
        <link rel="icon" type="image/png" href="/assets/favicons/favicon-128.png" sizes="128x128" />
        <meta property="og:type" content="website" />
        <meta property="og:image" content="https://jadynhax.github.io/assets/favicons/favicon-196x196.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="msapplication-TileColor" content="#FFFFFF" />
        <meta name="msapplication-TileImage" content="/assets/favicons/mstile-144x144.png" />
        <meta name="msapplication-square70x70logo" content="/assets/favicons/mstile-70x70.png" />
        <meta name="msapplication-square150x150logo" content="/assets/favicons/mstile-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="/assets/favicons/mstile-310x150.png" />
        <meta name="msapplication-square310x310logo" content="/assets/favicons/mstile-310x310.png" />
        <script src="https://kit.fontawesome.com/d2300f412a.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="/assets/highlight/styles/atom-one-dark.css" />
        <script src="/assets/highlight/highlight.pack.js"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="/assets/js/common.js"></script>
        <script src="/assets/js/obfuscator.js"></script>
        <script src="/assets/js/filesystem.js"></script>
        <script>
            document.addEventListener("DOMContentLoaded", function(){
                $('#navbar').load('/navbar.html')
            });
        </script>
    </head>
    <body>
        <div id="navbar" class="navbar"></div>
        <header class="page-head fade-in">
            <h1><div class="obfuscate" style="display: inline-block;">HEY THERE!</div></h1>
            <script type="text/javascript">
                var obfuData = {
                    "delay":3000,
                    "startTime":40,
                    "endTime":60,
                    "dispTime":1750,
                    "loop":false,
                    "chars":"0123456789!&lt;&gt;&amp;-_\\/[]{}—=+*^?#",
                    "phrases":[
                        'I\'m JadynHax.',
                        'As you can see,',
                        'I make stuff like this.',
                        'This is where',
                        'I put that stuff',
                        'for other people',
                        'to use.',
                        'Feel free',
                        'to take a look around!',
                        'Goodbye for now.',
                        'HEY THERE!'
                    ]
                }
                obfuscateOnLoad(obfuData, ".obfuscate");
            </script>
        </header>
        <section class="page-content accent fade-in">
            <p>Nice of you to stop by! I don't get many visitors here.</p>
            <p>Essentially, this website is here to act as my portfolio/place to show off! If you'd like to take a look around, simply use the links in the navigation bar at the top of the screen to find your way to the cool stuff!</p>
            <p>If anything on here has issues feel free to report it in the <a href="https://github.com/JadynHax/jadynhax.github.io/issues">GitHub repository</a>!</p>
        </section>
        <footer class="page-foot fade-in">
            <h3>TL;DR</h3>
            <p>This is the place I'm using in the future to experiment with web programming and its capabilities, along with showing off the other projects I've completed.</p>
        </footer>
    </body>
</html>