Merge pull request #1017 from KBVE/dev

Staging refs/heads/dev into Main

Author: h0lybyte

docs/index.html

@@ -257,6 +257,9 @@
 <p>Started to build out the webmaster tool, which was built a couple times in the past.
 I am just updating the older codebase and rewriting the basics of it.
 Hmm, other than that, its been a slow Friday!</p>
+<p><strong>Dockerfile</strong></p>
+<p>Its a bit late at night and it seems that Ubuntu 24 release has caused some of the dockerfile / docker images to break.
+Ugh I will focus on these tomorrow.</p>
 <h2 id="2023">2023</h2>
 <ul>
 <li>Learning GraphQL. Okay we got the basics of the AppWrite integration, i.e login, signup and user profile but there is no subscribe yet.</li>

docs/journal/04-26/index.html

@@ -243,8 +243,12 @@
       });
     });
   });
-</script> <!--Import the necessary Collapse and Overlay plugins--> <!--https://preline.co/plugins/html/collapse.html--> <!--https://preline.co/plugins/html/overlay.html--> <script src="/scripts/vendor/preline/collapse/index.js"></script> <script src="/scripts/vendor/preline/overlay/index.js"></script> <main class="astro-ouamjn2i">  <section class="mx-auto max-w-[85rem] space-y-8 px-4 pt-16 sm:px-6 lg:px-8 2xl:max-w-full"> <!--Page header--> <div class="mx-auto max-w-3xl text-left sm:text-center"> <h1 class="block text-balance text-4xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 md:text-5xl lg:text-6xl"> The Creator’s Diary: Adventures in Art, Tech, and Cinema </h1> <p class="mt-4 text-pretty text-lg text-neutral-600 dark:text-neutral-400"> Explore daily dispatches from a modern-day Renaissance journey, spanning the realms of art, technology, and ancient wisdom. Dive into a world where algorithms meet aesthetics and every day is a new adventure in beta. </p> </div> </section>  <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Root container, which is divided into 2 grid column layout for larger screens --><div class="grid gap-8 sm:grid-cols-2 sm:items-center"> <!-- Container for the journal post's cover image --> <div class="sm:order-2"> <div class="relative rounded-lg pt-[50%] sm:pt-[100%]"> <img class="absolute start-0 top-0 size-full rounded-xl object-cover" src="https://images.unsplash.com/photo-1713782894016-01154435f4f4?crop=entropy&cs=srgb&fm=avif&q=85&w=1024" alt="journalEntry.data.cardImageAlt" draggable="false" loading="eager"> </div> </div> <!-- Container for the blog post's heading, author avatar, author's role, and read more button --> <div class="sm:order-1"> <!-- Blog title which is also a hyperlink to the blog detail page  --> <h2 class="text-balance text-2xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 md:text-3xl lg:text-4xl lg:leading-tight xl:text-5xl xl:leading-tight"> <a class="outline-none ring-zinc-500 transition duration-300 hover:text-cyan-400 focus-visible:ring dark:text-neutral-300 dark:ring-zinc-200 dark:hover:text-neutral-50 dark:focus:outline-none" href="/journal/04-26/" data-astro-prefetch="viewpoint"> Daily Log for April 26th of each year.
- </a> </h2> <!-- Container for the author's avatar and metadata --> <div class="mt-6 flex items-center sm:mt-10"> <div class="flex-shrink-0"> <img class="size-10 rounded-full sm:h-14 sm:w-14" src="https://i.imgur.com/dthJ2OT.png" alt="journalEntry.data.authorImageAlt" draggable="false"> </div> <div class="ms-3 sm:ms-4"> <p class="font-bold text-neutral-800 dark:text-neutral-200 sm:mb-1"> KBVE Team </p> <p class="text-xs text-neutral-500"> KBVE Member </p> </div> </div> <!-- Read More button which is a link to the blog post detailed page --> <div class="mt-5"> <!-- Link styled as a button, with dynamic title, URL, and optional arrow --><a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-cyan-400 hover:bg-cyan-500 active:bg-cyan-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="/journal/04-26/"> Read More <!-- Display the arrow based on the 'noArrow' property --> <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> </div> </section> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!--Blog posts grid--> <div class="grid gap-6 lg:grid-cols-2"> <!-- The following anchor tag is the main container for the card.
+</script> <!--Import the necessary Collapse and Overlay plugins--> <!--https://preline.co/plugins/html/collapse.html--> <!--https://preline.co/plugins/html/overlay.html--> <script src="/scripts/vendor/preline/collapse/index.js"></script> <script src="/scripts/vendor/preline/overlay/index.js"></script> <main class="astro-ouamjn2i">  <section class="mx-auto max-w-[85rem] space-y-8 px-4 pt-16 sm:px-6 lg:px-8 2xl:max-w-full"> <!--Page header--> <div class="mx-auto max-w-3xl text-left sm:text-center"> <h1 class="block text-balance text-4xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 md:text-5xl lg:text-6xl"> The Creator’s Diary: Adventures in Art, Tech, and Cinema </h1> <p class="mt-4 text-pretty text-lg text-neutral-600 dark:text-neutral-400"> Explore daily dispatches from a modern-day Renaissance journey, spanning the realms of art, technology, and ancient wisdom. Dive into a world where algorithms meet aesthetics and every day is a new adventure in beta. </p> </div> </section>  <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Root container, which is divided into 2 grid column layout for larger screens --><div class="grid gap-8 sm:grid-cols-2 sm:items-center"> <!-- Container for the journal post's cover image --> <div class="sm:order-2"> <div class="relative rounded-lg pt-[50%] sm:pt-[100%]"> <img class="absolute start-0 top-0 size-full rounded-xl object-cover" src="https://images.unsplash.com/photo-1640552435388-a54879e72b28?crop=entropy&cs=srgb&fm=avif&q=85&w=1024" alt="journalEntry.data.cardImageAlt" draggable="false" loading="eager"> </div> </div> <!-- Container for the blog post's heading, author avatar, author's role, and read more button --> <div class="sm:order-1"> <!-- Blog title which is also a hyperlink to the blog detail page  --> <h2 class="text-balance text-2xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 md:text-3xl lg:text-4xl lg:leading-tight xl:text-5xl xl:leading-tight"> <a class="outline-none ring-zinc-500 transition duration-300 hover:text-cyan-400 focus-visible:ring dark:text-neutral-300 dark:ring-zinc-200 dark:hover:text-neutral-50 dark:focus:outline-none" href="/journal/04-27/" data-astro-prefetch="viewpoint"> Daily Log for April 27th of each year.
+ </a> </h2> <!-- Container for the author's avatar and metadata --> <div class="mt-6 flex items-center sm:mt-10"> <div class="flex-shrink-0"> <img class="size-10 rounded-full sm:h-14 sm:w-14" src="https://i.imgur.com/dthJ2OT.png" alt="journalEntry.data.authorImageAlt" draggable="false"> </div> <div class="ms-3 sm:ms-4"> <p class="font-bold text-neutral-800 dark:text-neutral-200 sm:mb-1"> KBVE Team </p> <p class="text-xs text-neutral-500"> KBVE Member </p> </div> </div> <!-- Read More button which is a link to the blog post detailed page --> <div class="mt-5"> <!-- Link styled as a button, with dynamic title, URL, and optional arrow --><a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-cyan-400 hover:bg-cyan-500 active:bg-cyan-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="/journal/04-27/"> Read More <!-- Display the arrow based on the 'noArrow' property --> <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class=""></path></svg> </a> </div> </div> </div> </section> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!--Blog posts grid--> <div class="grid gap-6 lg:grid-cols-2"> <!-- The following anchor tag is the main container for the card.
+     It's a link to the blog post detailed page.
+     The data-astro-prefetch is an Astro specific Dynamic HTML feature,
+     which automatically prefetches the linked page to speed up navigation. --><a class="group relative block rounded-xl outline-none ring-zinc-500 transition duration-500 focus-visible:ring dark:ring-zinc-200 dark:focus:outline-none" href="/journal/04-26/" data-astro-prefetch> <!-- The container for the blog post's cover image. Uses astro:assets' Image for image source --> <div class="relative h-[350px] w-full flex-shrink-0 overflow-hidden rounded-xl before:absolute before:inset-x-0 before:z-[1] before:size-full before:bg-gradient-to-t before:from-neutral-900/[.7]"> <img class="absolute start-0 top-0 size-full object-cover transition duration-500 group-hover:scale-110" src="https://images.unsplash.com/photo-1713782894016-01154435f4f4?crop=entropy&cs=srgb&fm=avif&q=85&w=1024" alt="blogEntry.data.cardImageAlt" draggable="false" loading="lazy"> </div> <!-- The container for the blog author's avatar and associated metadata (author name and publication date) --> <div class="absolute inset-x-0 top-0 z-10"> <div class="flex h-full flex-col p-4 sm:p-6"> <div class="flex items-center"> <div class="flex-shrink-0"> <img class="size-[46px] rounded-full border-2 border-neutral-50" src="https://i.imgur.com/dthJ2OT.png" alt="blogEntry.data.authorImageAlt" loading="lazy" draggable="false"> </div> <div class="ms-2.5 sm:ms-4"> <h4 class="font-bold text-neutral-50"> KBVE Team </h4> <p class="text-xs text-neutral-50/[.8]"> Apr 26, 2024 </p> </div> </div> </div> </div> <!-- The container for the blog post's title and description --> <div class="absolute inset-x-0 bottom-0 z-10"> <div class="flex h-full flex-col p-4 sm:p-6"> <h3 class="text-balance text-lg font-bold text-neutral-50 group-hover:text-neutral-50/[.8] sm:text-3xl"> April: 26 </h3> <p class="mt-2 text-pretty text-neutral-50/[.8]"> Daily Log for April 26th of each year.
+ </p> </div> </div> </a><!-- The following anchor tag is the main container for the card.
      It's a link to the blog post detailed page.
      The data-astro-prefetch is an Astro specific Dynamic HTML feature,
      which automatically prefetches the linked page to speed up navigation. --><a class="group relative block rounded-xl outline-none ring-zinc-500 transition duration-500 focus-visible:ring dark:ring-zinc-200 dark:focus:outline-none" href="/journal/04-25/" data-astro-prefetch> <!-- The container for the blog post's cover image. Uses astro:assets' Image for image source --> <div class="relative h-[350px] w-full flex-shrink-0 overflow-hidden rounded-xl before:absolute before:inset-x-0 before:z-[1] before:size-full before:bg-gradient-to-t before:from-neutral-900/[.7]"> <img class="absolute start-0 top-0 size-full object-cover transition duration-500 group-hover:scale-110" src="https://images.unsplash.com/photo-1713782894016-01154435f4f4?crop=entropy&cs=srgb&fm=avif&q=85&w=1024" alt="blogEntry.data.cardImageAlt" draggable="false" loading="lazy"> </div> <!-- The container for the blog author's avatar and associated metadata (author name and publication date) --> <div class="absolute inset-x-0 top-0 z-10"> <div class="flex h-full flex-col p-4 sm:p-6"> <div class="flex items-center"> <div class="flex-shrink-0"> <img class="size-[46px] rounded-full border-2 border-neutral-50" src="https://i.imgur.com/dthJ2OT.png" alt="blogEntry.data.authorImageAlt" loading="lazy" draggable="false"> </div> <div class="ms-2.5 sm:ms-4"> <h4 class="font-bold text-neutral-50"> KBVE Team </h4> <p class="text-xs text-neutral-50/[.8]"> Apr 25, 2024 </p> </div> </div> </div> </div> <!-- The container for the blog post's title and description --> <div class="absolute inset-x-0 bottom-0 z-10"> <div class="flex h-full flex-col p-4 sm:p-6"> <h3 class="text-balance text-lg font-bold text-neutral-50 group-hover:text-neutral-50/[.8] sm:text-3xl"> April: 25 </h3> <p class="mt-2 text-pretty text-neutral-50/[.8]"> Daily Log for April 25th of each year.

