erman/card-forge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update splash
All checks were successful
Build Docker image / build (push) Successful in 1m43s
Details
Build Docker image / deploy (push) Successful in 3s
Details
Build Docker image / verify (push) Successful in 30s
Details

Browse Source
This commit is contained in:
Roman Krček
2025-11-18 13:37:32 +01:00
parent 97460c018c
commit b90265110f
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/lib/components/Splash.svelte
View File

@@ -16,7 +16,7 @@
<div <div
class="container mx-auto max-w-5xl rounded-lg border border-gray-200 bg-white/90 p-10 text-center shadow-xl" class="container mx-auto max-w-5xl rounded-lg border border-gray-200 bg-white/90 p-10 text-center shadow-xl"
> >
<div class="mb-10 flex flex-col items-center"> <div class="mb-4 flex flex-col items-center">
<!-- Animated ESN Logo --> <!-- Animated ESN Logo -->
<div <div
class="mx-auto mb-6 flex h-40 w-40 items-center justify-center rounded-full bg-gradient-to-tr from-blue-400 via-purple-400 to-pink-400" class="mx-auto mb-6 flex h-40 w-40 items-center justify-center rounded-full bg-gradient-to-tr from-blue-400 via-purple-400 to-pink-400"
@@ -35,33 +35,33 @@
<span class="font-semibold text-black-800">Privacy-first</span>: all processing happens in <span class="font-semibold text-black-800">Privacy-first</span>: all processing happens in
your browser. your browser.
</p> </p>
<div class="mb-6"> <FeatureList class="mb-6" />
</div>
<div class="flex flex-col items-center justify-center gap-4 sm:flex-row">
<a <a
href="https://youtube.com" href="https://youtube.com"
target="_blank" target="_blank"
class="inline-flex items-center gap-2 rounded-lg bg-pink-100 px-4 py-2 font-semibold text-pink-700 transition-colors hover:bg-pink-200" class="flex w-64 items-center justify-center gap-2 rounded-lg bg-pink-400 px-8 py-3 text-lg font-bold text-white shadow-lg transition-transform hover:scale-105 hover:bg-pink-400"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5" class="h-6 w-6"
fill="currentColor" fill="currentColor"
viewBox="0 0 24 24" viewBox="0 0 24 24"
><path ><path
d="M23.498 6.186a2.998 2.998 0 0 0-2.115-2.117C19.073 3.5 12 3.5 12 3.5s-7.073 0-9.383.569A2.998 2.998 0 0 0 .502 6.186C0 8.497 0 12 0 12s0 3.503.502 5.814a2.998 2.998 0 0 0 2.115 2.117C4.927 20.5 12 20.5 12 20.5s7.073 0 9.383-.569a2.998 2.998 0 0 0 2.115-2.117C24 15.503 24 12 24 12s0-3.503-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" d="M23.498 6.186a2.998 2.998 0 0 0-2.115-2.117C19.073 3.5 12 3.5 12 3.5s-7.073 0-9.383.569A2.998 2.998 0 0 0 .502 6.186C0 8.497 0 12 0 12s0 3.503.502 5.814a2.998 2.998 0 0 0 2.115 2.117C4.927 20.5 12 20.5 12 20.5s7.073 0 9.383-.569a2.998 2.998 0 0 0 2.115-2.117C24 15.503 24 12 24 12s0-3.503-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
/></svg /></svg
> >
Watch how Card Forge works Watch Tutorial
</a> </a>
</div>
<FeatureList class="mb-8" />
</div>
<button <button
onclick={startWizard} onclick={startWizard}
class="rounded-lg bg-blue-600 bg-gradient-to-r px-10 py-4 text-lg font-bold text-white shadow-lg transition-transform hover:scale-105" class="w-64 rounded-lg bg-blue-600 px-8 py-3 text-lg font-bold text-white shadow-lg transition-transform hover:scale-105 hover:bg-blue-700"
> >
Start Creating Cards Start Creating Cards
</button> </button>
</div> </div>
</div>
<footer class="mt-4 text-center"> <footer class="mt-4 text-center">
{#if buildDate && gitRef} {#if buildDate && gitRef}
<p class="text-xs text-gray-400"> <p class="text-xs text-gray-400">