diff --git a/quartz/components/Footer.tsx b/quartz/components/Footer.tsx
index cff28cbb9..395be4559 100644
--- a/quartz/components/Footer.tsx
+++ b/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]) => (
diff --git a/quartz/components/renderPage.tsx b/quartz/components/renderPage.tsx
index 2c1bf5e75..d00fcd3b5 100644
--- a/quartz/components/renderPage.tsx
+++ b/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>
diff --git a/quartz/components/styles/footer.scss b/quartz/components/styles/footer.scss
index 9c8dbf8c1..9e8892f78 100644
--- a/quartz/components/styles/footer.scss
+++ b/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 {
diff --git a/quartz/static/android-chrome-144x144.png b/quartz/static/android-chrome-144x144.png
new file mode 100644
index 000000000..cc3b54592
Binary files /dev/null and b/quartz/static/android-chrome-144x144.png differ
diff --git a/quartz/static/apple-touch-icon.png b/quartz/static/apple-touch-icon.png
new file mode 100644
index 000000000..0e5bd4d38
Binary files /dev/null and b/quartz/static/apple-touch-icon.png differ
diff --git a/quartz/static/favicon-16x16.png b/quartz/static/favicon-16x16.png
new file mode 100644
index 000000000..663e10fd2
Binary files /dev/null and b/quartz/static/favicon-16x16.png differ
diff --git a/quartz/static/favicon-32x32.png b/quartz/static/favicon-32x32.png
new file mode 100644
index 000000000..d3687b07f
Binary files /dev/null and b/quartz/static/favicon-32x32.png differ
diff --git a/quartz/static/favicon.ico b/quartz/static/favicon.ico
new file mode 100644
index 000000000..d2e81eba2
Binary files /dev/null and b/quartz/static/favicon.ico differ
diff --git a/quartz/static/icon.png b/quartz/static/icon.png
index b6656a7a8..0e5bd4d38 100644
Binary files a/quartz/static/icon.png and b/quartz/static/icon.png differ
diff --git a/quartz/static/mstile-150x150.png b/quartz/static/mstile-150x150.png
new file mode 100644
index 000000000..b9119e35b
Binary files /dev/null and b/quartz/static/mstile-150x150.png differ
diff --git a/quartz/static/og-image.png b/quartz/static/og-image.png
index f1321455b..2d471667e 100644
Binary files a/quartz/static/og-image.png and b/quartz/static/og-image.png differ
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 391139cdd..04ffca826 100644
--- a/quartz/styles/base.scss
+++ b/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;
       }
     }
 
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index b0c09dcb9..2e06f7231 100644
--- a/quartz/styles/custom.scss
+++ b/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;
+}
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index f61adfcdd..dd2fd1f08 100644
--- a/quartz/styles/variables.scss
+++ b/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;