From 7e85e61fa7d4c629ab99e69a801a338cab38579f Mon Sep 17 00:00:00 2001
From: ayoayco <ayo@ayco.io>
Date: Wed, 4 Jun 2025 10:20:29 +0200
Subject: [PATCH] chore: fix html structure

---
 src/pages/now.astro | 90 ++++++++++++++++++++++-----------------------
 1 file changed, 44 insertions(+), 46 deletions(-)

diff --git a/src/pages/now.astro b/src/pages/now.astro
index c828f93..cc0dfc2 100644
--- a/src/pages/now.astro
+++ b/src/pages/now.astro
@@ -12,53 +12,51 @@ const publishedOn = now.publishedOn === '' ? now.publishDate : now.publishedOn
 <Layout title="Now" description="What is Ayo Ayco currently up to?">
   <main>
     <h1>What's up <span class="text-gradient">Now</span></h1>
-    <p>
-      <small>
-        Updated on <time datetime={now.publishDate}>{publishedOn}</time>{
-          now.publishState ? `, ${now.publishState}` : ''
-        }
-      </small>
-      <Fragment set:html={nowHtml} />
-      <hr />
-      <em><a href="https://nownownow.com/about">About now pages</a></em>
-      &middot;
-      <em><a href="now/and-then/">Previously...</a></em>
-      <Footer />
-    </p>
-
-    <style>
-      .text-gradient {
-        font-weight: 900;
-        background-image: var(--ayo-gradient);
-        animation: pulse 4s ease-in-out infinite;
-        background-size: 500% 500%;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 100% 200%;
-        background-position-y: 100%;
-        border-radius: 0.4rem;
+    <small>
+      Updated on <time datetime={now.publishDate}>{publishedOn}</time>{
+        now.publishState ? `, ${now.publishState}` : ''
       }
+    </small>
+    <Fragment set:html={nowHtml} />
+    <hr />
+    <em><a href="https://nownownow.com/about">About now pages</a></em>
+    &middot;
+    <em><a href="now/and-then/">Previously...</a></em>
+    <Footer />
+  </main>
+</Layout>
 
-      .highlighted-content {
-        margin: 1rem 0;
-        background: #4f39fa;
-        padding: 1rem;
-        border-radius: 0.4rem;
-        color: var(--color-bg);
-      }
+<style>
+  .text-gradient {
+    font-weight: 900;
+    background-image: var(--ayo-gradient);
+    animation: pulse 4s ease-in-out infinite;
+    background-size: 500% 500%;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-size: 100% 200%;
+    background-position-y: 100%;
+    border-radius: 0.4rem;
+  }
 
-      .highlighted-content code {
-        font-size: var(--font-size-base);
-        border: 0.1em solid var(--color-border);
-        border-radius: 4px;
-        padding: 0.15em 0.25em;
-      }
+  .highlighted-content {
+    margin: 1rem 0;
+    background: #4f39fa;
+    padding: 1rem;
+    border-radius: 0.4rem;
+    color: var(--color-bg);
+  }
 
-      .link-card-grid {
-        display: grid;
-        gap: 1rem;
-        padding: 0;
-      }
-    </style>
-  </main></Layout
->
+  .highlighted-content code {
+    font-size: var(--font-size-base);
+    border: 0.1em solid var(--color-border);
+    border-radius: 4px;
+    padding: 0.15em 0.25em;
+  }
+
+  .link-card-grid {
+    display: grid;
+    gap: 1rem;
+    padding: 0;
+  }
+</style>