diff --git a/app/(withRecent)/categories/[categorySlug]/page.tsx b/app/(withRecent)/categories/[categorySlug]/page.tsx
index 8ba8c71..6593544 100644
--- a/app/(withRecent)/categories/[categorySlug]/page.tsx
+++ b/app/(withRecent)/categories/[categorySlug]/page.tsx
@@ -1,5 +1,6 @@
 import { metadata } from '@/app/metadata'
 import { getAllCategories, getCategoryBySlug, getPostsByCategory } from '@/lib/categories'
+import { dateFormatter } from '@/utils/time'
 import type { Metadata } from 'next'
 import Link from 'next/link'
 
@@ -49,14 +50,35 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
 
   return (
     <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
-      <h1>Category: {category}</h1>
-      <ul>
-        {posts.map((post) => (
-          <li key={post.slug}>
-            <Link href={`/posts/${post.slug}`}>{post.title}</Link>
-          </li>
-        ))}
-      </ul>
+      <div className="font-mono text-sm text-fg-dim mb-2">~/categories/{categorySlug}</div>
+
+      <div className="border-l border-border ml-1 mb-3">
+        <span className="py-2 px-5 block font-bold group-hover:text-accent transition-colors capitalize">
+          {category}
+        </span>
+        <ul className="border-l border-border ml-8 mb-3">
+          {posts.map((post) => (
+            <li key={post.slug} className="pl-5">
+              <Link
+                href={`/posts/${post.slug}`}
+                className="group flex items-baseline justify-between gap-3 py-1.5 px-2 -ml-2 border-l-2 border-transparent hover:bg-accent/10 hover:border-accent transition-colors"
+              >
+                <span className="group-hover:text-accent transition-colors truncate">
+                  {post.title}
+                </span>
+                {post.date && (
+                  <time
+                    dateTime={new Date(post.date).toISOString()}
+                    className="text-sm whitespace-nowrap"
+                  >
+                    {dateFormatter.format(new Date(post.date))}
+                  </time>
+                )}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </div>
     </main>
   )
 }
diff --git a/app/(withRecent)/categories/page.tsx b/app/(withRecent)/categories/page.tsx
index 4a45c98..6a3eec0 100644
--- a/app/(withRecent)/categories/page.tsx
+++ b/app/(withRecent)/categories/page.tsx
@@ -34,9 +34,9 @@ export default function CategoriesPage() {
 
   return (
     <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
-      <div className="text-sm text-fg-dim mb-2">~/categories</div>
+      <div className="font-mono text-sm text-fg-dim mb-2">~/categories</div>
 
-      <ul className="border-l border-neutral-800 ml-1">
+      <ul className="border-l border-border ml-1">
         {categoryNames.map((category) => {
           const categoryPosts = posts.filter((post) => post.category === category)
 
@@ -49,10 +49,10 @@ export default function CategoriesPage() {
                 <span className="font-bold group-hover:text-accent transition-colors">
                   {category}
                 </span>
-                <span className="font-mono text-xs text-neutral-600">({categoryPosts.length})</span>
+                <span className="text-xs text-fg">({categoryPosts.length})</span>
               </Link>
 
-              <ul className="border-l border-neutral-800 ml-3 mb-3">
+              <ul className="border-l border-border ml-3 mb-3">
                 {categoryPosts.map((post) => (
                   <li key={post.slug} className="pl-5">
                     <Link
diff --git a/app/(withRecent)/tags/[tagSlug]/page.tsx b/app/(withRecent)/tags/[tagSlug]/page.tsx
index 1e26684..24cd228 100644
--- a/app/(withRecent)/tags/[tagSlug]/page.tsx
+++ b/app/(withRecent)/tags/[tagSlug]/page.tsx
@@ -1,5 +1,6 @@
 import { metadata } from '@/app/metadata'
 import { getAllTags, getPostsByTag, getTagBySlug } from '@/lib/tags'
+import { dateFormatter } from '@/utils/time'
 import type { Metadata } from 'next'
 import Link from 'next/link'
 
@@ -49,14 +50,35 @@ export default async function TagPage({ params }: TagPageProps) {
 
   return (
     <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
-      <h1>Tag: {tag}</h1>
-      <ul>
-        {posts.map((post) => (
-          <li key={post.slug}>
-            <Link href={`/posts/${post.slug}`}>{post.title}</Link>
-          </li>
-        ))}
-      </ul>
+      <div className="font-mono text-sm text-fg-dim mb-2">~/tags/{tagSlug}</div>
+
+      <div className="border-l border-border ml-1 mb-3">
+        <span className="py-2 px-5 block font-bold group-hover:text-accent transition-colors capitalize">
+          {tag}
+        </span>
+        <ul className="border-l border-border ml-8 mb-3">
+          {posts.map((post) => (
+            <li key={post.slug} className="pl-5">
+              <Link
+                href={`/posts/${post.slug}`}
+                className="group flex items-baseline justify-between gap-3 py-1.5 px-2 -ml-2 border-l-2 border-transparent hover:bg-accent/10 hover:border-accent transition-colors"
+              >
+                <span className="group-hover:text-accent transition-colors truncate">
+                  {post.title}
+                </span>
+                {post.date && (
+                  <time
+                    dateTime={new Date(post.date).toISOString()}
+                    className="text-sm whitespace-nowrap"
+                  >
+                    {dateFormatter.format(new Date(post.date))}
+                  </time>
+                )}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </div>
     </main>
   )
 }
diff --git a/app/(withRecent)/tags/page.tsx b/app/(withRecent)/tags/page.tsx
index 8837328..d4283cf 100644
--- a/app/(withRecent)/tags/page.tsx
+++ b/app/(withRecent)/tags/page.tsx
@@ -34,9 +34,9 @@ export default function TagsPage() {
 
   return (
     <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
-      <div className="text-sm text-fg-dim mb-2">~/tags</div>
+      <div className="font-mono text-sm text-fg-dim mb-2">~/tags</div>
 
-      <ul className="border-l border-neutral-800 ml-1">
+      <ul className="border-l border-border ml-1">
         {tagNames.map((tag) => {
           const tagPosts = posts.filter((post) => post.tags && post.tags.includes(tag))
 
@@ -49,10 +49,10 @@ export default function TagsPage() {
                 <span className="font-bold group-hover:text-accent transition-colors capitalize">
                   {tag}
                 </span>
-                <span className="font-mono text-xs text-neutral-600">({tagPosts.length})</span>
+                <span className="text-xs text-fg">({tagPosts.length})</span>
               </Link>
 
-              <ul className="border-l border-neutral-800 ml-3 mb-3">
+              <ul className="border-l border-border ml-3 mb-3">
                 {tagPosts.map((post) => (
                   <li key={post.slug} className="pl-5">
                     <Link
diff --git a/app/apple-icon.png b/app/apple-icon.png
new file mode 100644
index 0000000..53e1d75
Binary files /dev/null and b/app/apple-icon.png differ
diff --git a/app/favicon.ico b/app/favicon.ico
index 718d6fe..3cf6acb 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/app/icon0.svg b/app/icon0.svg
new file mode 100644
index 0000000..776092a
--- /dev/null
+++ b/app/icon0.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"><metadata><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><rdf:Description><dc:creator>RealFaviconGenerator</dc:creator><dc:source>https://realfavicongenerator.net</dc:source></rdf:Description></rdf:RDF></metadata><image width="512" height="512" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAFpWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgeG1wOkNyZWF0ZURhdGU9IjIwMjYtMDgtMDRUMDk6MTQ6NTMrMDI6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTA4LTA0VDA5OjIwOjA1KzAyOjAwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDI2LTA4LTA0VDA5OjIwOjA1KzAyOjAwIgogICBwaG90b3Nob3A6RGF0ZUNyZWF0ZWQ9IjIwMjYtMDgtMDRUMDk6MTQ6NTMrMDI6MDAiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIu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"></image></svg>
\ No newline at end of file
diff --git a/app/icon1.png b/app/icon1.png
new file mode 100644
index 0000000..463b09f
Binary files /dev/null and b/app/icon1.png differ
diff --git a/app/manifest.ts b/app/manifest.ts
new file mode 100644
index 0000000..3450af8
--- /dev/null
+++ b/app/manifest.ts
@@ -0,0 +1,25 @@
+import type { MetadataRoute } from 'next'
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'Ephemeris',
+    short_name: 'Ephemeris',
+    icons: [
+      {
+        src: '/web-app-manifest-192x192.png',
+        sizes: '192x192',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        src: '/web-app-manifest-512x512.png',
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+    ],
+    theme_color: '#ef1f1f',
+    background_color: '#ef1f1f',
+    display: 'standalone',
+  }
+}
\ No newline at end of file
diff --git a/app/metadata.ts b/app/metadata.ts
index 13d0874..86a40ff 100644
--- a/app/metadata.ts
+++ b/app/metadata.ts
@@ -12,4 +12,9 @@ export const metadata: Metadata = {
     url: process.env.SITE_URL,
     siteName: 'Ephemeris',
   },
+  appleWebApp: {
+    title: 'Ephemeris',
+    statusBarStyle: 'default',
+    capable: true,
+  },
 }
diff --git a/app/posts/[slug]/page.tsx b/app/posts/[slug]/page.tsx
index 29790fd..80a2f0c 100644
--- a/app/posts/[slug]/page.tsx
+++ b/app/posts/[slug]/page.tsx
@@ -106,9 +106,13 @@ export default async function Post({ params }: { params: Promise<{ slug: string
             <h2 className="text-lg font-bold">Tags</h2>
             <div className="flex flex-wrap gap-1">
               {meta.tags.map((tag) => (
-                <span key={tag} className="bg-accent/20 text-accent px-3 py-1 rounded-full text-xs">
+                <Link
+                  key={tag}
+                  href={`/tags/${slugify(tag)}`}
+                  className="bg-accent/20 text-accent px-3 py-1 rounded-full text-xs hover:bg-accent/30 transition-colors"
+                >
                   {tag}
-                </span>
+                </Link>
               ))}
             </div>
           </div>
diff --git a/components/content/ImageWrapper.tsx b/components/content/ImageWrapper.tsx
index 5feea57..45fde8b 100644
--- a/components/content/ImageWrapper.tsx
+++ b/components/content/ImageWrapper.tsx
@@ -23,7 +23,7 @@ export function ImageWrapper({ src, alt, isListing }: ImageWrapperProps) {
           <span className="text-xs text-fg-dim font-mono">~/{src}</span>
         </div>
         <Image
-          src={`/${src}`}
+          src={`/posts/${src}`}
           alt={alt ?? ''}
           width={isListing ? 400 : 800}
           height={isListing ? 240 : 400}
diff --git a/components/layout/Sidebar.tsx b/components/layout/Sidebar.tsx
index c49bcd2..343d474 100644
--- a/components/layout/Sidebar.tsx
+++ b/components/layout/Sidebar.tsx
@@ -1,9 +1,9 @@
 import { metadata } from '@/app/metadata'
-import { NotepadText } from 'lucide-react'
 import { NavLinks } from '@/components/layout/NavLinks'
 import { siBluesky, siGithub, siMatrix, siTelegram, type SimpleIcon } from 'simple-icons'
 import { ExternalLink } from '@/components/ui/ExternalLink'
 import { getGitCommitHash } from '@/utils/git'
+import Image from 'next/image'
 
 type SocialLink = {
   icon: SimpleIcon
@@ -38,7 +38,7 @@ export async function Sidebar() {
       <div className="sticky top-0 flex flex-col h-screen gap-4 py-4">
         <div>
           <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
-            <NotepadText className="w-6 h-6" />
+            <Image src="/logo.png" alt="Ephemeris Logo" width={32} height={32} />
             <span>{metadata.title!.toString()}</span>
           </h2>
           <ul className="space-y-2">
diff --git a/components/layout/navItems.tsx b/components/layout/navItems.tsx
index e210dd1..d64296f 100644
--- a/components/layout/navItems.tsx
+++ b/components/layout/navItems.tsx
@@ -1,4 +1,4 @@
-import { Folder, GitBranch, Home, Info, Rss, Tags } from 'lucide-react'
+import { ChartColumnStacked, GitBranch, Home, Info, Rss, Tags } from 'lucide-react'
 
 type NavItem = {
   href: string
@@ -12,7 +12,11 @@ const navIconsClassName = 'w-6 h-6 lg:w-4 lg:h-4'
 export const navItems: NavItem[] = [
   { href: '/', label: 'Home', icon: <Home className={navIconsClassName} /> },
   { href: '/about', label: 'About', icon: <Info className={navIconsClassName} /> },
-  { href: '/categories', label: 'Categories', icon: <Folder className={navIconsClassName} /> },
+  {
+    href: '/categories',
+    label: 'Categories',
+    icon: <ChartColumnStacked className={navIconsClassName} />,
+  },
   { href: '/tags', label: 'Tags', icon: <Tags className={navIconsClassName} /> },
   {
     href: '/feed.xml',
diff --git a/components/post/Post.tsx b/components/post/Post.tsx
index 0fbc8d6..a821139 100644
--- a/components/post/Post.tsx
+++ b/components/post/Post.tsx
@@ -48,7 +48,7 @@ export function Post({ post, isLatest, showImageSlot }: PostProps) {
             {title}
           </Link>
         </h2>
-        <p className="text-fg-dim font-mono text-sm">{description}</p>
+        <p className="text-fg-dim text-sm">{description}</p>
         <div className="flex gap-2 items-center text-fg-dim text-xs font-mono mt-1">
           <time dateTime={publishedAt.toISOString()}>{dateFormatter.format(publishedAt)}</time>
           <span>&middot;</span>
diff --git a/components/post/TableOfContents.tsx b/components/post/TableOfContents.tsx
index e2f51fd..7bc0ee4 100644
--- a/components/post/TableOfContents.tsx
+++ b/components/post/TableOfContents.tsx
@@ -39,8 +39,11 @@ export function TableOfContents({ items }: { items: TocItem[] }) {
 
   return (
     <aside className="hidden lg:block w-80 2xl:w-100">
-      <nav aria-label="Table of contents" className="sticky top-20">
-        <h2 className="text-2xl font-bold mb-4">Table of Contents</h2>
+      <nav
+        aria-label="Table of contents"
+        className="sticky top-12 border-l border-border h-fit pl-4 py-4"
+      >
+        <h2 className="text-xl font-bold mb-4">Table of Contents</h2>
         <ul className="space-y-1 text-sm">
           {items.map((item) => (
             <li key={item.id} className={indentByLevel[item.level] ?? 'pl-0'}>
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..81133fc
Binary files /dev/null and b/public/logo.png differ
diff --git a/public/image.png b/public/posts/image.png
similarity index 100%
rename from public/image.png
rename to public/posts/image.png
diff --git a/public/standard_model.svg b/public/posts/standard_model.svg
similarity index 100%
rename from public/standard_model.svg
rename to public/posts/standard_model.svg
diff --git a/public/web-app-manifest-192x192.png b/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..bb07713
Binary files /dev/null and b/public/web-app-manifest-192x192.png differ
diff --git a/public/web-app-manifest-512x512.png b/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..81133fc
Binary files /dev/null and b/public/web-app-manifest-512x512.png differ