Adding updated content

thedevdojo · Sep 22, 2024 · 2ca984f · 2ca984f
1 parent 659ff9d
commit 2ca984f
Show file tree

Hide file tree

Showing 101 changed files with 559 additions and 493 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -26,7 +26,7 @@
       position: absolute;
       width: 100%;
       height: 100%;
-      background-color: #000;
+      background-color: #0a0a0a;
       z-index: 9998;
     }
 
@@ -47,7 +47,7 @@
         background-color: #ffffff;
       }
       &::after {
-        background-color: #000000;
+        background-color: #0a0a0a;
       }
     }
   }
@@ -171,6 +171,16 @@ https://cdn.devdojo.com/images/august2024/wavyer-pattern.png */
   background-size: 150px 150px; /* Adjust as needed */
 }
 
+.dark  .pattern-anchors{
+  background-color: #ffffff;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23cccccc' fill-opacity='0.4' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
+}
+
+.pattern-anchors{
+  background-color: #0a0a0a;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23cccccc' fill-opacity='0.4' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
+}
+
 .docs table thead tr th{
   text-align: left;
 }
@@ -210,4 +220,49 @@ https://cdn.devdojo.com/images/august2024/wavyer-pattern.png */
   --docsearch-hit-background: #f5f5f5;
   --docsearch-hit-shadow: none;
   --docsearch-container-background:rgba(0,0,0,0.8);
+}
+
+
+
+
+.wrapper {
+  position: relative;
+}
+
+.marquee {
+  animation: marquee 5s linear infinite;
+}
+
+.marquee2 {
+  animation: marquee2 5s linear infinite;
+  position: absolute;
+  top: 0;
+}
+
+ul.marquee, ul.marquee2 {
+  display: flex;
+  list-style: none;
+  padding-left: 0;
+}
+
+ul.marquee li, ul.marquee2 li {
+  margin: 8px;
+}
+
+@keyframes marquee {
+  from {
+    transform: translateX(0%);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes marquee2 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0%);
+  }
 }
