Website-v1/header.html

<base target="_parent">
<header>
    <link id="style-topnav" rel="stylesheet" href=".src/css/light/topnav.css">
    <link id="style-header" rel="stylesheet" href=".src/css/light/header.css">

    <div class="navbar">
        <a href="" style="padding: 3px;padding-bottom: 0px;"><img src="/.src/assets/logos/logo_icon.png" height="39px"></a>
        <a href="/news">News</a>
        <div class="dropmenu">
          <button class="dropmenubtn navbarbtn" >Projects<i class="fa fa-caret-down"></i></button>
          <div class="dropmenu-content">
            <div class="dropmenu-content-content">
              <div class="header-mega">
                <h1>Project Overview</h1>
                <p><a href="/projects/" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
              </div>   
              <div class="row">
                <div class="column">
                  <h3>Minecraft Mods</h3>
                  <a href="/projects/microcontrollermc/">MicrocontrollerMC</a>
                  <a href="/projects/consolemc/">ConsoleMC</a>
                  <a href="/projects/spotifymc/">SpotifyMC</a>
                  <a href="/projects/syncmod/">SyncMod</a>
                  <a href="/projects/mysterymod/">MysteryMod</a>
                </div>
                <div class="column">
                  <h3>Rust/Python</h3>
                  <a href="/projects/windowsbloatwareremover/">Windows Bloatware Removal Tool</a>
                  <a href="/projects/bashcommandaliaseditor/">Bash Command Alias Editor</a>
                  <a href="/projects/pi-mc-watcher/">PI-MC-WATCHER</a>
                  <a href="/projects/streamdeckui-pluginloader/">StreamDeck UI Pluginloader</a>
                  <a href="/projects/resourcepack-editor/">Resourcepack Editor</a>
                </div>
                <div class="column">
                  <h3>Miscellaneous</h3>
                  <a href="/projects/website/">Homepage</a>
                </div>
                <div id="header-mega-all">
                  <a href="/projects/">View all projects</a>
                </div>
              </div>
            </div>
          </div>
      </div>
      <div class="dropdown">
        <button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
        <div class="dropdown-content">
          <div class="dropdown-content-content">
            <a href="/youtube/">Info</a>
            <a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg">Visit channel</a>
            <a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1">Subscribe</a>
          </div>
          
        </div>
      </div>
      <a href="/about/">About</a>
      <a href="/contact/">Contact</a>
      <a id="website-under-construction" href="/construction/"><div style="width: 220px;"><p style="margin-top: 2px;margin-left:25px;">Website under construction</p></div></a>
      <div class="expandonhover">
        <a href="/account/" ><img src="/.src/assets/account.png" height="18px"></a>
        <a id="floatinright" href="/signup/" >Sign Up</a>
        <a id="floatinright" href="/login/" >Login</a>
      </div>
      <a style="float: right;" onclick="toggleDarkMode();"><img src="/.src/assets/dark-mode.png" height="18px"></a>
    </div>
    <div id="error-msg">
      <div style="width: 15%;">
        <img src=".src/assets/warning-symbolic.png" width="75px">
      </div>
      <div style="align-self: stretch;" onselectstart="return false">
        <p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
      </div>
    </div>
    
  </header>