From 2192de4f8afaa2c91530111aa453b7521e38f6ee Mon Sep 17 00:00:00 2001
From: Tanner Heffner <tannerjheffner@gmail.com>
Date: Fri, 26 Jan 2024 19:29:36 -0800
Subject: [PATCH] cleanup filter colors, emoji wall space a little bit

---
 src/lib/components/EmojiWall.svelte | 10 +++++-----
 src/lib/components/PostItem.svelte  |  2 +-
 src/routes/(main)/+page.svelte      |  2 +-
 src/tailwind.css                    |  6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/EmojiWall.svelte b/src/lib/components/EmojiWall.svelte
index ccf664c..7588969 100644
--- a/src/lib/components/EmojiWall.svelte
+++ b/src/lib/components/EmojiWall.svelte
@@ -1,12 +1,12 @@
 <script>
-  const WALL_SIZE = 84
+  const WALL_SIZE = 96
 
   // The first emoji in the array becomes the dominant background
   // The others intersperse randomly
   const emojis = [
-    ['🌊','🦑','🦀','🐳','🦐','🐡','🐠','🦈','🏄‍♂️','🏝'],
-    ['🌳','🦥','🦜','🐊','🐸','🐒','🌺','🍄','🐯','🐜'],
-    ['🏜','🌵','🌞','🦂','🐍','🤠','🦇','🦉','🐫'],
+    ['🌊','🦑','🦀','🐳','🦐','🐡','🐠','🦈','🏄‍♂️','🏝','🦞','🐋'],
+    ['🌳','🦥','🦜','🐊','🐸','🐒','🌺','🍄','🐯','🐜','🦟','🐝'],
+    ['🏜','🌵','🌞','🦂','🐍','🤠','🦇','🦉','🐫', '🦗'],
     ['🏔','🏕','🌲','🦅','🌝','🏂']
   ]
 
@@ -52,7 +52,7 @@
   let visible = shuffleArray(scenes[initial])
 </script>
 
-<div class="block text-shadow text-4xl md:text-6xl mt-4 lg:mt-8 w-full max-h-[400px] md:max-h-[450px] overflow-hidden lg:overflow-visible" aria-hidden="true">
+<div class="block text-shadow text-4xl md:text-6xl mt-4 p-8 lg:mt-8 w-full max-h-[370px] md:max-h-[415px] overflow-hidden" aria-hidden="true">
   {#each visible as f, i}
     <!-- <span>{i}</span> -->
     <button
diff --git a/src/lib/components/PostItem.svelte b/src/lib/components/PostItem.svelte
index d9b7fc9..81a7f5f 100644
--- a/src/lib/components/PostItem.svelte
+++ b/src/lib/components/PostItem.svelte
@@ -26,7 +26,7 @@
         <span
           class="
           w-fit rounded-full
-          bg-alternate dark:bg-secondary px-2
+          bg-alternate px-2
           py-1 text-xs font-bold
           text-red-600 text-white md:px-4 dark:text-gray-900
         ">
diff --git a/src/routes/(main)/+page.svelte b/src/routes/(main)/+page.svelte
index ca08c1f..2b5740b 100644
--- a/src/routes/(main)/+page.svelte
+++ b/src/routes/(main)/+page.svelte
@@ -55,7 +55,7 @@
       <a href="/about">about</a>.
     </p>
     <p />
-    <p>Thanks for stopping by, check out the links that work. ✌️</p>
+    <p>Thanks for stopping by, check out the <a href="/blogroll">links that work</a>. ✌️</p>
   </Slice>
 
   <Slice title="Currently...">
diff --git a/src/tailwind.css b/src/tailwind.css
index 2aa8d88..2ff2b5d 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -121,9 +121,9 @@
 /* filters on /blog page */
 .filter {
   @apply m-1 inline-block whitespace-nowrap rounded rounded-md px-4 py-2;
-  @apply border-secondary bg-alternate text-secondary font-bold;
+  @apply border-accent bg-gray-200 text-gray-900 font-bold;
   @apply dark:border-slate-600 dark:bg-gray-800 dark:text-gray-100;
-  @apply ring-secondary transition-all duration-200 ease-in-out hover:ring-2;
+  @apply ring-accent transition-all duration-200 ease-in-out hover:ring-2;
 }
 .activefilter {
   @apply border-secondary bg-accent text-orange-100;
@@ -186,7 +186,7 @@
   transition: transform 0.2s;
 }
 .emoji:hover {
-  transform: scale(3);
+  transform: scale(2);
 }
 
 /*