From bfd7ded9c92115dc20f71270df215f2a40752a2d Mon Sep 17 00:00:00 2001
From: Andrew Brown <drusepth@gmail.com>
Date: Mon, 1 Sep 2025 23:02:37 -0700
Subject: [PATCH] other polish

---
 .../content/form/field_types/_tags.html.erb   |  2 +-
 app/views/universes/hub.html.erb              | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/views/content/form/field_types/_tags.html.erb b/app/views/content/form/field_types/_tags.html.erb
index 139a769e..0ed0a52d 100644
--- a/app/views/content/form/field_types/_tags.html.erb
+++ b/app/views/content/form/field_types/_tags.html.erb
@@ -66,7 +66,7 @@
         <% @suggested_page_tags.each do |tag| %>
           <a
             @click="addTag('<%= tag %>')"
-            class="inline-block bg-white hover:<%= @content.class.color %> hover:text-white rounded-full px-3 py-1 text-sm text-gray-700 cursor-pointer"
+            class="inline-block text-gray-200 hover:<%= @content.class.color %> hover:text-white rounded-full px-3 py-1 text-sm cursor-pointer"
           >
             <%= tag %>
           </a>
diff --git a/app/views/universes/hub.html.erb b/app/views/universes/hub.html.erb
index f51c0d92..5895285b 100644
--- a/app/views/universes/hub.html.erb
+++ b/app/views/universes/hub.html.erb
@@ -1,6 +1,21 @@
+<style>
+  @keyframes breathing-zoom {
+    0%, 100% {
+      transform: scale(1);
+    }
+    50% {
+      transform: scale(1.03);
+    }
+  }
+  
+  .breathing-header {
+    animation: breathing-zoom 8s ease-in-out infinite;
+  }
+</style>
+
 <div class="relative bg-purple-900">
-  <div class="h-56 bg-indigo-600 sm:h-72 md:absolute md:left-0 md:h-full md:w-1/2">
-    <%= image_tag asset_path("card-headers/universes.webp"), class: 'w-full h-full object-cover' %>
+  <div class="h-56 bg-indigo-600 sm:h-72 md:absolute md:left-0 md:h-full md:w-1/2 overflow-hidden">
+    <%= image_tag asset_path("card-headers/universes.webp"), class: 'w-full h-full object-cover breathing-header' %>
   </div>
   <div class="relative max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
     <div class="md:ml-auto md:w-1/2 md:pl-10">