cleanup filter colors, emoji wall space a little bit

tjheffner · Jan 27, 2024 · 2192de4 · 2192de4
1 parent b680d8d
commit 2192de4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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);
 }
 
 /*