add news to menu, fix responsivity

src/config.yaml

@@ -17,6 +17,8 @@ header:
     #  url: /leaderboard
     - name: Explorer
       link: explorer
+    - name: News
+      link: news
     - name: Docs
       link: docs
     #- name: Manifesto

src/layouts/base.astro

@@ -1,5 +1,5 @@
 ---
-import { ViewTransitions } from 'astro:transitions';
+//import { ViewTransitions } from 'astro:transitions';
 
 import * as config from '../config.yaml';
 import core from '../core.json';
@@ -22,7 +22,6 @@ function genHeading(str) {
 		<meta name="description" content={description} />
 		<title>{title ? title + ' | ' + config.title : config.title}</title>
 
-		<ViewTransitions />
 		<link
 			rel="preload"
 			href="/fonts/archivo-regular-latin-ext.woff2"
@@ -50,7 +49,7 @@ function genHeading(str) {
 			<div class="w-full">
 				{config.header.menu.map((menuItem) => (
 					<div class="uppercase w-full">
-						<a href={core.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2" class:list={[menuItem.url?.match(/^http/) ? "external" : "", Astro.url.pathname === menuItem.url ? "text-white" : ""]}>{menuItem.name}</a>
+						<a href={core.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2" class:list={[menuItem.url?.match(/^http/) ? "external" : ""]}>{menuItem.name}</a>
 					</div>
 				))}
 			</div>
@@ -125,6 +124,6 @@ function genHeading(str) {
 			document.querySelector('.hamburger').addEventListener('click', () => {
 			  document.querySelector('.nav-links').classList.toggle('expanded');
 			});
-		  </script>
+		</script>
 	</body>
 </html>