Add dates

Author: Henry-Hiles

src/pages/index.astro

@@ -85,6 +85,7 @@ import CallToAction from "../components/CallToAction.astro"
                                 alt="The Federated Nexus logo, showing interconnected lines going out to orbs filled with the colors of the pride flag."
                             /> Federated Nexus</h3
                         >
+                        <span>July 2025 - Present</span>
                         <p>
                             I run <a href="https://federated.nexus"
                                 >Federated Nexus</a
@@ -103,6 +104,7 @@ import CallToAction from "../components/CallToAction.astro"
                 <section>
                     <article>
                         <h3>The Quantarc website</h3>
+                        <span>Jan - May 2025</span>
                         <p>
                             I developed the{" "}
                             <a href="https://quantarc.co.uk"
@@ -127,6 +129,7 @@ import CallToAction from "../components/CallToAction.astro"
                                 alt="The icon for QJobProcessor"
                             />Quantarc Mobile Apps</h3
                         >
+                        <span>Sep 2025 - Present</span>
                         <p>
                             I designed, developed, and distributed two mobile
                             apps for Quantarc, QHelpdesk and QJobProcessor.

src/styles/index.css

@@ -47,14 +47,18 @@ main > * > section {
             margin: 0.5em;
             padding: 1em;
             display: flex;
-            gap: 2rem;
+            gap: 2.3rem;
+            align-items: center;
             justify-content: center;
             flex-wrap: wrap;
             & article {
+                & span {
+                    color: hsl(0, 0%, 60%);
+                }
                 & h3 {
                     font-size: 2em;
                     font-weight: normal;
-                    margin: 0.5em 0;
+                    margin: 0.3em 0;
                     display: flex;
                     align-items: center;
                     gap: 0.7rem;
@@ -64,7 +68,7 @@ main > * > section {
                     }
                 }
                 & p {
-                    margin: 0;
+                    margin: 0.7rem 0;
                 }
                 width: 420px;
             }
@@ -75,7 +79,6 @@ main > * > section {
                 gap: 1em;
                 & img {
                     border-radius: var(--mdui-shape-corner-medium);
-                    border: 2px solid rgb(var(--primary));
 
                     .double > & {
                         width: 45%;