Merge pull request #801 from KBVE/patch-09-06-2023

Pulling refs/heads/patch-09-06-2023 into Dev
KBVE · Sep 7, 2023 · c40f66e · c40f66e
2 parents 520abba + c766114
commit c40f66e
Show file tree

Hide file tree

Showing 10 changed files with 603 additions and 367 deletions.
diff --git a/.astro/types.d.ts b/.astro/types.d.ts
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
     "@astrojs/prefetch": "^0.4.0",
     "@astrojs/react": "^3.0.0",
     "@astrojs/sitemap": "^3.0.0",
-    "@astrojs/svelte": "^4.0.0",
+    "@astrojs/svelte": "^4.0.1",
     "@astrojs/tailwind": "^5.0.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
@@ -68,6 +68,7 @@
     "dompurify": "^3.0.5",
     "flowbite": "^1.8.1",
     "flowbite-react": "^0.5.0",
+    "flowbite-svelte": "^0.44.10",
     "interweave": "^13.1.0",
     "jquery": "^3.7.1",
     "lodash": "^4.17.21",
@@ -89,7 +90,7 @@
     "rehype-toc": "^3.0.2",
     "remark-toc": "^8.0.1",
     "sharp": "^0.32.5",
-    "svelte": "^4.2.0",
+    "svelte": "^4.0.0",
     "tailwindcss": "^3.3.3",
     "tailwindcss-fluid-type": "^2.0.3",
     "three": "^0.156.0",

diff --git a/public/assets/img/astronaut.avif b/public/assets/img/astronaut.avif
diff --git a/src/components/Widget/Features.astro b/src/components/Widget/Features.astro
@@ -4,61 +4,119 @@ import SVG from "@c/Library/SVG/SVG.astro";
 
 const features = [
   {
+    id: 1,
     title: "Bring Your Own Mind",
     description:
       "Always willing to accept help.",
     icon: "mdiHandshake",
+    modal: "mindModal",
+    img: "",
   },
   {
+    id: 2,
     title: "Clean up and Optimization",
     description:
       "Needs some bloat to be cut / reduced",
     icon: "mdiFeather",
+    modal: "featherModal",
+    img: "",
   },
   {
+    id: 3,
     title: "Components Missing",
     description:
       "More need to be added.",
     icon: "mdiDirectionsFork",
+    modal: "missingModal",
+    img: "",
   },
   {
+    id: 4,
     title: "Integrations",
     description:
       "Public / Private Integrations are TO:DO",
+    modal: "intModal",
     icon: "mdiGraph",
+    img: "",
   },
   {
-    title: "Test Case",
+    id: 5,
+    title: "RentEarth",
     description:
       "Search is TO:DO",
     icon: "mdiSearchWeb",
+    modal: "rentearthModal",
+    img: "https://images.unsplash.com/photo-1614730321146-b6fa6a46bcb4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80",
   },
   {
+    id: 6,
     title: "Community",
     description:
       "KBVE Community! Join us now!",
     icon: "mdiAccountGroup",
+    modal: "communityModal",
+    img: "",
   },
 ];
 ---
 