diff --git a/assets/images/bear.png b/assets/images/bear.png
diff --git a/assets/images/content.jpg b/assets/images/content.jpg
diff --git a/assets/images/cool-tech.webp b/assets/images/cool-tech.webp
diff --git a/assets/images/feature-icons/set-01/bulb.png b/assets/images/feature-icons/set-01/bulb.png
diff --git a/assets/images/feature-icons/set-01/changelog.png b/assets/images/feature-icons/set-01/changelog.png
diff --git a/assets/images/feature-icons/set-01/check.png b/assets/images/feature-icons/set-01/check.png
diff --git a/assets/images/feature-icons/set-01/coding.png b/assets/images/feature-icons/set-01/coding.png
diff --git a/assets/images/feature-icons/set-01/design.png b/assets/images/feature-icons/set-01/design.png
diff --git a/assets/images/feature-icons/set-01/discount.png b/assets/images/feature-icons/set-01/discount.png
diff --git a/assets/images/feature-icons/set-01/features.png b/assets/images/feature-icons/set-01/features.png
diff --git a/assets/images/feature-icons/set-01/login.png b/assets/images/feature-icons/set-01/login.png
diff --git a/assets/images/feature-icons/set-01/overthink.png b/assets/images/feature-icons/set-01/overthink.png
diff --git a/assets/images/feature-icons/set-01/roles.png b/assets/images/feature-icons/set-01/roles.png
diff --git a/assets/images/feature-icons/set-01/themes.png b/assets/images/feature-icons/set-01/themes.png
diff --git a/assets/images/feature-icons/set-01/ticket.png b/assets/images/feature-icons/set-01/ticket.png
diff --git a/assets/images/feature-icons/set-01/user-shield.png b/assets/images/feature-icons/set-01/user-shield.png
diff --git a/assets/images/feature-icons/set-01/verified.png b/assets/images/feature-icons/set-01/verified.png
diff --git a/assets/images/feature-icons/set-01/www.png b/assets/images/feature-icons/set-01/www.png
diff --git a/assets/images/feature-icons/set-02/admin.png b/assets/images/feature-icons/set-02/admin.png
diff --git a/assets/images/feature-icons/set-02/billing.png b/assets/images/feature-icons/set-02/billing.png
diff --git a/assets/images/feature-icons/set-02/blog.png b/assets/images/feature-icons/set-02/blog.png
diff --git a/assets/images/feature-icons/set-02/blueprint.png b/assets/images/feature-icons/set-02/blueprint.png
diff --git a/assets/images/feature-icons/set-02/bulb.png b/assets/images/feature-icons/set-02/bulb.png
diff --git a/assets/images/feature-icons/set-02/creativity.png b/assets/images/feature-icons/set-02/creativity.png
diff --git a/assets/images/feature-icons/set-02/design.png b/assets/images/feature-icons/set-02/design.png
diff --git a/assets/images/feature-icons/set-02/features.png b/assets/images/feature-icons/set-02/features.png
diff --git a/assets/images/feature-icons/set-02/idea.png b/assets/images/feature-icons/set-02/idea.png
diff --git a/assets/images/feature-icons/set-02/login.png b/assets/images/feature-icons/set-02/login.png
diff --git a/assets/images/feature-icons/set-02/megaphone.png b/assets/images/feature-icons/set-02/megaphone.png
diff --git a/assets/images/feature-icons/set-02/money.png b/assets/images/feature-icons/set-02/money.png
diff --git a/assets/images/feature-icons/set-02/overthink.png b/assets/images/feature-icons/set-02/overthink.png
diff --git a/assets/images/feature-icons/set-02/page-design.png b/assets/images/feature-icons/set-02/page-design.png
diff --git a/assets/images/feature-icons/set-02/pass.png b/assets/images/feature-icons/set-02/pass.png
diff --git a/assets/images/feature-icons/set-02/subscription.png b/assets/images/feature-icons/set-02/subscription.png
diff --git a/assets/images/feature-icons/set-02/templates.png b/assets/images/feature-icons/set-02/templates.png
diff --git a/assets/images/feature-icons/set-02/user.png b/assets/images/feature-icons/set-02/user.png
diff --git a/assets/images/feature-images/auth.png b/assets/images/feature-images/auth.png
diff --git a/assets/images/feature-images/profile.png b/assets/images/feature-images/profile.png
diff --git a/assets/images/feature-images/source.html b/assets/images/feature-images/source.html
diff --git a/assets/images/gifs/disk.gif b/assets/images/gifs/disk.gif
diff --git a/assets/images/gifs/monitor.gif b/assets/images/gifs/monitor.gif
diff --git a/assets/images/icons/action.png b/assets/images/icons/action.png
diff --git a/assets/images/icons/book-question.png b/assets/images/icons/book-question.png
diff --git a/assets/images/icons/cards.png b/assets/images/icons/cards.png
diff --git a/assets/images/icons/collections.png b/assets/images/icons/collections.png
diff --git a/assets/images/icons/configurations.png b/assets/images/icons/configurations.png
diff --git a/assets/images/icons/content.png b/assets/images/icons/content.png
diff --git a/assets/images/icons/folder-structure.png b/assets/images/icons/folder-structure.png
diff --git a/assets/images/icons/globe.png b/assets/images/icons/globe.png
diff --git a/assets/images/icons/includes.png b/assets/images/icons/includes.png
diff --git a/assets/images/icons/info.png b/assets/images/icons/info.png
diff --git a/assets/images/icons/install.png b/assets/images/icons/install.png
diff --git a/assets/images/icons/layouts.png b/assets/images/icons/layouts.png
diff --git a/assets/images/icons/notepad.png b/assets/images/icons/notepad.png
diff --git a/assets/images/icons/open-book.png b/assets/images/icons/open-book.png
diff --git a/assets/images/icons/page-globe.png b/assets/images/icons/page-globe.png
diff --git a/assets/images/icons/reload.png b/assets/images/icons/reload.png
diff --git a/assets/images/icons/tailwindcss.png b/assets/images/icons/tailwindcss.png
diff --git a/assets/images/icons/time.png b/assets/images/icons/time.png
diff --git a/assets/images/screens/dark/admin.jpg b/assets/images/screens/dark/admin.jpg
diff --git a/assets/images/screens/dark/auth.jpg b/assets/images/screens/dark/auth.jpg
diff --git a/assets/images/screens/dark/dashboard.jpg b/assets/images/screens/dark/dashboard.jpg
diff --git a/assets/images/screens/dark/home.jpg b/assets/images/screens/dark/home.jpg
diff --git a/assets/images/screens/light/admin.jpg b/assets/images/screens/light/admin.jpg
diff --git a/assets/images/screens/light/auth.jpg b/assets/images/screens/light/auth.jpg
diff --git a/assets/images/screens/light/dashboard.jpg b/assets/images/screens/light/dashboard.jpg
diff --git a/assets/images/screens/light/home.jpg b/assets/images/screens/light/home.jpg
diff --git a/content/docs/features/auth.md b/content/docs/features/auth.md
@@ -115,6 +115,6 @@ You can also give your users the option of enabling Two-Factor auth to gaurantee
 
 Setting up Social Authentication is very simple thanks to the Auth Package. From inside the `/auth/setup/providers` you can toggle the social networks you want to enable.
 
