Deprecated warning

protonemedia · Aug 20, 2024 · 776bb11 · 776bb11
1 parent 5f0743c
commit 776bb11
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 16 deletions.
diff --git a/resources/views/components/feature.blade.php b/resources/views/components/feature.blade.php
@@ -1,4 +1,4 @@
-<div {{ $attributes->class('snap-start min-h-screen flex items-center justify-center') }}>
+<div {{ $attributes->class('min-h-screen flex items-center justify-center') }}>
     <div class="max-w-full lg:max-w-4xl mx-auto py-32 px-4 sm:px-8 md:px-24 lg:px-8">
         <div class="leading-7 md:leading-9 text-center">
             <h3 class="font-display text-3xl md:text-4xl xl:text-5xl tracking-tight text-slate-900 max-w-2xl mx-auto">{{ $title }}</h3>

diff --git a/resources/views/components/goodbye-my-friend.blade.php b/resources/views/components/goodbye-my-friend.blade.php
@@ -0,0 +1,4 @@
+<div {{ $attributes->class('p-4 bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-400 border-l-4 border-red-400 dark:border-red-500 shadow-sm space-y-3') }}>
+    <p>As of August 2024, Splade is no longer actively maintained. Though we will try to keep up with future Laravel and PHP versions, we discourage using Splade in new projects.</p>
+    <p>After a <a class="font-semibold underline" href="https://protone.media/en/blog/thoughts-on-splade-i-took-a-week-off-to-look-around-and-reflect">period of reflection</a>, we've come full circle and decided to bring the magic of Splade back to Inertia, where it all started. Please check out this new chapter in our journey: <a class="font-semibold underline" href="https://inertiaui.com?utm_source=splade&utm_medium={{ $medium }}&utm_campaign=warning">Inertia UI</a>.</p>
+</div>
diff --git a/resources/views/documentation.blade.php b/resources/views/documentation.blade.php
@@ -14,13 +14,11 @@
                 @include('links')
 
                 <div class="mt-8 w-full max-w-[210px] sm:max-w-none">
-                    @include('eddy-reference')
-
                     <a
-                        href="https://www.youtube.com/watch?v=xf9XxmEor5k"
+                        href="https://inertiaui.com?utm_source=splade&utm_medium=docs&utm_campaign=sidebar"
                         target="_blank"
                         class="block mt-8 bg-gradient-to-r from-[#632bd1] to-[#f34f83] text-center text-white font-semibold py-1 ">
-                        Splade v2 Sneak Peek 👀
+                        Check out Inertia UI 🔥
                     </a>
                 </div>
             </nav>
@@ -48,13 +46,11 @@ class="block mt-8 bg-gradient-to-r from-[#632bd1] to-[#f34f83] text-center text-
                 </nav>
 
                 <div class="mt-8 px-2 xl:px-8">
-                    @include('eddy-reference')
-
                     <a
-                        href="https://www.youtube.com/watch?v=xf9XxmEor5k"
+                        href="https://inertiaui.com?utm_source=splade&utm_medium=docs&utm_campaign=sidebar"
                         target="_blank"
                         class="block mt-8 bg-gradient-to-r from-[#632bd1] to-[#f34f83] text-center text-white font-semibold py-1 ">
-                        Splade v2 Sneak Peek 👀
+                        Check out Inertia UI 🔥
                     </a>
                 </div>
             </div>
@@ -66,6 +62,8 @@ class="block mt-8 bg-gradient-to-r from-[#632bd1] to-[#f34f83] text-center text-
                 <x-search />
             </div>
 
+            <x-goodbye-my-friend class="mb-8" medium="docs" />
+
             <x-splade-content
                 as="article"
                 class="prose-pre:p-0 prose prose-slate max-w-none dark:prose-invert dark:text-slate-400 prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem] prose-lead:text-slate-500 dark:prose-lead:text-slate-400 prose-a:font-semibold dark:prose-a:text-sky-400 prose-a:no-underline prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))] hover:prose-a:[--tw-prose-underline-size:6px] dark:[--tw-prose-background:theme(colors.slate.900)] dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))] dark:hover:prose-a:[--tw-prose-underline-size:6px] prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10 dark:prose-hr:border-slate-800 break-words"

diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
@@ -1,13 +1,15 @@
-<div class="sm:snap-mandatory h-screen snap-y overflow-y-scroll">
-    <div class="snap-start min-h-screen w-full flex items-center justify-center bg-gradient-to-b from-slate-300 via-gray-200 to-slate-50 relative dark:from-slate-900 dark:via-gray-900 dark:to-slate-800">
+<div class="h-screen overflow-y-scroll">
+    <div class="min-h-screen w-full flex items-center justify-center bg-gradient-to-b from-slate-300 via-gray-200 to-slate-50 relative dark:from-slate-900 dark:via-gray-900 dark:to-slate-800">
         <a
-            href="https://www.youtube.com/watch?v=xf9XxmEor5k"
+            href="https://inertiaui.com?utm_source=splade&utm_medium=welcome&utm_campaign=hero"
             target="_blank"
             class="absolute z-10 md:transform md:-rotate-45 bg-gradient-to-r from-[#632bd1] to-[#f34f83] text-center text-white font-semibold py-1 md:left-[-48px] top-0 left-0 md:top-[61px] w-full md:w-[250px]">
-            Splade v2 Sneak Peek 👀
+            Check out Inertia UI 🔥
         </a>
         <div class="flex flex-col items-center px-8 relative py-16 min-h-screen">
             <div class="flex flex-col items-center mt-auto">
+                <x-goodbye-my-friend class="mb-16 max-w-3xl" medium="hero" />
+
                 <x-logo class="max-w-3xl w-full" />
 
                 <h2 class="text-3xl max-w-xl xl:max-w-none sm:text-4xl mt-8 font-display font-light tracking-wide text-center text-slate-800 dark:text-white">
@@ -25,7 +27,6 @@ class="absolute z-10 md:transform md:-rotate-45 bg-gradient-to-r from-[#632bd1]
                 <Link class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" href="/docs">Docs</Link>
                 <a class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" target="_blank" href="https://github.com/protonemedia/laravel-splade">GitHub</a>
                 <a class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" target="_blank" href="https://www.youtube.com/watch?v=9V9BUHtvwXI">Introduction Video</a>
-                <a class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" target="_blank" href="https://discord.gg/qGJ4MkMQWm">Discord</a>
                 <a class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" target="_blank" href="https://twitter.com/pascalbaljet">Twitter</a>
                 <Link modal class="inline-block text-center rounded-md border border-transparent bg-[#632bd1] px-4 py-2 text-sm font-medium text-white shadow-md transition hover:bg-[#4D21A2] focus:outline-none focus:ring-2 focus:ring-[#7B4BDA] focus:ring-offset-2" target="_blank" href="{{ route('newsletter.create') }}">Newsletter</Link>
             </div>
@@ -88,13 +89,12 @@ class="bg-gradient-to-r from-blue-100 via-pink-100 to-yellow-100">
         The Lazy Component allows you to load sections of your <span class="font-bold">data and template lazily</span>. Splade also has support for Persistent Layouts, like a media player that <span class="font-bold">must continue playing</span> while your users navigate your app.
     </x-feature>
 
-    <div class="snap-start min-h-screen w-full flex items-center justify-center bg-gradient-to-b from-gray-700 via-slate-900 to-black text-center">
+    <div class="min-h-screen w-full flex items-center justify-center bg-gradient-to-b from-gray-700 via-slate-900 to-black text-center">
         <div class="font-display text-white text-2xl font-light tracking-wide space-y-3 sm:space-y-5 px-8 max-w-5xl pt-16 pb-32 sm:pb-16">
             <h4 class="sm:text-3xl md:text-4xl pb-4 sm:pb-8 leading-9">Splade allows you to build <span class="font-semibold">Single Page Applications</span> with the <span class="font-semibold">Laravel Blade</span> templating engine while still having the full power of <span class="font-semibold">Vue.js</span>.</h4>
             <h4 class="sm:text-3xl md:text-4xl pb-4 sm:pb-8 leading-9">Besides all the built-in components, you can use <span class="font-semibold">existing Blade and Vue libraries</span>. It's not about replacing JavaScript. It's about giving you a <span class="font-semibold">massive head start</span> with the built-in components.</h4>
             <h6><a class="font-medium underline" href="https://github.com/protonemedia/laravel-splade" target="_blank">Open source</a> MIT License.</h6>
             <h5>Brought to you by <a class="font-medium underline" href="https://github.com/protonemedia" target="_blank">Protone Media</a>.</h5>
-            <h5>Hosted using <a class="font-medium underline" href="https://eddy.management" target="_blank">Eddy Server Management</a>.</h5>
         </div>
     </div>
 </div>