diff --git a/src/components/EventCard.astro b/src/components/EventCard.astro
index 4ca0483..341bfd7 100644
--- a/src/components/EventCard.astro
+++ b/src/components/EventCard.astro
@@ -17,10 +17,12 @@ const formattedDate = eventDate.toLocaleDateString('en-US', {
   weekday: 'short',
   month: 'short',
   day: 'numeric',
+  timeZone: 'UTC',
 });
 const formattedTime = eventDate.toLocaleTimeString('en-US', {
   hour: 'numeric',
   minute: '2-digit',
+  timeZone: 'UTC',
 });
 
 const modeLabel = mode === 'online' ? 'Online' : mode === 'hybrid' ? 'Hybrid' : location ?? 'In Person';
@@ -33,7 +35,7 @@ const sourceLabel = source ? `@${source.replace(/\.bsky\.social$/, '')}` : undef
 <article class="event-card card">
   <a href={href} class="event-card__link" rel="noopener noreferrer" target="_blank">
     <p class="event-card__date">
-      <time datetime={date}>{formattedDate} · {formattedTime}</time>
+      <time datetime={date} data-event-time>{formattedDate} · {formattedTime} UTC</time>
     </p>
     <h3 class="event-card__name">{name}</h3>
     {description && <p class="event-card__desc">{description}</p>}
diff --git a/src/components/Header.astro b/src/components/Header.astro
index f83a7bb..4bc75a0 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,10 +1,10 @@
 ---
 const navLinks = [
-  { href: `${import.meta.env.BASE_URL}/`, label: 'Home' },
-  { href: `${import.meta.env.BASE_URL}/about`, label: 'About' },
-  { href: `${import.meta.env.BASE_URL}/community-content`, label: 'Content' },
-  { href: `${import.meta.env.BASE_URL}/events`, label: 'Events' },
-  { href: `${import.meta.env.BASE_URL}/communities`, label: 'Communities' },
+  { href: '/', label: 'Home' },
+  { href: '/about', label: 'About' },
+  { href: '/community-content', label: 'Content' },
+  { href: '/events', label: 'Events' },
+  { href: '/communities', label: 'Communities' },
 ];
 
 const currentPath = Astro.url.pathname;
@@ -12,7 +12,7 @@ const currentPath = Astro.url.pathname;
 
 <header class="site-header">
   <nav class="site-nav container" aria-label="Main navigation">
-    <a href={`${import.meta.env.BASE_URL}/`} class="site-logo" aria-label="atmosphere.community home">
+    <a href="/" class="site-logo" aria-label="atmosphere.community home">
       <span class="logo-cloud" aria-hidden="true"></span>
       <span class="logo-text"><span class="logo-at">@</span>atmosphere community</span>
     </a>
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index bd51d42..9322fbb 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -35,8 +35,8 @@ import '../styles/global.css';
     {ogImage && <meta property="og:image" content={ogImage} />}
 
     <!-- Favicons -->
-    <link rel="icon" type="image/webp" href={`${import.meta.env.BASE_URL}/goose.webp`} />
-    <link rel="apple-touch-icon" href={`${import.meta.env.BASE_URL}/goose.webp`} />
+    <link rel="icon" type="image/webp" href="/goose.webp" />
+    <link rel="apple-touch-icon" href="/goose.webp" />
 
     <!-- Fonts: Bitter (display) + Source Sans 3 (body) -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -53,5 +53,32 @@ import '../styles/global.css';
       <slot />
     </main>
     <slot name="footer" />
+    <script>
+      // Localize event times to the user's timezone.
+      // Falls back to the UTC time rendered at build time if anything fails.
+      document.querySelectorAll('time[data-event-time]').forEach((el) => {
+        try {
+          const iso = el.getAttribute('datetime');
+          if (!iso) return;
+          const d = new Date(iso);
+          if (isNaN(d.getTime())) return;
+          const date = d.toLocaleDateString('en-US', {
+            weekday: 'short',
+            month: 'short',
+            day: 'numeric',
+          });
+          const time = d.toLocaleTimeString('en-US', {
+            hour: 'numeric',
+            minute: '2-digit',
+          });
+          const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+          const short = d.toLocaleTimeString('en-US', { timeZoneName: 'short' })
+            .replace(/.*\s/, ''); // extract "PDT", "EST", etc.
+          el.textContent = `${date} · ${time} ${short}`;
+        } catch {
+          // Keep the UTC fallback rendered at build time
+        }
+      });
+    </script>
   </body>
 </html>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 9f51866..bbcf34b 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -65,7 +65,7 @@ import Footer from '../components/Footer.astro';
             — <code>@atmosphere.community</code>
           </li>
           <li>
-            <a href={`${import.meta.env.BASE_URL}/communities`}>Find a local community</a> near you
+            <a href="/communities">Find a local community</a> near you
           </li>
         </ul>
       </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9e8f020..738647f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -150,7 +150,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="posts-heading" class="section__title">Latest from the community</h2>
-        <a href={`${import.meta.env.BASE_URL}/community-content`} class="section__more">See all →</a>
+        <a href="/community-content" class="section__more">See all →</a>
       </div>
       <div class="posts-list">
         {mergedPosts.length > 0 ? (
@@ -169,7 +169,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="events-heading" class="section__title">Upcoming events</h2>
-        <a href={`${import.meta.env.BASE_URL}/events`} class="section__more">See all events →</a>
+        <a href="/events" class="section__more">See all events →</a>
       </div>
       <div class="grid-2">
         {events.map(event => (
@@ -184,7 +184,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="communities-heading" class="section__title">Local communities</h2>
-        <a href={`${import.meta.env.BASE_URL}/communities`} class="section__more">See all →</a>
+        <a href="/communities" class="section__more">See all →</a>
       </div>
       <div class="community-row">
         {communities.slice(0, 10).map(c => (