add footer and enrich you metadata

Author: papes1ns

.cache/rss-cache.json

@@ -1,6 +1,6 @@
 {
   "https://gist.github.com/papes1ns.atom": {
-    "etag": "W/\"9ef60a8a6c199529363faa68287ee7f0\""
+    "etag": "W/\"a273036f4558af5023a4a22267829a47\""
   },
   "https://spin.atomicobject.com/author/nathan-papes/feed/atom/": {
     "etag": "W/\"4bec340c60f29471a33dd7baa19e7b7e\"",

README.md

@@ -73,7 +73,7 @@ export const Content = z
     /** ISO-8601 timestamp of publish date */
     created_at: z.string(),
     /** Estimated reading time in minutes */
-    reading_time_minutes: z.number().int().positive().optional(),
+    estimated_time_minutes: z.number().int().positive().optional(),
     tags: z.array(z.string()).optional(),
   })
   .strict();

packages/core/src/schema.ts

@@ -7,10 +7,8 @@ export const Content = z
     title: z.string(),
     description: z.string().optional(),
     url: z.string().url("Must be a valid URL"),
-    /** ISO-8601 timestamp of publish date */
     created_at: z.string(),
-    /** Estimated reading time in minutes */
-    reading_time_minutes: z.number().int().positive().optional(),
+    estimated_time_minutes: z.number().int().positive().optional(),
     tags: z.array(z.string()).optional(),
   })
   .strict();

packages/web/src/index.css

@@ -412,3 +412,75 @@ tbody {
     opacity: 1;
   }
 }
+
+body {
+  padding-bottom: 2.5rem; /* prevent content from hiding behind footer */
+}
+
+/* Fixed footer */
+#site-footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 2.5rem;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 0 0.75rem;
+  gap: 0.75rem;
+  border-top: 1px solid var(--color-border);
+  background-color: var(--color-background);
+  backdrop-filter: blur(6px);
+  z-index: 10;
+  font-size: 0.75rem;
+}
+
+#site-footer a {
+  color: var(--color-text-secondary);
+}
+
+#site-footer a:hover {
+  color: var(--color-brand);
+}
+
+/* Modal styles */
+.modal {
+  position: fixed;
+  inset: 0;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+}
+
+.modal.show {
+  display: flex;
+}
+
+.modal-content {
+  max-width: 600px;
+  max-height: 80vh;
+  overflow-y: auto;
+  padding: 1.5rem;
+  background: var(--color-background);
+  color: var(--color-text);
+  border-radius: 0.25rem;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+}
+
+.modal-content h2 {
+  margin-bottom: 0.75rem;
+  color: var(--color-brand);
+}
+
+.modal-content button {
+  margin-top: 1rem;
+  background: var(--color-brand);
+  color: var(--color-text-invert);
+  border: none;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}

packages/web/src/index.ts

@@ -196,3 +196,31 @@ function initializeFromURL() {
 
 document.addEventListener("DOMContentLoaded", initializeFromURL);
 window.addEventListener("popstate", initializeFromURL);
+
+// Terms & Privacy modal
+const openTerms = document.getElementById("open-terms") as HTMLElement | null;
+const termsModal = document.getElementById("terms-modal") as HTMLElement | null;
+const closeTerms = document.getElementById("close-terms") as HTMLElement | null;
+
+if (openTerms && termsModal && closeTerms) {
+  openTerms.addEventListener("click", (e) => {
+    e.preventDefault();
+    termsModal.classList.add("show");
+  });
+
+  closeTerms.addEventListener("click", () => {
+    termsModal.classList.remove("show");
+  });
+
+  termsModal.addEventListener("click", (e) => {
+    if (e.target === termsModal) {
+      termsModal.classList.remove("show");
+    }
+  });
+
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      termsModal.classList.remove("show");
+    }
+  });
+}

packages/web/src/render.tsx

