diff --git a/src/pages/connect.md b/src/pages/connect.md
index 2097004..90ff232 100644
--- a/src/pages/connect.md
+++ b/src/pages/connect.md
@@ -1,5 +1,5 @@
 ---
-title: "Connect"
+title: "🌐 Connect"
 description: ""
 layout: "../layouts/Layout.astro"
 ---
diff --git a/src/pages/gallery/cairns.md b/src/pages/gallery/cairns.md
index e93cf87..5d370e4 100644
--- a/src/pages/gallery/cairns.md
+++ b/src/pages/gallery/cairns.md
@@ -1,5 +1,5 @@
 ---
-title: 'gallery: cairn collection'
+title: '📸 gallery: cairn collection'
 description: ''
 layout: "../../layouts/Gallery.astro"
 ---
diff --git a/src/pages/gallery/index.md b/src/pages/gallery/index.md
index bdf9f64..b5e5df6 100644
--- a/src/pages/gallery/index.md
+++ b/src/pages/gallery/index.md
@@ -1,5 +1,5 @@
 ---
-title: 'gallery'
+title: '📸 gallery'
 description: ''
 layout: "../../layouts/Layout.astro"
 ---
@@ -9,4 +9,4 @@ Under you'll see different pages where I collect and showcase some of my photogr
 This way you can check out moments and places of my life, but keep in mind I'm no photographer lol. These are just my memories and a way to replace Instagram.
 
 - [**cairn collection**](/gallery/cairns)
-- [**valencia**](/gallery/valencia)
\ No newline at end of file
+- [**valencia**](/gallery/valencia)
diff --git a/src/pages/gallery/valencia.astro b/src/pages/gallery/valencia.astro
index 3f69e73..df12301 100644
--- a/src/pages/gallery/valencia.astro
+++ b/src/pages/gallery/valencia.astro
@@ -9,8 +9,8 @@ const valenciaImages = gallery.valencia.map(image => ({
 ---
 
 <SectionContainer>
-  <main class="flex flex-col gap-6 py-8">
-    <h1 class="text-4xl font-bold">gallery: valencia</h1>
+  <main class="flex flex-col gap-6 py-4">
+    <h1 class="text-3xl font-bold">📸 gallery: valencia</h1>
     <div class="grid grid-cols-3 gap-4">
       {
         valenciaImages.map(image => (
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 20ad9eb..254851b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -16,12 +16,12 @@ import HeaderLink from '../components/HeaderLink.astro';
             </div>
             <div>
                 <h1 class="text-xl font-semibold">pages</h1>
-                <ul class="flex flex-col blog">
-                    <li><HeaderLink href="/about">whoami</HeaderLink>~ sid, i am</li>
-                    <li><HeaderLink href="/blog">blog</HeaderLink>~ my written thoughts and ideas</li>
-                    <li><HeaderLink href="/logs">logs</HeaderLink>~ a record of what I've watched, read & climbed</li>
-                    <li><HeaderLink href="/gallery">gallery</HeaderLink>~ moments and places of my life, in pictures</li>
-                    <li><HeaderLink href="/more">more</HeaderLink>~ additional pages</li>
+                <ul class="flex flex-col index">
+                    <li><HeaderLink href="/about">❓ whoami</HeaderLink>~ sid, i am</li>
+                    <li><HeaderLink href="/blog">✍️ blog</HeaderLink>~ i write my thoughts sometimes</li>
+                    <li><HeaderLink href="/logs">🗂️ logs</HeaderLink>~ a record of what I've watched, read & climbed</li>
+                    <li><HeaderLink href="/gallery">📸 gallery</HeaderLink>~ moments and places of my life, in pictures</li>
+                    <li><HeaderLink href="/more">🦕 more</HeaderLink>~ additional pages</li>
                 </ul>
             </div>
         </div>
diff --git a/src/pages/logs/index.md b/src/pages/logs/index.md
index c1d9cff..2068d84 100644
--- a/src/pages/logs/index.md
+++ b/src/pages/logs/index.md
@@ -1,5 +1,5 @@
 ---
-title: 'Logs'
+title: '🗂️ Logs'
 description: ''
 layout: "../../layouts/Layout.astro"
 ---
diff --git a/src/pages/uses.md b/src/pages/uses.md
index 2e99d66..45637ea 100644
--- a/src/pages/uses.md
+++ b/src/pages/uses.md
@@ -1,5 +1,5 @@
 ---
-title: "Uses"
+title: "✨ Uses"
 description: ""
 layout: "../layouts/Layout.astro"
 ---
diff --git a/src/styles/global.css b/src/styles/global.css
index 4f2f452..c43ce0b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -42,6 +42,18 @@ p {
   	border-top: 1px solid var(--light-1);
 }
 
+/* INDEX */
+.index li {
+	list-style: none;
+	padding: 10px 0 0 0;
+}
+
+.index a { color: var(--dark-link);}
+
+.dark .index a { color: var(--light-link);}
+
+.index a:hover { text-decoration: underline 2px;}
+
 /* BLOG */
 .blog p {
 	margin: 10px 0 0 0;