More design Improvements + Updated Navbar/Burger Menu

Author: Mooo0042

about.html

@@ -31,6 +31,7 @@
                             <a href="impr.html">IMP Renewed</a>
                             <a href="oer.html">Otyacraft Engine Renewed</a>
                         </div>
+                        <a href="testing.html" class="active">Test Uploads</a>
                     </div>
                 </div>
             </div>
@@ -76,15 +77,5 @@ <h2>Get Involved</h2>
         </div>
     </main>
     <script src="assets/js/nav-theme.js"></script>
-    <h2>A Song</h2>
-    <p>Cause why not?</p>
-    <div id="spotify-embed"></div>
-    <script>
-        fetch('embedd.txt') // adjust path if needed
-            .then(res => res.text())
-            .then(code => {
-                document.getElementById('spotify-embed').innerHTML = code;
-            });
-    </script>
 </body>
 </html>

impr.html

@@ -31,6 +31,7 @@
                             <a href="impr.html">IMP Renewed</a>
                             <a href="oer.html">Otyacraft Engine Renewed</a>
                         </div>
+                        <a href="testing.html" class="active">Test Uploads</a>
                     </div>
                 </div>
             </div>
@@ -74,15 +75,5 @@ <h2>Download and Support</h2>
         </div>
     </main>
     <script src="assets/js/nav-theme.js"></script>
-            <h2>A Song</h2>
-            <p>Cause why not?</p>
-        <div id="spotify-embed"></div>
-            <script>
-                fetch('embedd.txt') // adjust path if needed
-                    .then(res => res.text())
-                    .then(code => {
-                        document.getElementById('spotify-embed').innerHTML = code;
-                        });
-            </script>
 </body>
 </html>

index.html

@@ -31,6 +31,7 @@
                             <a href="impr.html">IMP Renewed</a>
                             <a href="oer.html">Otyacraft Engine Renewed</a>
                         </div>
+                        <a href="testing.html" class="active">Test Uploads</a>
                     </div>
                 </div>
             </div>
@@ -66,15 +67,5 @@ <h2>Stay Connected</h2>
         </div>
     </main>
     <script src="assets/js/nav-theme.js"></script>
-            <h2>A Song</h2>
-                <p>Cause why not?</p>
-        <div id="spotify-embed"></div>
-                    <script>
-                            fetch('embedd.txt') // adjust path if needed
-                                        .then(res => res.text())
-                                                    .then(code => {
-                                                                    document.getElementById('spotify-embed').innerHTML = code;
-                                                                                });
-                                                                                    </script>
 </body>
 </html>

oer.html

@@ -31,6 +31,7 @@
                             <a href="impr.html">IMP Renewed</a>
                             <a href="oer.html">Otyacraft Engine Renewed</a>
                         </div>
+                        <a href="testing.html" class="active">Test Uploads</a>
                     </div>
                 </div>
             </div>
@@ -74,15 +75,5 @@ <h2>Download and Support</h2>
         </div>
     </main>
     <script src="assets/js/nav-theme.js"></script>
-            <h2>A Song</h2>
-                <p>Cause why not?</p>
-        <div id="spotify-embed"></div>
-                    <script>
-                            fetch('embedd.txt') // adjust path if needed
-                                        .then(res => res.text())
-                                                    .then(code => {
-                                                                    document.getElementById('spotify-embed').innerHTML = code;
-                                                                                });
-                                                                                    </script>
 </body>
 </html>

style.css

@@ -238,7 +238,7 @@ p {
 .btn {
     display: inline-block;
     align-self: center;
-    background: var(--primary);
+    background: var(--bg-light);
     color: var(--text);
     padding: 1rem 2rem;
     text-decoration: none;
@@ -251,9 +251,27 @@ p {
 }
 
 .btn:hover {
-    background: var(--bg-light);
+    background: var(--primary);
 }
 
+.btnsec {
+    display: inline-block;
+    align-self: center;
+    background: var(--secondary);
+    color: var(--text);
+    padding: 1rem 2rem;
+    text-decoration: none;
+    border-radius: 6px;
+    margin: 0.5rem;
+    transition: all 0.3s ease;
+    font-size: 1.1rem;
+    font-weight: 500;
+    font-family: 'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif;  
+}
+
+.btnsec:hover {
+    background: var(--bg-light);
+}
 .card {
     background: var(--bg);
     padding: 2rem;

testing.html

@@ -88,7 +88,7 @@
                             <a href="oer.html">Otyacraft Engine Renewed</a>
                         </div>
                     </div>
-                    <a href="test-uploads.html" class="active">Test Uploads</a>
+                    <a href="testing.html" class="active">Test Uploads</a>
                 </div>
             </div>