feat(now): publish date as small instead of em

commands/now-template

@@ -16,11 +16,11 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/constants/now.json

@@ -3,5 +3,5 @@
   "description": "I am focused at bringing my own web ecosystem to life",
   "publishDate": "2025-03-23",
   "publishedOn": "the 23rd of March, 2025 in my home in Amsterdam",
-  "publishState": "where it is starting to get sunny again"
+  "publishState": "where it is starting to get sunny again (sometimes)"
 }

src/pages/now.astro

@@ -13,20 +13,19 @@ const publishedOn = now.publishedOn === '' ? now.publishDate : now.publishedOn
   <main>
     <h1>What's up <span class="text-gradient">Now</span></h1>
     <p>
-      <em
+      <small>
-        >Updated on <time datetime={now.publishDate}>{publishedOn}</time>{
+        Updated on <time datetime={now.publishDate}>{publishedOn}</time>{
           now.publishState ? `, ${now.publishState}` : ''
-        }</em
+        }
-      >
+        <small> </small>
-    </p>
         <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>
+      </small>
-</Layout>
+    </p>
 
     <style>
       main {
@@ -68,3 +67,5 @@ const publishedOn = now.publishedOn === '' ? now.publishDate : now.publishedOn
         padding: 0;
       }
     </style>
+  </main></Layout
+>

src/pages/now/and-then/posts/2022-09-20.astro

@@ -10,10 +10,10 @@ const description =
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2022-09-20"
           >20th of September, 2022</time
-        ></em
+        ></small
       >
     </p>
     <p>

src/pages/now/and-then/posts/2023-01-19.astro

@@ -10,10 +10,10 @@ const description =
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2023-01-19"
           >19th of January, 2023</time
-        ></em
+        ></small
       >
     </p>
     <p>

src/pages/now/and-then/posts/2023-06-23.astro

@@ -9,9 +9,9 @@ const description = 'A project that aims to be a modern-day reading assistant'
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2023-06-23">23rd of June, 2023</time
-        ></em
+        ></small
       >
     </p>
     <p>

src/pages/now/and-then/posts/2023-09-09.astro

@@ -11,10 +11,10 @@ const description =
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2023-09-09"
           >9th of September, 2023</time
-        ></em
+        ></small
       >
     </p>
 

src/pages/now/and-then/posts/2024-04-19.astro

@@ -10,9 +10,9 @@ const description = 'Building again with Python'
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2024-04-19">19th of April, 2024</time
-        ></em
+        ></small
       >
     </p>
 

src/pages/now/and-then/posts/2024-06-17.astro

@@ -10,9 +10,9 @@ const description = 'I have joined ING as a Chapter Lead for Web Engineering'
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2024-06-17">17th of June, 2024</time
-        ></em
+        ></small
       >
     </p>
 

src/pages/now/and-then/posts/2024-09-05.astro

@@ -10,10 +10,10 @@ const description = 'This is a dump of what my current state, more or less'
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2024-09-05"
           >5th of September, 2024</time
-        > from my home in Amsterdam, where it is starting to get colder again :)</em
+        > from my home in Amsterdam, where it is starting to get colder again :)</small
       >
     </p>
     <p>

src/pages/now/and-then/posts/2024-09-27.astro

@@ -11,11 +11,11 @@ const description =
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em
+      <small
         >Published on the <time datetime="2024-09-05"
           >27th of September, 2024</time
         > from my home in Amsterdam, where it's beginning to rain more often again
-        :)</em
+        :)</small
       >
     </p>
 

src/pages/now/and-then/posts/2024-12-25.astro

@@ -21,11 +21,11 @@ const content = `<p>Christmas holidays as started for me.</p>
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-01-04.astro

@@ -20,11 +20,11 @@ const content = `<p>Happy with how I organized my spaces at home with separation
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-01-09.astro

@@ -21,11 +21,11 @@ const content = `<h2>Annual Sickness</h2>
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-01-15.astro

@@ -17,11 +17,11 @@ const content = `<h2>FOSDEM 2025</h2>
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-01-31.astro

@@ -18,11 +18,11 @@ const content = `<h2>At FOSDEM Social Web</h2>
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-02-05.astro

@@ -22,11 +22,11 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-02-11.astro

@@ -21,11 +21,11 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-02-15.astro

@@ -18,11 +18,11 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />

src/pages/now/and-then/posts/2025-03-13.astro

@@ -21,11 +21,11 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
   <main>
     <h1><span class="text-gradient">{title}</span></h1>
     <p>
-      <em>
+      <small>
         Published on
         <time datetime={publishDate}>{publishedOn}</time>
         {publishState}
-      </em>
+      </small>
     </p>
 
     <Fragment set:html={content} />