update completed

quartz/components/Footer.tsx

@@ -14,8 +14,7 @@ export default ((opts?: Options) => {
     return (
       <footer class={`${displayClass ?? ""}`}>
         <p>
-          {i18n(cfg.locale).components.footer.createdWith}{" "}
-          <a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
+          © {year} riceset
         </p>
         <ul>
           {Object.entries(links).map(([text, link]) => (

quartz/components/renderPage.tsx

@@ -280,7 +280,7 @@ export function renderPage(
                 </div>
               </div>
               <Content {...componentData} />
-              <hr />
+              {slug !== "index" && <hr />}
               <div class="page-footer">
                 {afterBody.map((BodyComponent) => (
                   <BodyComponent {...componentData} />
@@ -288,7 +288,7 @@ export function renderPage(
               </div>
             </div>
             {RightComponent}
-            <Footer {...componentData} />
+            {slug !== "index" && <Footer {...componentData} />}
           </Body>
         </div>
       </body>

quartz/components/styles/footer.scss

@@ -1,6 +1,7 @@
 footer {
-  text-align: left;
-  margin-bottom: 4rem;
+  text-align: center;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
   opacity: 0.7;
 
   & ul {

quartz/styles/base.scss

@@ -211,7 +211,7 @@ a {
     }
 
     & .sidebar {
-      gap: 1.2rem;
+      gap: 2rem;
       top: 0;
       box-sizing: border-box;
       padding: $topSpacing 2rem 2rem 2rem;
@@ -232,7 +232,8 @@ a {
         height: unset;
         flex-direction: row;
         padding: 0;
-        padding-top: 2rem;
+        padding-top: 0.5rem;
+        padding-bottom: 0.5rem;
       }
     }
 

quartz/styles/custom.scss

@@ -1,3 +1,78 @@
 @use "./base.scss";
 
-// put your custom CSS here!
+// Center the right sidebar content ONLY on mobile devices
+@media (max-width: 800px) {
+  .right.sidebar {
+    text-align: center;
+    
+    h3 {
+      text-align: center;
+    }
+    
+    ul {
+      list-style: none;
+      padding-left: 0;
+      text-align: center;
+    }
+    
+    li {
+      text-align: center;
+    }
+  }
+}
+
+// Hide right sidebar on tablet view (801px to 1199px)
+@media (min-width: 801px) and (max-width: 1199px) {
+  #quartz-body {
+    .sidebar.right {
+      display: none !important;
+    }
+  }
+  
+  // Also hide if it appears as a direct child
+  .right.sidebar {
+    display: none !important;
+  }
+  
+  // Target any element with grid-area set to grid-sidebar-right
+  [style*="grid-area: grid-sidebar-right"],
+  *[class*="right"] {
+    display: none !important;
+  }
+}
+
+// Keep everything left-aligned on desktop
+@media (min-width: 1200px) {
+  .right.sidebar {
+    text-align: left;
+    display: flex !important;
+    
+    h3 {
+      text-align: left;
+    }
+    
+    ul {
+      text-align: left;
+      list-style: none;
+      padding-left: 0;
+    }
+  }
+}
+
+// Hide the index page (Komeno) from "Latest" on ALL pages
+// Using multiple approaches to ensure it works
+.recent-notes li.recent-li:has(a[href="/"]),
+.recent-notes li.recent-li:has(a[href="index"]),
+.recent-notes li.recent-li:has(a[href="./index"]),
+.recent-notes li.recent-li:has(a[href="../index"]),
+.recent-notes li.recent-li:has(a[href*="index"]),
+// Also try with the recent-ul class
+.recent-ul li:has(a[href="/"]),
+.recent-ul li:has(a[href*="index"]) {
+  display: none !important;
+}
+
+// Fallback: Hide first item in recent notes (if Komeno is always first)
+.recent-notes .recent-ul li.recent-li:first-child {
+  display: none !important;
+}

quartz/styles/variables.scss

@@ -18,7 +18,7 @@ $desktop: "(min-width: #{map.get($breakpoints, desktop)})";
 
 $pageWidth: #{map.get($breakpoints, mobile)};
 $sidePanelWidth: 320px; //380px;
-$topSpacing: 6rem;
+$topSpacing: 2rem;
 $boldWeight: 700;
 $semiBoldWeight: 600;
 $normalWeight: 400;