----------------------------------- <style> .navbar{list-style-type:none;margin:0;padding:0;background-color:#fff;float:right;margin-right:120px}.navbar li{display:inline-block;position:relative}.navbar a{display:block;color:#000;text-decoration:none;padding:8px}.navbar a:hover{background-color:#f5f}.submenu{display:none;position:absolute;background-color:#fff;left:-45px;top:100%;width:200px}.navbar li:hover .submenu{display:block}.submenu li{display:block;color:#000}.navbar .active .submenu{top:0} </style> <script> function toggleNavbar() { var navbar = document.getElementById('navbar'); navbar.style.display = (navbar.style.display === 'none' || navbar.style.display === '') ? 'block' : 'none'; } </script> <script> function toggleLayout() { var extraLink = document.getElementById('extraLink'); var navbar = document.querySelector('.navbar'); var submenus = document.querySelectorAll('.submenu'); var checkbox = document.getElementById('layoutCheckbox'); if (checkbox.checked) { extraLink.style.display = 'inline'; navbar.style.position = 'absolute'; navbar.style.left = '0'; navbar.style.top = '0'; navbar.style.margin = '0'; navbar.style.width = '120px'; navbar.style.height = '100vh'; navbar.style.display = 'flex'; navbar.style.flexDirection = 'column'; submenus.forEach(function(submenu) {submenu.style.left = '100%'; submenu.style.top = '0';}); } else { //extraLink.style.display = 'none'; navbar.style.float = 'right'; navbar.style.marginRight = '120px'; navbar.style.marginLeft = '0';}} </script> <a href="#" id="extraLink" style="position: fixed; right: 130px; top: 0;display:none;" onclick="toggleNavbar(event)">[-]</a> <nav> <ul class="navbar" id="navbar"> <li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="index.html">Homepage</a></li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="About.html?user=alcea">About</a></li> <li class="u-nav-item"> <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Contact.html">Contact</a> <div class="u-nav-popup submenu"> <ul class="u-h-spacing-5 u-nav u-unstyled u-v-spacing-5 u-nav-2"> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="https://www.abcsubmit.com/view/id_1f8339emu_jn1?utm=abcsubmit" target="_blank">Mail [📬]</a></li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="verify.html#mastodon" target="_blank">Mastodon [📬]</a></li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="verify.html#twitter" target="_blank">Twitter [📬]</a></li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="https://reddit.com/user/repeekyraid#https://www.reddit.com/user/-Rye-/" target="_blank">Reddit [📬]</a></li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Comments.html">Comments</a></li> </ul></div></li><li class="u-nav-item"> <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Hobbies.html">Hobbies</a> <div class="u-nav-popup submenu"> <ul class="u-h-spacing-5 u-nav u-unstyled u-v-spacing-5 u-nav-3"> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="All_Project_%28spoiler_button%29.html">OSTRip </a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="pastebinlinks.html?note=FAQ" target=_blank>FAQ [🡕]</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Art.html">Art</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="code.html">Code</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Games.html">GamingStuff</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Blog.html">Blog</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="favs.html">Favorites</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="https://ry3yr.github.io/OSTR/" target=_blank>OldSite [🡕]</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="UnderratedContent.html" target=_blank>Underrated [🡕]</a> </li> </ul></div></li><li class="u-nav-item"> <a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Music.html">Music</a> <div class="u-nav-popup submenu"><ul class=u-"nav-4"> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Releases.html">Releases</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Startseiteplayer.html">Musicplayer</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="midisheetmusic.html">Sheet Music (Midi)</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="Unresoundtracker.html">UnreSoundtracker</a> </li> <li class="u-nav-item"><a class="u-button-style u-nav-link u-white" href="radio.html">Radio/Shoutcast</a> </li> <li class="u-nav-item"><input type="checkbox" id="layoutCheckbox" onchange="toggleLayout()"></li> </ul></div></li></ul></nav> </plaintext>