-<ContentSection title="Features @ KBVE" id="features">
-  <Fragment slot="lead">
-    We provide a vast <span class="text-primary">library</span> of documentation and information. Here are 6 of our
-    <span class="text-primary ">state-of-the-art</span>
-    tools and with there own <span class="text-primary">innovations</span>.
-  </Fragment>
-  <ul class="grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-    {
-      features.map(({ title, description, icon }) => (
-        <li class="flex flex-col items-center gap-4 p-6 border border-default bg-offset">
-          <div class="p-2 border-2 border-current rounded-full">
-            <SVG name={icon} />
+<section class="bg-purple-400/20 text-gray-100 rounded-3xl">
+  <div class="container mx-auto p-4 my-6 space-y-2 text-center bg-orange-300/20 rounded-3xl">
+		<h2 class="text-2xl font-bold text-shadow shadow-black ">KBVE's Gallery: Where Digital Dreams Thrive.</h2>
+		<p class="gradient-text  font-bold">Dive into KBVE's digital tapestry, where each pixel tells a pioneering tale.</p>
+	</div>
+  <div class="container mx-auto grid justify-center gap-4 sm:grid-cols-2 lg:grid-cols-3 p-4 aspect-video">
+        {
+          features.map(({ title, description, icon, img, id, modal }) => (
+            <div data-modal-target={modal} data-modal-toggle={modal} class="group flex flex-col items-center gap-4 p-6 border border-default bg-cover object-cover" style={{ backgroundImage: `url(${img})` }}>
+
+              <div class="p-2 border-2 border-current rounded-full transition-all duration-300 group-hover:opacity-20">
+                <SVG name={icon} />
+              </div>
+              <p class="text-xl font-extrabold text-shadow shadow-black text-center space-y-1 leadi group-hover:scale-110 transition-all duration-300 bg-purple-400/40 p-2 rounded-full">{title}</p>
+              <p class="text-sm text-center text-shadow shadow-black  group-hover:scale-110 transition-all duration-300 bg-orange-400/40 p-2 rounded-full">{description}</p>
+            </div>
+          ))
+        }
+  </div>
+</section>
+
+<!-- 
+  Modal
+ -->
+
+
+<!-- rentearthModal -->
+<div id="rentearthModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full">
+  <div class="relative w-full max-w-2xl max-h-full">
+      <!-- Modal content -->
+      <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+          <!-- Modal header -->
+          <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
+              <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
+                  Terms of Service
+              </h3>
+              <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ml-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="rentearthModal">
+                  <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+                      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
+                  </svg>
+                  <span class="sr-only">Close modal</span>
+              </button>
+          </div>
+          <!-- Modal body -->
+          <div class="p-6 space-y-6">
+              <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
+                  With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
+              </p>
+              <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
+                  The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
+              </p>
+          </div>
+          <!-- Modal footer -->
+          <div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
+              <button data-modal-hide="rentearthModal" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">I accept</button>
+              <button data-modal-hide="rentearthModal" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">Decline</button>
           </div>
-          <p class="text-xl font-extrabold text-center">{title}</p>
-          <p class="text-sm text-center text-offset">{description}</p>
-        </li>
-      ))
-    }
-  </ul>
-</ContentSection>
+      </div>
+  </div>
+</div>
diff --git a/src/content/.obsidian/workspace.json b/src/content/.obsidian/workspace.json
@@ -13,7 +13,7 @@
             "state": {
               "type": "markdown",
               "state": {
-                "file": "journal/09-05.md",
+                "file": "journal/09-06.md",
                 "mode": "source",
                 "source": false
               }
@@ -93,7 +93,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "journal/09-05.md",
+                "file": "journal/09-06.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -110,7 +110,7 @@
             "state": {
               "type": "outgoing-link",
               "state": {
-                "file": "journal/09-05.md",
+                "file": "journal/09-06.md",
                 "linksCollapsed": false,
                 "unlinkedCollapsed": true
               }
@@ -133,7 +133,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "journal/09-05.md"
+                "file": "journal/09-06.md"
               }
             }
           }
@@ -157,19 +157,19 @@
   },
   "active": "c0b4f604c30c4919",
   "lastOpenFiles": [
+    "journal/09-05.md",
+    "journal/09-06.md",
     "application/javascript/_svelte/carbon-svelte.mdx",
     "application/javascript/_svelte/carbon=svelte.mdx",
     "application/javascript/_svelte/carbonsvelte.mdx",
     "application/javascript/_svelte/threlte.mdx",
     "journal/09-04.md",
-    "journal/09-05.md",
     "application/javascript/_uxui/swup.mdx",
     "application/javascript/_uxui/lottie.mdx",
     "application/javascript/_svelte/SvelteGlob.astro",
     "application/javascript/_svelte",
     "application/javascript/_node/NodeGlob.astro",
     "application/javascript/_node/node-info.mdx",
-    "application/javascript/_node/bun.mdx",
     "journal/09-03.md",
     "journal/08-31.md",
     "journal/09-01.md",

diff --git a/src/content/journal/09-06.md b/src/content/journal/09-06.md
@@ -0,0 +1,28 @@
+---
+layout: ../../layouts/theme/mdx.astro
+title: "September : 06"
+category: Daily
+date: 2023-09-06
+client: Self
+img: https://images.unsplash.com/photo-1693233819656-8b2cc3f52e5d?fit=crop&q=85&w=1400&h=700
+description: Daily Log for September, 06 of each year.
+tags:
+- daily
+---
+
+## Notes
+### 2023
+- 10:21am - Using ChatGPT to just quickly write out some content is becoming an addiction and I believe it might be the real mindwoke virus xD. 
+- 11:00am - Okay! For my unsplash project, I was able to secure the camera but now the issue is getting a digital frame that can render the images with a bit more pixel density. Currently the frame that I have right now has a terrible resolution and under the intense light from the sun, most of the artwork looks like pretty bad. Furthermore, I do need to test my photo skills, including how well I am at for figuring out the different lighting.
+- 5:58pm - Updated some of the minor components on the main page of KBVE! I am not too big of a fan of the current layout, I might have to find another way to handle it.
+
+## Quote
+
+> Technology presumes there's just one right way to do things and there never is.
+> — <cite>Robert M. Pirsig</cite>
+
+---
+
+## Tasks
+
+- [ ]
diff --git a/src/layouts/MDXLayer.astro b/src/layouts/MDXLayer.astro
@@ -8,7 +8,7 @@ const { title, description } = Astro.props;
 ---
 
 <KBVE title={title} description={description}>
-	<Menu >
+	<Menu>
 		<div class="p-8 space-y-12"></div>
 		<slot />
 	</Menu>