many CSS changes (more to come possibly)

Crazygird-Organization · Nov 15, 2022 · bc7ec77 · bc7ec77
1 parent 23ff2c3
commit bc7ec77
Show file tree

Hide file tree

Showing 15 changed files with 561 additions and 137 deletions.
diff --git a/emulator.html b/emulator.html
@@ -24,13 +24,36 @@
 
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the GBA Emulator</h2>

diff --git a/gba-2.html b/gba-2.html
@@ -25,13 +25,36 @@
     </head>
 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+
+  </p>
+</div>
+</div>
+
     </nav>
 
     <body>

diff --git a/gba.html b/gba.html
@@ -25,27 +25,49 @@
     </head>
 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+
+  </p>
+</div>
+</div>
+
     </nav>
-
+
+
     <body>
         <h2>Retro Emulator!</h2>
         <ul class="menu">
-          <li><a href="index.html" data-bubble="Return!">Home</a></li>
-          <li><a href="testlaunch.html" data-bubble="Upload!">Bring a Rom!</a></li>
+          <li><a href="testlaunch.html" data-bubble="Real!">Upload ROM</a></li>
         </ul>
         <main>
           <p> Feeling Different? Click <a style="cursor:pointer; text-decoration: underline;" onclick="goofyFunnyFeelingDotOrg();">here.</a> (Your Eyes may burn off)</p>
           <p> If replit is blocked for you, please visit settings to change the provider. </p>
           <p>You can do so <a href="settings.html">here</a>. If you want to host your own version easily (and free), then view our guide <a href="info.html">here</a>.</p>
           <p> <a target="_blank" href="https://latebat.me/">Checkout</a> my friend's site, he helped out with some stuff on here behind the scenes! <img style="width: 20px; height: 20px;" src="https://latebat.me/assets/img/hamster.gif"></p>
-          <p> Friendly reminder to save your savestates occasionally to your computer or drive, to load in case something happens to your data! (PS: Major site updates soon!)</p>
           <ul id="searchGames">
             <style>
               #showN {

diff --git a/index_beta.html b/index_beta.html
@@ -24,13 +24,36 @@
         <link rel="stylesheet" href="user_css/index.css">
     </head>
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Retro Emulator!</h2>

diff --git a/info.html b/info.html
@@ -24,13 +24,36 @@
 
     </head> 
     <nav> 
-      <div class="wrappers">
-      <p class="main-div main-div2"> <a href="index.html">Home</a> </p>
-      <p class="main-div main-div2"> <a href="testlaunch.html">Upload</a> </p>
-      <p class="main-div main-div2"><a href="settings.html">Settings!</a></p>
-      <p class="main-div main-div2"><a href="index_beta.html">Favorite Games</a></p>
-      <p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>
-    </div>
+      <div class="nav-wrap">
+        <div class="navigation">
+      <p>
+
+        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+        </svg>
+        <a href="index.html"><span class="setting-nav">Home</span></a>
+
+      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
+        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 
+
+      <a href="info.html"><span class="info-nav">Info</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+      </svg> 
+
+      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
+      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
+      </svg> 
+
+     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
+
+  </p>
+</div>
+</div>
+
     </nav>
     <body>
         <h2>Welcome to the Retro Emulator</h2>