From 36d84914d4557d31e1fe01f7a5c909d4f86d38bc Mon Sep 17 00:00:00 2001
From: Ayo <ayo@ayco.io>
Date: Wed, 27 Aug 2025 09:32:53 +0200
Subject: [PATCH] feat: allow reading saved articles; add home button

---
 src/layouts/App.astro |  2 ++
 src/pages/index.astro | 39 +++++++++++++++++++++++++++++++++------
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/layouts/App.astro b/src/layouts/App.astro
index 7cf7602..cf61686 100644
--- a/src/layouts/App.astro
+++ b/src/layouts/App.astro
@@ -120,11 +120,13 @@ const siteName = 'cozy.pub'
       }
     }
 
+    /*
     &:has(#router-outlet #post) {
       #jumbotron {
         display: none;
       }
     }
+    */
   }
 </style>
 <style is:global>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a56c384..a8c1eb2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,12 +5,39 @@ import Footer from '../components/Footer.astro'
 ---
 
 <App article={null}>
-  <h1>Under Maintenance</h1>
-  <p>
-    Currently performing scheduled maintenance, working to improve your
-    experience. Please check back soon. We apologize for any inconvenience this
-    may cause.
-  </p>
+  <button
+    id="home-btn"
+    onclick="document.getElementById('router-outlet').innerHTML = `
+      <h1>Under Maintenance</h1>
+      <p>
+        Currently performing scheduled maintenance, working to improve your
+        experience. Please check back soon. We apologize for any inconvenience
+        this may cause.
+      </p>
+  `;"
+    >Home</button
+  >
+  <div slot="post" id="router-outlet">
+    <h1>Under Maintenance</h1>
+    <p>
+      Currently performing scheduled maintenance, working to improve your
+      experience. Please check back soon. We apologize for any inconvenience
+      this may cause.
+    </p>
+  </div>
   <Library slot="library" skipSave={true} />
   <Footer slot="footer" />
 </App>
+
+<style>
+  #home-btn {
+    width: 100%;
+    padding: 0.5rem 1rem;
+    text-align: center;
+    border-radius: 30px;
+    border: 2px solid rgb(var(--gray));
+    background-color: white;
+    box-shadow: 0 1px 3px 1px rgb(var(--gray-light));
+    cursor: pointer;
+  }
+</style>