@@ -14,11 +14,13 @@ export const Rendered = renderToString(
   <Fragment>
     <header>
       <div class="left">
-        <h1>Nathan Papes</h1>
+        <h1>Nate Papes</h1>
         <span class="slash"></span>
-        <p>Software Consultant &amp; Developer</p>
+        <p>Software Engineer</p>
         <span class="slash"></span>
-        <p>A2</p>
+        <p>Creator</p>
+        <span class="slash"></span>
+        <p>Skater</p>
       </div>
       <div class="right">
         <a
@@ -112,8 +114,8 @@ export const Rendered = renderToString(
                         })()}
                       </td>
                       <td>
-                        {content.reading_time_minutes !== undefined
-                          ? `${content.reading_time_minutes} min`
+                        {content.estimated_time_minutes !== undefined
+                          ? `${content.estimated_time_minutes} min`
                           : "-"}
                       </td>
                       <td>
@@ -131,5 +133,34 @@ export const Rendered = renderToString(
           )}
       </tbody>
     </table>
+
+    <footer id="site-footer">
+      <div class="footer-left">
+        <a href="#" id="open-terms">
+          Terms &amp; Privacy
+        </a>
+      </div>
+      <div class="footer-right">
+        <a href="mailto:[email protected]" id="contact-link">
+          Contact
+        </a>
+      </div>
+    </footer>
+
+    <div id="terms-modal" class="modal">
+      <div class="modal-content">
+        <h2>Terms &amp; Privacy</h2>
+        <p>
+          All content on this site is provided as-is without any warranty. By
+          using this site you agree not to hold the author liable for any
+          damages.
+        </p>
+        <p>
+          This site does not intentionally collect personal data beyond what
+          your browser sends automatically with each request.
+        </p>
+        <button id="close-terms">Close</button>
+      </div>
+    </div>
   </Fragment>
 );

providers/atomicobject/content/aurora-mysql-8-upgrade-using-the-aws-blue-green-style.toml

@@ -3,5 +3,5 @@ title = "Aurora MySQL 8 Upgrade: Using the AWS Blue/Green Style"
 description = "Upgrade database with AWS RDS going from Aurora MySQL 5.7 to 8.0 using Blue/Green deployment. No downtime. No more RDS Extended Support."
 url = "https://spin.atomicobject.com/aurora-mysql-8-aws-blue-green/"
 created_at = "2025-02-12T19:52:56Z"
-reading_time_minutes = 7
+estimated_time_minutes = 7
 tags = ["AWS","database","aws","app","database migration"]

providers/atomicobject/content/create-a-time-tracking-cli-tool-with-go-oauth2-and-google-ca.toml

@@ -3,5 +3,5 @@ title = "Create a Time-Tracking CLI Tool with Go, OAuth2, and Google Calendar AP
 description = "In 2024, there's been a lot of hype around Golang. I felt inspired to try it out and write a program in this language."
 url = "https://spin.atomicobject.com/golang-time-tracking/"
 created_at = "2024-04-16T20:59:47Z"
-reading_time_minutes = 4
+estimated_time_minutes = 4
 tags = ["Golang","time tracking","oauth2","calendar","golang","google"]

providers/atomicobject/content/docker-compose-dependency-management-isn-8217-t-a-silver-bul.toml

@@ -3,5 +3,5 @@ title = "Docker Compose Dependency Management Isn't a Silver Bullet"
 description = "The dependency management in Docker Compose, particularly with the depends_on attribute, isn't a silver bullet."
 url = "https://spin.atomicobject.com/docker-dependency-management/"
 created_at = "2024-01-25T21:27:16Z"
-reading_time_minutes = 3
+estimated_time_minutes = 3
 tags = ["DevOps & System Admin.","python","docker","docker-compose","django","mariadb"]

providers/atomicobject/content/from-green-to-great-building-confidence-in-consulting.toml

@@ -3,5 +3,5 @@ title = "From Green to Great: Building Confidence in Consulting"
 description = "Preferring simplicity over complexity and being a great communicator are traits I've observed from effective software consultants."
 url = "https://spin.atomicobject.com/software-consultants-confidence/"
 created_at = "2024-07-17T18:51:31Z"
-reading_time_minutes = 4
+estimated_time_minutes = 4
 tags = ["Growing as Makers","problem solving","career development","consulting","atomic accelerator"]