docs/journal/04-27/index.html

@@ -1 +1 @@
-{"version":"1.1.0","languages":{"ja":{"hash":"ja_22ddd6f472","wasm":null,"page_count":71},"zh-cn":{"hash":"zh-cn_93a9c317ec237","wasm":null,"page_count":71},"fr":{"hash":"fr_927973d535","wasm":"fr","page_count":71},"de":{"hash":"de_e42c1856a1","wasm":"de","page_count":71},"fa":{"hash":"fa_33a386cab3","wasm":null,"page_count":71},"es":{"hash":"es_be34181b11","wasm":"es","page_count":71},"en":{"hash":"en_c16ab1f7a5","wasm":"en","page_count":71}}}
+{"version":"1.1.0","languages":{"es":{"hash":"es_28d514a3db","wasm":"es","page_count":71},"fa":{"hash":"fa_3579b8e7d9","wasm":null,"page_count":71},"zh-cn":{"hash":"zh-cn_af968932dfaf3","wasm":null,"page_count":71},"en":{"hash":"en_79948b4a12","wasm":"en","page_count":71},"fr":{"hash":"fr_16efcc5481","wasm":"fr","page_count":71},"de":{"hash":"de_508365fc1e","wasm":"de","page_count":71},"ja":{"hash":"ja_88a611d7ed","wasm":null,"page_count":71}}}