meowww (#1277)

web/views/index.ejs

@@ -368,13 +368,13 @@
 
     <!-- Supporters -->
     <% if (typeof supporters !== 'undefined' && supporters.length > 0) { %>
-    <section class="pt-40 pb-28">
+    <section class="pb-40" style="background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.45) 30%, rgba(0,0,0,0.45) 100%); padding-top: 120px;">
         <div class="max-w-[1400px] mx-auto px-6 lg:px-8">
             <p class="text-center text-sm uppercase tracking-widest text-muted opacity-70 mb-5"><%= t('home.supportedBy') %></p>
             <div class="flex flex-wrap justify-center gap-2">
                 <% supporters.forEach(function(sq) { %>
                 <a href="/squadrons/<%= encodeURIComponent(sq.short) %>"
-                   class="px-3 py-1 rounded-full text-xs font-medium border border-[rgba(144,238,144,0.15)] text-muted hover:text-accent hover:border-[rgba(144,238,144,0.35)] transition-colors">
+                   class="px-3 py-1 rounded-full text-xs font-medium border border-[rgba(144,238,144,0.15)] text-muted hover:text-accent hover:border-[rgba(144,238,144,0.35)] transition-colors backdrop-blur-sm bg-[rgba(144,238,144,0.04)]">
                     <span class="opacity-70"><%= sq.short %></span> // <%= sq.long %>
                 </a>
                 <% }); %>