Merge pull request #945 from KBVE/patch-kbve-deploy

Pulling refs/heads/patch-kbve-deploy into Dev

docs/application/pocketbase/index.html

@@ -148,7 +148,7 @@
 										mode="normal"
 										src="/assets/lottie/menu.lottie"
 									></dotlottie-player>
-								</div> --> </button> </div> </div></div></nav> </div> </header> <main class="max-w-full h-full flex relative overflow-y-hidden" data-astro-transition-scope="astro-5wy25tcf-1"> <!-- Removed grid-flow-col auto-cols-max --> <div class="h-full w-full justify-start rounded-tl flex flex-wrap gap-4 overflow-y-scroll content-start p-3 justify-center">  <section class="flex-auto w-full md:w-6/12 p-5 bg-kbve-menu-bg border border-cyan-200 rounded-lg shadow bg-default bg-cover bg-blend-overlay" style="background-image: url('https://kbve.com/assets/img/curved-images/wave.jpg')"><div class="flex flex-row"><div class="mb-4 md:mb-0 w-full h-80 md:h-96 max-w-screen-md mx-auto relative"><div class="absolute left-0 bottom-0 w-full h-full z-10" style="background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.7));"></div><img src="/assets/img/curved-images/wave.jpg" class="absolute left-0 top-0 w-full h-full z-0 object-cover"><div class="p-4 absolute bottom-0 left-0 z-20"><a href="#" class="px-4 py-1 bg-black text-gray-200 inline-flex items-center justify-center mb-2">Application</a><h2 class="text-4xl font-semibold text-cyan-400 leading-tight">Pocketbase</h2><p class="text-sm text-gray-100 leading-tight">Pocketbase Database</p><div class="flex mt-3"><img src="https://randomuser.me/api/portraits/men/97.jpg" class="h-10 w-10 rounded-full mr-2 object-cover"><div><p class="font-semibold text-gray-200 text-sm">KBVE Team</p><p class="font-semibold text-gray-400 text-xs">Feb 30th, 2024</p></div></div></div></div><div class="text-white hidden md:block"><div class="object-contain w-96 -translate-x-20"><dotlottie-player autoplay loop mode="normal" src="/assets/lottie/monkeymeme.lottie"></dotlottie-player></div></div></div></section> <section class="flex-auto  p-5 border border-gray-200 rounded-lg shadow"><div widget="mdx:render:mdxjs"><div class="text-gray-200 prose max-w-none prose-li:text-yellow-500 prose-td:text-yellow-500 prose-tr:text-cyan-200 prose-tr:border-b-indigo-500/10 prose-p:text-yellow-500 prose-a:text-cyan-200 prose-code:text-cyan-200 prose-code:before:content-none prose-code:after:content-none prose-headings:text-cyan-200 prose-ul:text-yellow-500"> <h2 id="information">Information</h2> </div></div></section>
+								</div> --> </button> </div> </div></div></nav> </div> </header> <main class="max-w-full h-full flex relative overflow-y-hidden" data-astro-transition-scope="astro-5wy25tcf-1"> <!-- Removed grid-flow-col auto-cols-max --> <div class="h-full w-full justify-start rounded-tl flex flex-wrap gap-4 overflow-y-scroll content-start p-3 justify-center">  <section class="flex-auto w-full md:w-6/12 p-5 bg-kbve-menu-bg border border-cyan-200 rounded-lg shadow bg-default bg-cover bg-blend-overlay" style="background-image: url('https://kbve.com/assets/img/curved-images/wave.jpg')"><div class="flex flex-row"><div class="mb-4 md:mb-0 w-full h-80 md:h-96 max-w-screen-md mx-auto relative"><div class="absolute left-0 bottom-0 w-full h-full z-10" style="background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.7));"></div><img src="https://images.unsplash.com/photo-1599507593499-a3f7d7d97667?fit=crop&#38;w=1400&#38;h=700&#38;q=75" class="absolute left-0 top-0 w-full h-full z-0 object-cover"><div class="p-4 absolute bottom-0 left-0 z-20"><a href="#" class="px-4 py-1 bg-black text-gray-200 inline-flex items-center justify-center mb-2">Application</a><h2 class="text-4xl font-semibold text-cyan-400 leading-tight">Pocketbase</h2><p class="text-sm text-gray-100 leading-tight">Pocketbase Database</p><div class="flex mt-3"><img src="https://randomuser.me/api/portraits/men/97.jpg" class="h-10 w-10 rounded-full mr-2 object-cover"><div><p class="font-semibold text-gray-200 text-sm">KBVE Team</p><p class="font-semibold text-gray-400 text-xs">Feb 30th, 2024</p></div></div></div></div><div class="text-white hidden md:block"><div class="object-contain w-96 -translate-x-20"><dotlottie-player autoplay loop mode="normal" src="/assets/lottie/monkeymeme.lottie"></dotlottie-player></div></div></div></section> <section class="flex-auto  p-5 border border-gray-200 rounded-lg shadow"><div widget="mdx:render:mdxjs"><div class="text-gray-200 prose max-w-none prose-li:text-yellow-500 prose-td:text-yellow-500 prose-tr:text-cyan-200 prose-tr:border-b-indigo-500/10 prose-p:text-yellow-500 prose-a:text-cyan-200 prose-code:text-cyan-200 prose-code:before:content-none prose-code:after:content-none prose-headings:text-cyan-200 prose-ul:text-yellow-500"> <h2 id="information">Information</h2> </div></div></section>
 <hr/>
 <section class="flex-auto  p-5 border border-gray-200 rounded-lg shadow"><div widget="mdx:render:mdxjs"><div class="text-gray-200 prose max-w-none prose-li:text-yellow-500 prose-td:text-yellow-500 prose-tr:text-cyan-200 prose-tr:border-b-indigo-500/10 prose-p:text-yellow-500 prose-a:text-cyan-200 prose-code:text-cyan-200 prose-code:before:content-none prose-code:after:content-none prose-headings:text-cyan-200 prose-ul:text-yellow-500"> <h2 id="install">Install</h2><p>Do you want to get Pocketbase up and running?</p><h3 id="docker">Docker</h3><p>There are two ways you can go about setting up Pocketbase via Docker!
 We recommand using a docker compose, like this one below from their github.</p><h4 id="compose">Compose</h4><pre class="astro-code dracula" style="background-color:#282A36;color:#F8F8F2;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word" tabindex="0"><code><span class="line"></span>