updates

src/components/EventItem.astro

@@ -47,7 +47,7 @@ function dateEnd(str, days) {
 
 <div class="w3pn-event-item">
     <div class="event-header flex gap-4">
-        <div class="w-32 text-right leading-normal">
+        <div class="w-28 text-right leading-normal">
             <div>{dateFormat(item.date)}</div>
             {item.days && item.days > 1 &&
                 <div>{dateFormat(dateEnd(item.date, item.days))}</div>
@@ -67,11 +67,20 @@ function dateEnd(str, days) {
         </div>
         <div class="grow"></div>
     </div>
-    <div class="detail hidden flex gap-4">
-        <div class="w-32"></div>
+    <div class="detail hidden flex sm:gap-4">
+        <div class="w-0 sm:w-28"></div>
         <div>
             <div>Date: <span class="text-white">{dateFormat(item.date)} {item.days ? ' - ' + dateFormat(dateEnd(item.date, item.days)) + ` (${item.days} days)` : ''}</span></div>
             <div>Lead: <span class="text-white">{item.lead || 'n/a'}</span></div>
+
+            <div class="mt-4 mb-2">
+                {item.links?.rsvp &&
+                    <a href={item.links.rsvp} class="button inverted"><button>More details & pre-registration</button></a>
+                }
+                {item.links?.web &&
+                    <a href={item.links.web} class="button inverted"><button>Website</button></a>
+                }
+            </div>
         </div>
     </div>
 </div>

src/config.yaml

@@ -23,6 +23,8 @@ header:
     #  url: /articles
     #- name: Leaderboard
     #  url: /leaderboard
+    - name: Articles
+      link: mirror
     - name: Docs
       link: docs
     #- name: Manifesto

src/layouts/base.astro

@@ -12,7 +12,7 @@ import cfonts from 'cfonts';
 		<link rel="icon" type="image/x-icon" href="/favicon.ico">
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>{config.title}</title>
+		<title>{title ? title + ' | ' + config.title : config.title}</title>
 		<link
 			rel="preload"
 			href="/fonts/archivo-regular-latin-ext.woff2"
@@ -55,8 +55,13 @@ import cfonts from 'cfonts';
 				</div>
 				<div class="hidden lg:flex grow gap-0 xl:gap-2 justify-center">
 					{config.header.menu.map((menuItem) => (
-						<div class="uppercase hover:text-[#c2c2c2]" class:list={[menuItem.link ? "external" : "", Astro.url.pathname === menuItem.url ? "text-white" : ""]}>
-							<a href={config.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2" target={menuItem.link ? '_blank' : '_self'}>{menuItem.name}</a>
+						<div class="uppercase hover:text-[#c2c2c2]" class:list={[menuItem.link ? "xexternal" : "", Astro.url.pathname === menuItem.url ? "text-white" : ""]}>
+							<a href={config.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2" target={menuItem.link ? '_blank' : '_self'}>
+								{menuItem.name}
+								{menuItem.link &&
+									<span class="external"></span>
+								}
+							</a>
 						</div>
 					))}
 				</div>