refactor index.html for improved clarity and consistency; update meta descriptions, enhance content structure, and refine accessibility attributes

Author: cak

index.html

@@ -7,7 +7,7 @@
 
     <meta
       name="description"
-      content="TypeError is a collection of open-source cybersecurity projects built to help defenders understand and reduce risk."
+      content="TypeError builds open-source security engineering tools for defenders, with practical metrics and software that support clearer risk decisions."
     />
     <link rel="canonical" href="https://typeerror.com/" />
     <meta name="color-scheme" content="dark" />
@@ -17,7 +17,7 @@
     <meta property="og:title" content="TypeError" />
     <meta
       property="og:description"
-      content="Turning code into clearer security. Open-source cybersecurity engineering. Data-driven, practical, and built for defenders."
+      content="Open-source security engineering for defenders. Practical tools, sharper metrics, and clearer risk decisions."
     />
     <meta property="og:url" content="https://typeerror.com/" />
     <meta property="og:type" content="website" />
@@ -36,7 +36,8 @@
     <div class="hero-bg" aria-hidden="true"></div>
 
     <main id="main">
-      <header class="hero">
+      <header class="hero" aria-labelledby="site-title">
+        <p class="eyebrow">Open-source security engineering</p>
         <img
           src="assets/typeerror-glitch.png"
           alt=""
@@ -46,40 +47,31 @@
           fetchpriority="high"
           decoding="async"
         />
-        <h1 class="name">TypeError</h1>
+        <h1 id="site-title" class="name">TypeError</h1>
         <p class="tagline">
-          <span class="lead">Turning code into clearer security.</span>
-          <span class="subtitle">
-            Open-source cybersecurity engineering. Data-driven, practical, and built for defenders.
-          </span>
+          Practical tools, sharper metrics, and clearer decisions for defenders.
         </p>
       </header>
 
-      <article class="bio" aria-labelledby="about-typeerror">
-        <h2 id="about-typeerror" class="sr-only">About TypeError</h2>
+      <section class="bio" aria-labelledby="about-typeerror">
+        <h2 id="about-typeerror" class="section-title">What TypeError Builds</h2>
 
         <p>
-          TypeError is a collection of open-source cybersecurity projects built to help defenders
-          understand and reduce risk. The work spans application security, vulnerability management,
-          and security data science, turning raw data into tools and metrics that drive better
-          decisions.
+          TypeError builds open-source software for application security, vulnerability management,
+          and security data analysis. The focus is operational clarity: tools that turn messy inputs
+          into usable signal.
         </p>
 
         <p>
-          The goal is simple: make security work easier to measure, explain, and improve. From
-          command-line tools to framework integrations and data analysis libraries, TypeError
-          focuses on practical engineering for defenders who need signal, not noise.
-        </p>
-
-        <p>
-          TypeError exists to advance clearer, more measurable defense through open-source
-          engineering. Explore the projects, use the code, and build on it.
+          That means command-line tools, libraries, and integrations that make security work easier
+          to measure, explain, and improve. Better metrics matter only when they lead to better
+          decisions.
         </p>
-      </article>
+      </section>
 
       <footer class="contact">
-        <nav aria-label="Connect">
-          <span class="connect-label">Connect:</span>
+        <nav aria-label="External links">
+          <span class="connect-label">Find the work</span>
           <ul class="contact-list">
             <li>
               <a href="https://github.com/typeerror" target="_blank" rel="noopener noreferrer"
@@ -88,7 +80,7 @@ <h2 id="about-typeerror" class="sr-only">About TypeError</h2>
             </li>
             <li>
               <a href="https://linktr.ee/typeerror" target="_blank" rel="noopener noreferrer"
-                >More links</a
+                >All links</a
               >
             </li>
           </ul>