From 88db1cb6a9b099ceada0f9b09ddf92149ad6bc44 Mon Sep 17 00:00:00 2001
From: Pavel Sviderski <me@psviderski.name>
Date: Sat, 10 May 2025 07:48:20 +1000
Subject: [PATCH] fix: hero svg on safari

---
 website/index.html | 12 ++++++++----
 website/style.css  | 17 ++++++++++++++---
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/website/index.html b/website/index.html
index 99d8846e..962db0ac 100644
--- a/website/index.html
+++ b/website/index.html
@@ -87,9 +87,11 @@
                 <div class="px-4 sm:px-6">
                     <div class="max-w-3xl mx-auto">
                         <div class="text-center pb-12 md:pb-16">
-                            <h1 class="font-inter-tight text-4xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-zinc-500 via-zinc-900 to-zinc-900 pb-4">
-                                Stay simple
-                                <span class="relative inline-block">Kubernetes
+                            <h1 class="font-inter-tight text-4xl md:text-5xl font-bold pb-4">
+                                <span class="bg-clip-text text-transparent bg-gradient-to-r from-zinc-600 via-zinc-800 to-zinc-900">
+                                    Stay simple<br>
+                                </span>
+                                <span class="relative inline-block text-3xl">Kubernetes
                                     <svg class="absolute inset-0 w-full h-full z-10 pointer-events-none"
                                          viewBox="0 0 100 30"
                                          preserveAspectRatio="none">
@@ -111,7 +113,9 @@
                                         </path>
                                     </svg>
                                 </span><br>
-                                Ship more
+                                <span class="bg-clip-text text-transparent bg-gradient-to-r from-zinc-700 via-zinc-900 to-zinc-900">
+                                    Ship more
+                                </span>
                             </h1>
                             <p class="text-lg text-zinc-500 mb-8">
                                 Uncloud is a lightweight Docker clustering tool for running and scaling web apps on your
diff --git a/website/style.css b/website/style.css
index 7a31b641..79f13228 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1689,12 +1689,23 @@ input[type="search"]::-webkit-search-results-decoration {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
-.from-zinc-500{
-  --tw-gradient-from: #71717a var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position);
+.from-zinc-600{
+  --tw-gradient-from: #52525b var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.from-zinc-700{
+  --tw-gradient-from: #3f3f46 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.via-zinc-800{
+  --tw-gradient-to: rgb(39 39 42 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
 .via-zinc-900{
   --tw-gradient-to: rgb(24 24 27 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to);