-<img src="https://cdn.devdojo.com/images/august2024/social-providers-screen.jpeg" class="w-full rounded-md border border-gray-200" />
+<img src="https://cdn.devdojo.com/images/august2024/social-providers-screen.jpeg" class="w-full border rounded-md border-neutral-200" />
 
 You will also need to add the social network API keys in order to successfully enable the provider. <a href="https://devdojo.com/auth/docs/config/social-providers/" target="_blank">Learn more about that here</a>.
diff --git a/content/docs/features/billing.md b/content/docs/features/billing.md
@@ -90,7 +90,7 @@ STRIPE_WEBHOOK_SECRET=whsec_75...
 
 If your webhook is not setup correctly, it may look like the user purchases and their account never upgrades. Here is a workflow overview of how it works from when the user clicks the **Subscribe to Plan** button.
 
-<img src="https://cdn.devdojo.com/images/august2024/stripe-webhook-workflow-new.png" class="relative w-full rounded-md border border-gray-200" />
+<img src="https://cdn.devdojo.com/images/august2024/stripe-webhook-workflow-new.png" class="relative w-full border rounded-md border-neutral-200" />
 
 As you can see that the webhook gets sent at the same time as a successful payment. So, if the webhook is not setup correctly the user will be redirected to the success page, but their account will not actually be upgraded.
 

diff --git a/content/docs/features/volt.md b/content/docs/features/volt.md
@@ -91,26 +91,26 @@ Here's a simple version `todos` Volt single-file component:
 
 <x-layouts.marketing>
     @volt('todos')
-        <div class="flex justify-center items-center px-16 py-20 w-full h-full text-gray-300 bg-gray-100">
+        <div class="flex items-center justify-center w-full h-full px-16 py-20 text-neutral-300 bg-neutral-100">
             <div class="p-10 bg-white rounded">
-                <h2 class="text-base font-semibold leading-7 text-gray-900">My Todo</h2>
-                <p class="mt-1 text-sm leading-6 text-gray-500">You have {{ $this->remaining }} things on your todo list.</p>
+                <h2 class="text-base font-semibold leading-7 text-neutral-900">My Todo</h2>
+                <p class="mt-1 text-sm leading-6 text-neutral-500">You have {{ $this->remaining }} things on your todo list.</p>
 
                 <div class="mt-4 space-y-3">
                     @foreach($todos as $todo)
-                    <div class="flex relative items-start">
+                    <div class="relative flex items-start">
                         <div class="flex items-center h-6">
