feat: empty now page

src/constants/bkup/2025-06-10.json

@@ -0,0 +1,7 @@
+{
+  "title": "Reading stuff & something to look forward to",
+  "description": "fighting to find a direction above the storm",
+  "publishDate": "2025-06-10",
+  "publishedOn": "",
+  "publishState": ""
+}

src/constants/bkup/2025-06-10.md

@@ -0,0 +1,12 @@
+## Reading
+
+Books I'm currently reading as I continue to have a messed up health & rhythm
+
+- [Getting Real](https://books.37signals.com/8/getting-real)
+- [How to Read a Book](https://en.wikipedia.org/wiki/How_to_Read_a_Book)
+- [Code Complete 2](http://www.amazon.com/dp/0735619670/)
+- [The Mythical Man-Month](http://www.amazon.com/dp/0201835959/)
+
+## Something to look forward to
+
+Reading has been a great companion lately. [37signals](https://37signals.com/) inspired me while reading their book "Getting Real", just in time as I'm up for updating my vision for 2030, after achieving most of my personal 2025 targets. [I want to start a cooperative that will empower people to take ownership of their digital lives.](https://social.ayco.io/@ayo/114655020696985932).

src/constants/now.json

@@ -1,7 +1,7 @@
 {
-  "title": "Reading stuff & something to look forward to",
+  "title": "",
-  "description": "fighting to find a direction above the storm",
+  "description": "",
-  "publishDate": "2025-06-10",
+  "publishDate": "2025-10-18",
   "publishedOn": "",
   "publishState": ""
 }

src/constants/now.md

@@ -1,12 +0,0 @@
-## Reading
-
-Books I'm currently reading as I continue to have a messed up health & rhythm
-
-- [Getting Real](https://books.37signals.com/8/getting-real)
-- [How to Read a Book](https://en.wikipedia.org/wiki/How_to_Read_a_Book)
-- [Code Complete 2](http://www.amazon.com/dp/0735619670/)
-- [The Mythical Man-Month](http://www.amazon.com/dp/0201835959/)
-
-## Something to look forward to
-
-Reading has been a great companion lately. [37signals](https://37signals.com/) inspired me while reading their book "Getting Real", just in time as I'm up for updating my vision for 2030, after achieving most of my personal 2025 targets. [I want to start a cooperative that will empower people to take ownership of their digital lives.](https://social.ayco.io/@ayo/114655020696985932).

src/pages/now/and-then/posts/2025-06-10.astro

@@ -0,0 +1,75 @@
+---
+import Layout from '../../../../layouts/Layout.astro'
+import Footer from '../../../../components/Footer.astro'
+
+const title = `Reading stuff & something to look forward to`
+const description = `fighting to find a direction above the storm`
+let publishedOn = ``
+const publishDate = `2025-06-10`
+const publishState = ``
+const content = `<h2>Reading</h2>
+<p>Books I'm currently reading as I continue to have a messed up health &#x26; rhythm</p>
+<ul>
+<li><a href="https://books.37signals.com/8/getting-real">Getting Real</a></li>
+<li><a href="https://en.wikipedia.org/wiki/How_to_Read_a_Book">How to Read a Book</a></li>
+<li><a href="http://www.amazon.com/dp/0735619670/">Code Complete 2</a></li>
+<li><a href="http://www.amazon.com/dp/0201835959/">The Mythical Man-Month</a></li>
+</ul>
+<h2>Something to look forward to</h2>
+<p>Reading has been a great companion lately. <a href="https://37signals.com/">37signals</a> inspired me while reading their book "Getting Real", just in time as I'm up for updating my vision for 2030, after achieving most of my personal 2025 targets. <a href="https://social.ayco.io/@ayo/114655020696985932">I want to start a cooperative that will empower people to take ownership of their digital lives.</a>.</p>`
+
+publishedOn = publishedOn === '' ? publishDate : publishedOn
+---
+
+<Layout title={title} description={description}>
+  <main>
+    <h1><span class="text-gradient">{title}</span></h1>
+    <p>
+      <small>
+        Published on
+        <time datetime={publishDate}>
+          {publishedOn}
+        </time>
+        {publishState}
+      </small>
+    </p>
+
+    <Fragment set:html={content} />
+  </main>
+  <Footer />
+</Layout>
+
+<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 {
+    margin: 1rem 0;
+    background: #4f39fa;
+    padding: 1rem;
+    border-radius: 0.4rem;
+    color: var(--color-bg);
+  }
+
+  .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>