index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="FatCat">
    <meta name="description" content="The super official website for FatCat_mc">
    <title>FatCat Gaming</title>
    <link rel="icon" href="/site/img/profile.ico" type="image/x-icon" />
    <link rel="stylesheet" href="main.css" type="text/css">
    
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
    .light-mode{
  background-color: #ddd;
  color: #222;
}
</style>
<body>
<section>
    <ul class="header">
        <li><a href="index.html"><button class="nav-button">HOME</button></a></li>
        <li><a href="contact_me.html"><button>SOCIALS</button></a></li>
        <li><a href="music.html"><button>MUSIC</button></a></li>
        <li><a href="about.html"><button>ABOUT</button></a></li>
        <button onclick="myFunction()">Toggle dark mode</button>
        <script>function myFunction() {
            var element = document.body;
            element.classList.toggle("light-mode");
         }</script>
    </ul>
</section>

<div class="header-big"><u></u>Hey There!</u></div>

<p>Welcome to my super cool official website! Look around if you want!
</p>

<hr>

<h2>MY <b>MOST POPULAR VIDEO TO DATE</b></h2>
    <iframe src="https://youtube.com/embed/7meLQk8jhUs?feature=share" frameborder="0" height="480" width="270"></iframe>
<h2>MY MOST POPULAR LONG FORM VIDEO</h2>
    <iframe class="center" width="560" height="315" src="https://www.youtube.com/embed/NtPFrqXRiL0" title="YouTube video player" frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>



<hr>

<h3>Discord Server</h3>
<p>I don't know why I put this here and not in the <a href="contact_me.html">contact me</a> page, I just felt like it
<br>Anyways, if your interested in meeting new people, or having a conversation with me(Yes I come on there A LOT) then just use the embed below, made for your convenience</p>
<iframe class="center" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts" src="https://discord.com/widget?id=1109515613556187156&theme=dark"></iframe>
</body>
</html>