-                            <input id="todo-{{ $loop->index }}" wire:model.live="todos.{{ $loop->index }}.completed" type="checkbox" value="1" class="w-4 h-4 text-indigo-600 rounded border-gray-300 focus:ring-indigo-600">
+                            <input id="todo-{{ $loop->index }}" wire:model.live="todos.{{ $loop->index }}.completed" type="checkbox" value="1" class="w-4 h-4 text-indigo-600 rounded border-neutral-300 focus:ring-indigo-600">
                         </div>
                         <div class="ml-3 text-sm leading-6">
-                            <label for="todo-{{ $loop->index }}" class="font-medium text-gray-900">{{ $todo['todo'] }}</label>
+                            <label for="todo-{{ $loop->index }}" class="font-medium text-neutral-900">{{ $todo['todo'] }}</label>
                         </div>
                     </div>
                     @endforeach
                 </div>
 
                 <form wire:submit="add" class="mt-6">
-                    <input type="text" wire:model="todo" placeholder="My new todo..." class="block py-1.5 w-full text-gray-900 rounded-md border-0 ring-1 ring-inset ring-gray-300 shadow-sm placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    <input type="text" wire:model="todo" placeholder="My new todo..." class="block py-1.5 w-full text-neutral-900 rounded-md border-0 ring-1 ring-inset ring-neutral-300 shadow-sm placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                 </form>
             </div>
         </div>

diff --git a/content/docs/guides/about.md b/content/docs/guides/about.md
@@ -8,7 +8,7 @@ prevURL: '/docs/prompts/create-a-role'
 ---
 
 
-<div class="flex items-stretch p-5 mb-12 border border-gray-200 rounded-md dark:border-neutral-700 md:mb5">
+<div class="flex items-stretch p-5 mb-12 border rounded-md border-neutral-200 dark:border-neutral-700 md:mb5">
    <img class="hidden w-auto h-12 my-0 mr-5 md:h-20 md:block" src="https://cdn.devdojo.com/images/august2024/user-guide.png" />
    <div class="flex flex-col items-start justify-center h-100">
       <h1 class="mb-0 text-base md:text-3xl">Wave Guides</h1>

diff --git a/content/docs/install.md b/content/docs/install.md
@@ -16,12 +16,12 @@ To install Wave you will need a local PHP development environment setup on your
 To download a fresh copy of Wave, click the download button below.<span class="hidden">You can also find links to all <a href="https://github.com/thedevdojo/wave/tags" target="_blank">versions here</a>.</span>
 
 <div class="relative flex items-start justify-start">
-<div class="relative flex items-center justify-center p-1 mb-5 overflow-hidden duration-300 ease-out border border-gray-200 rounded-full dark:border-neutral-800 group">
+<div class="relative flex items-center justify-center p-1 mb-5 overflow-hidden duration-300 ease-out border rounded-full border-neutral-200 dark:border-neutral-800 group">
     <div class="absolute top-1/2 left-1/2 -translate-x-1/2 w-[250px] rounded-full group-hover:opacity-100 opacity-0 blur-sm duration-300 ease-out scale-100 h-[250px] -translate-y-1/2 origin-center">
         <span class="absolute inset-0 w-full h-full rounded-full bg-gradient-to-r from-indigo-500 via-teal-300 to-blue-500 group-hover:animate-spin-slow"></span>
     </div>
 
-    <a href="/wave/download" class="relative z-20 flex-shrink-0 inline-block w-full px-6 py-3 text-sm font-bold text-center text-white no-underline bg-gray-900 rounded-full shadow-xl dark:text-neutral-900 dark:bg-neutral-100 dark:hover:bg-white sm:w-auto hover:bg-gray-950">Download Wave V3</a>
+    <a href="/wave/download" class="relative z-20 flex-shrink-0 inline-block w-full px-6 py-3 text-sm font-bold text-center text-white no-underline rounded-full shadow-xl bg-neutral-900 dark:text-neutral-900 dark:bg-neutral-100 dark:hover:bg-white sm:w-auto hover:bg-neutral-950">Download Wave V3</a>
 </div>
 </div>
 
