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
+7 -3
View File
@@ -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>
<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
+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));
}
.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);