fix: hero svg on safari

This commit is contained in:
Pavel Sviderski
2025-05-10 07:48:20 +10:00
parent dfa6e001c5
commit 88db1cb6a9
2 changed files with 22 additions and 7 deletions
+8 -4
View File
@@ -87,9 +87,11 @@
<div class="px-4 sm:px-6"> <div class="px-4 sm:px-6">
<div class="max-w-3xl mx-auto"> <div class="max-w-3xl mx-auto">
<div class="text-center pb-12 md:pb-16"> <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"> <h1 class="font-inter-tight text-4xl md:text-5xl font-bold pb-4">
Stay simple <span class="bg-clip-text text-transparent bg-gradient-to-r from-zinc-600 via-zinc-800 to-zinc-900">
<span class="relative inline-block">Kubernetes 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" <svg class="absolute inset-0 w-full h-full z-10 pointer-events-none"
viewBox="0 0 100 30" viewBox="0 0 100 30"
preserveAspectRatio="none"> preserveAspectRatio="none">
@@ -111,7 +113,9 @@
</path> </path>
</svg> </svg>
</span><br> </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> </h1>
<p class="text-lg text-zinc-500 mb-8"> <p class="text-lg text-zinc-500 mb-8">
Uncloud is a lightweight Docker clustering tool for running and scaling web apps on your Uncloud is a lightweight Docker clustering tool for running and scaling web apps on your
+14 -3
View File
@@ -1689,12 +1689,23 @@ input[type="search"]::-webkit-search-results-decoration {
background-image: linear-gradient(to right, var(--tw-gradient-stops)); background-image: linear-gradient(to right, var(--tw-gradient-stops));
} }
.from-zinc-500{ .from-zinc-600{
--tw-gradient-from: #71717a var(--tw-gradient-from-position); --tw-gradient-from: #52525b var(--tw-gradient-from-position);
--tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-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); --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{ .via-zinc-900{
--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --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); --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to);