@@ -40,7 +40,7 @@ After downloading, follow these steps to finish the installation:
 
 If receive an error when trying to run through the automated installer, you may need to run the following commands from your project folder:
 
-<div class="p-5 font-mono text-sm bg-gray-800 rounded-xl leading-[24px] whitespace-break-spaces"><span class="text-[#62d6e8]">cp</span> <span class="text-[#f8e164]">.env.example</span> <span class="text-[#f8e164]">.env</span>&nbsp;
+<div class="p-5 font-mono text-sm bg-neutral-800 rounded-xl leading-[24px] whitespace-break-spaces"><span class="text-[#62d6e8]">cp</span> <span class="text-[#f8e164]">.env.example</span> <span class="text-[#f8e164]">.env</span>&nbsp;
 <span class="text-[#62d6e8]">composer</span> <span class="text-[#f8e164]">install</span></div>
 
 Then, visit the project URL in the browser to finish the installation.

diff --git a/content/docs/local-dev.md b/content/docs/local-dev.md
@@ -15,23 +15,23 @@ Wave leverages all the latest technologies of a Laravel 11 application. This inc
 
 From your project folder, run the following command:
 
-<div class="p-5 font-mono whitespace-break-spaces bg-gray-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">install</span></div>
+<div class="p-5 font-mono whitespace-break-spaces bg-neutral-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">install</span></div>
 
 This will install all the dependencies that are definied inside of the package.json file which include Tailwind, Alpine, and Vite.
 
 ## Start your Asset Watcher
 
 After you've installed the node dependencies, you'll then need to run:
 
-<div class="p-5 font-mono text-sm bg-gray-800 rounded-xl whitespace-break-spaces"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">run</span> <span class="text-[#f8e164]">dev</span></div>
+<div class="p-5 font-mono text-sm bg-neutral-800 rounded-xl whitespace-break-spaces"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">run</span> <span class="text-[#f8e164]">dev</span></div>
 
 This will start your assets watcher which checks for changes made to your codebase and hot-reloads the current page you are viewing. It will also check all the tailwind CSS classes that need to be used in your project and inject them into your page.
 
 ## Building Assets for Production
 
 When you are ready to build your assets and push your code to production you will want to run:
 
-<div class="p-5 font-mono text-sm bg-gray-800 rounded-xl whitespace-break-spaces"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">run</span> <span class="text-[#f8e164]">build</span></div>
+<div class="p-5 font-mono text-sm bg-neutral-800 rounded-xl whitespace-break-spaces"><span class="text-[#62d6e8]">npm</span> <span class="text-[#f8e164]">run</span> <span class="text-[#f8e164]">build</span></div>
 
 This will compile all your assets and save them to a minified file, making your application run quicker and better optimized for SEO.
 

diff --git a/content/docs/upgrading.md b/content/docs/upgrading.md
@@ -33,11 +33,11 @@ Download a copy of the latest version. In the root folder you should see another
 
 You will then need to re-autoload your dependencies by running:
 
-<div class="p-5 font-mono whitespace-break-spaces bg-gray-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">composer</span> <span class="text-[#f8e164]">dump-autoload</span></div>
+<div class="p-5 font-mono whitespace-break-spaces bg-neutral-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">composer</span> <span class="text-[#f8e164]">dump-autoload</span></div>
 
 You may also need to clear the cache by running:
 
-<div class="p-5 font-mono whitespace-break-spaces bg-gray-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">php</span> <span class="text-[#f8e164]">artisan cache:clear</span></div>
+<div class="p-5 font-mono whitespace-break-spaces bg-neutral-800 text-sm rounded-xl border border-white/[8%]"><span class="text-[#62d6e8]">php</span> <span class="text-[#f8e164]">artisan cache:clear</span></div>
 
 And you should be updated to the latest version :)