diff --git a/css/index.css b/css/index.css
index 0525a9b..9aebb8d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -32,6 +32,9 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
+#css-error {
+    display:none;
+}
 /* ── Typography ── */
 
 h1, h2, h3 {
diff --git a/index.html b/index.html
index 3271d09..4f4bb11 100644
--- a/index.html
+++ b/index.html
@@ -17,41 +17,26 @@
     <meta property="og:image" content="/media/images/seo/canva-design-site-banner.png">
     <meta property="og:site_name" content="danielmorrisey.com">
     <meta property="og:locale" content="en_US">
-
-    <!-- Twitter Card -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="Daniel's Corner - danielmorrisey.com">
-    <meta name="twitter:description" content="My tiny corner of the world wide web">
-    <meta name="twitter:image" content="/media/images/seo/canva-design-site-banner.png">
-
     <link rel="canonical" href="https://danielmorrisey.com">
-
-    <!-- Favicons -->
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="apple-touch-icon" href="/favicon.ico">
-
-    <!-- Performance -->
     <link rel="preconnect" href="https://kit.fontawesome.com">
     <link rel="dns-prefetch" href="https://api.bsky.app">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Sometype+Mono:wght@400;600&family=Lota:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
-
-    <!-- Font Awesome -->
     <script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
-
-    <!-- Stylesheet -->
     <link rel="stylesheet" href="/css/index.css">
     <link rel="stylesheet" href="/css/core.css">
-
     <a rel="me" href="https://mastodon.social/@danielmorrisey"></a>
 </head>
 <body>
     <!-- Header injected by /js/core.js -->
     <main class="main-content">
+        <div id="css-error" class="css-error"><h1>FAILED TO REACH CSS STYLE SHEET, PLEASE MAKE SURE THE CSS FILE IS ACCESSIBLE AND YOU HAVE CSS ENABLED IN YOUR BROWSER</h1></div>
         <!-- Hero -->
         <section class="hero">
-            <p class="hero-eyebrow">danielmorrisey.com/</p>
+            <p class="hero-eyebrow">FAILED TO REACH JAVASCRIPT FILE, PLEASE MAKE SURE YOU HAVE JAVASCRIPT ENABLED IN YOUR BROWSER</p>
             <h1 class="hero-title">Daniel Morrisey</h1>
             <p class="hero-bio">
                Hello World! I'm Daniel Morrisey, also known as @madebydanny_uk or Danny, welcome to my corner of the <a href="https://en.wikipedia.org/wiki/Internet" target="_blank" rel="noopener noreferrer">Internet</a>, and when I'm not doing that, I'm probably playing video games. <br><br>
@@ -60,10 +45,9 @@
             <div class="skills-container">
                 <img src="https://skillicons.dev/icons?i=apple,windows,linux,raspberrypi,figma,docker,cloudflare,workers,debian,ubuntu,vscode,git,github,html,css,js,markdown,supabase&perline=9" alt="" class="skills-icons">
             </div>
-            <div id="visitor-counter" class="visitor-badge">Loading visitor info…</div>
+            <div id="visitor-counter" class="visitor-badge">FAILED TO REACH JAVASCRIPT FILE, PLEASE MAKE SURE YOU HAVE JAVASCRIPT ENABLED IN YOUR BROWSER</div>
             <script src="https://visit-counter.madebydanny.uk/" async></script>
         </section>
-        <!-- Music -->
         <section class="content-section">
             <h2 class="section-label">Recently Played</h2>
             <div id="music-card" class="card">
@@ -71,37 +55,34 @@
                     <span class="card-icon"><i class="fa-brands fa-itunes-note"></i>
                     </span>
                     <div id="music-content" class="card-text">
-                        <span class="loading-text">fetching last played…</span>
+                        <span class="loading-text">FAILED TO REACH JAVASCRIPT FILE, PLEASE MAKE SURE YOU HAVE JAVASCRIPT ENABLED IN YOUR BROWSER</span>
                     </div>
                 </div>
                 <div class="card-meta">powered by <a href="https://teal.fm" target="_blank" rel="noopener noreferrer">teal.fm</a> via <a href="https://pipper.mmatt.net" target="_blank" rel="noopener noreferrer">pipper</a></div>
             </div>
         </section>
-        <!-- Latest post -->
         <section class="content-section">
             <h2 class="section-label">latest post from bluesky</h2>
             <div id="post-card" class="card">
                 <div class="card-inner">
                     <span class="card-icon"><i class="fa-brands fa-bluesky"></i></span>
                     <div id="post-content" class="card-text">
-                        <span class="loading-text">loading post…</span>
+                        <span class="loading-text">FAILED TO REACH JAVASCRIPT FILE, PLEASE MAKE SURE YOU HAVE JAVASCRIPT ENABLED IN YOUR BROWSER/span>
                     </div>
                 </div>
                 <div id="post-media"></div>
                 <div class="card-meta" id="post-date"></div>
             </div>
         </section>
-        <!-- Recent blog posts -->
         <section class="content-section">
             <h2 class="section-label">recent blog posts</h2>
             <p class="note">powered by <a href="https://site-standard-document.danielmorrisey.com" target="_blank" rel="noopener noreferrer">document finder for Standard Site</a></p>
             <sequoia-subscribe button-type="sequoia" publication-uri="at://did:plc:l37td5yhxl2irrzrgvei4qay/site.standard.publication/3m2mxdedwoc2m"></sequoia-subscribe>
             <br><br>
             <ul id="blog-post-list" class="blog-post-list" role="list">
-                <li class="loading-text">loading posts… via <a href="https://site-standard-document.danielmorrisey.com">document finder for Standard Site</a></li>
+                <li class="loading-text">FAILED TO REACH JAVASCRIPT FILE, PLEASE MAKE SURE YOU HAVE JAVASCRIPT ENABLED IN YOUR BROWSER<a href="https://site-standard-document.danielmorrisey.com">document finder for Standard Site</a></li>
             </ul>
         </section>
-        <!-- Projects -->
         <section class="content-section" id="contact">
             <h2 class="section-label">Projects</h2>
             <div class="link-grid">
@@ -135,7 +116,6 @@
                 </a>
             </div>
         </section>
-        <!-- Photos -->
         <section class="content-section" id="photos">
             <h2 class="section-label">
                 pinned photos
@@ -143,7 +123,6 @@
             </h2>
             <div id="home-photo-strip" class="photo-strip"></div>
         </section>
-        <!-- Find me -->
         <section class="content-section">
             <h2 class="section-label">socials</h2>
             <ul class="social-list" role="list">
@@ -219,12 +198,10 @@
             </ul>
         </section>
     </main>
-    <!-- Photo modal -->
     <div id="photo-modal" class="photo-modal" role="dialog" aria-modal="true" aria-label="Photo viewer">
         <button id="modal-close" class="modal-close" aria-label="Close">✕</button>
         <img id="modal-photo" src="" alt="" class="modal-img">
     </div>
-    <!-- SCRIPTS-->
     <script defer src="https://cloud.umami.is/script.js" data-website-id="6c410bee-e1ef-4f05-80ab-de39ec03aa72"></script>
     <script src="/js/core.js"></script>
     <script src="/js/index.js"></script>
diff --git a/js/core.js b/js/core.js
index 0112488..da7e868 100644
--- a/js/core.js
+++ b/js/core.js
@@ -1,4 +1,25 @@
 (() => {
+  const getHeroEyebrowLabel = () => {
+    const { hostname, pathname, port } = window.location;
+    const normalizedHost = hostname.replace(/^www\./, '');
+    const hostLabel = normalizedHost === 'danielmorrisey.com'
+      ? 'danielmorrisey.com'
+      : ['localhost', '127.0.0.1', '[::1]'].includes(normalizedHost) && port
+        ? `${normalizedHost}:${port}`
+        : normalizedHost;
+
+    const normalizedPath = pathname
+      .replace(/\/index\.html$/i, '/')
+      .replace(/\.html$/i, '')
+      .replace(/\/+$/, '');
+
+    const pathLabel = normalizedPath && normalizedPath !== '/'
+      ? normalizedPath
+      : '/';
+
+    return `${hostLabel}${pathLabel === '/' ? '/' : pathLabel.startsWith('/') ? pathLabel : `/${pathLabel}`}`;
+  };
+
   const init = () => {
     if (window.__siteCoreLoaded) return;
     window.__siteCoreLoaded = true;
@@ -11,6 +32,19 @@
         </div>
     ` : '';
 
+    const heroEyebrow = document.querySelector('.hero-eyebrow');
+    if (heroEyebrow) {
+      heroEyebrow.textContent = getHeroEyebrowLabel();
+    } else {
+      const hero = document.querySelector('.hero');
+      if (hero) {
+        const eyebrow = document.createElement('p');
+        eyebrow.className = 'hero-eyebrow';
+        eyebrow.textContent = getHeroEyebrowLabel();
+        hero.insertBefore(eyebrow, hero.firstChild);
+      }
+    }
+
     if (!document.querySelector('header.site-header')) {
       const headerHtml = `
       <header class="site-header">${announcementHtml}