From fcef0810a3af24ea4b8d2a6f1ceeb62d93494ce8 Mon Sep 17 00:00:00 2001
From: Christian Aranas <aranaschristianlouise@gmail.com>
Date: Fri, 17 May 2024 20:10:05 +0800
Subject: [PATCH] Generated build files

---
 index.html           | 54 ++++++++++++++++-------------------
 static/css/style.css | 68 ++++++++++++++++++++------------------------
 static/library.html  |  2 +-
 3 files changed, 57 insertions(+), 67 deletions(-)

diff --git a/index.html b/index.html
index 7c97328..ba540e8 100644
--- a/index.html
+++ b/index.html
@@ -58,37 +58,33 @@
                   loadingSpinner.remove();
                   for (let article of res.data.articles.data) {
                     let content = `
-                  <div class="rounded-lg">
-                    <article class="group">
-                      <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
-                        <img
-                          alt=""
-                          src="https://chrsrns-database.domcloud.dev${article.attributes.HeaderImg.data.attributes.url}"
-                          class="w-full rounded-xl object-cover shadow-xl transition group-hover:grayscale-[50%]"
-                        />
-                      </a>
+                      <div class="rounded-lg">
+                        <article class="group">
+                          <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
+                            <img
+                              alt=""
+                              src="https://chrsrns-database.domcloud.dev${article.attributes.HeaderImg.data.attributes.url}"
+                              class="w-full rounded-lg object-cover shadow-xl transition group-hover:grayscale-[50%]"
+                            />
+                          </a>
 
-                      <div class="p-4">
-                        <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
-                          <h3 class="text-lg font-medium text-gray-900">
-                            ${article.attributes.Title}
-                          </h3>
-                        </a>
-
-                        <p class="my-2 text-sm/relaxed text-gray-900">
-                          This is a functional, full-stack website that is complete with
-                          an interactible calendar, a websocket notification and chat
-                          system and roles.
-                        </p>
+                          <div class="p-4">
+                            <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
+                              <h3 class="text-lg font-medium text-gray-900">
+                                ${article.attributes.Title}
+                              </h3>
+                            </a>
+                          </div>
+                          <div class="px-4 pb-4">
+                            <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
+                              <button class="bg-yellow-500 hover:bg-yellow-700 text-gray-900 font-medium py-2 px-4 rounded">
+                                Visit Page
+                              </button>
+                            </a>
+                          </div>
+                        </article>
                       </div>
-                      <a href="/tailwind-infinix-website/blog/${article.attributes.BlogID}">
-                        <button class="bg-yellow-500 hover:bg-yellow-700 text-gray-900 font-medium py-2 px-4 rounded">
-                          Visit Page
-                        </button>
-                      </a>
-                    </article>
-                  </div>
-                  `;
+                      `;
                     let clone = template.cloneNode(false);
                     clone.removeAttribute("id");
                     clone.classList.remove("hidden");
diff --git a/static/css/style.css b/static/css/style.css
index 44884c4..e14f7f6 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -681,11 +681,6 @@ video {
   margin-bottom: 0px;
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
 .my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -711,14 +706,14 @@ video {
   margin-bottom: 2rem;
 }
 
-.mt-4 {
-  margin-top: 1rem;
-}
-
 .mt-12 {
   margin-top: 3rem;
 }
 
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -735,6 +730,10 @@ video {
   display: none;
 }
 
+.h-20 {
+  height: 5rem;
+}
+
 .h-full {
   height: 100%;
 }
@@ -743,14 +742,14 @@ video {
   height: 100vh;
 }
 
-.h-20 {
-  height: 5rem;
-}
-
 .min-h-screen {
   min-height: 100vh;
 }
 
+.w-20 {
+  width: 5rem;
+}
+
 .w-4\/6 {
   width: 66.666667%;
 }
@@ -772,10 +771,6 @@ video {
   width: 100vw;
 }
 
-.w-20 {
-  width: 5rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -792,6 +787,10 @@ video {
   transform-origin: 40px 40px;
 }
 
+.animate-\[lds-roller_1\.2s_cubic-bezier\(0\.5\2c 0\2c 0\.5\2c 1\)_infinite\] {
+  animation: lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
+}
+
 @keyframes gradientflow {
   0% {
     background-position: -100% 0%;
@@ -810,10 +809,6 @@ video {
   animation: gradientflow 3s ease infinite;
 }
 
-.animate-\[lds-roller_1\.2s_cubic-bezier\(0\.5\2c 0\2c 0\.5\2c 1\)_infinite\] {
-  animation: lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
-}
-
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1075,6 +1070,10 @@ video {
   padding-bottom: 9rem;
 }
 
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
 .pt-12 {
   padding-top: 3rem;
 }
@@ -1119,11 +1118,6 @@ video {
   line-height: 1.25rem;
 }
 
-.text-sm\/relaxed {
-  font-size: 0.875rem;
-  line-height: 1.625;
-}
-
 .font-medium {
   font-weight: 500;
 }
@@ -1437,14 +1431,19 @@ h6 {
   display: block;
 }
 
+.after\:h-\[7\.2px\]::after {
+  content: var(--tw-content);
+  height: 7.2px;
+}
+
 .after\:h-full::after {
   content: var(--tw-content);
   height: 100%;
 }
 
-.after\:h-\[7\.2px\]::after {
+.after\:w-\[7\.2px\]::after {
   content: var(--tw-content);
-  height: 7.2px;
+  width: 7.2px;
 }
 
 .after\:w-full::after {
@@ -1452,9 +1451,9 @@ h6 {
   width: 100%;
 }
 
-.after\:w-\[7\.2px\]::after {
+.after\:rounded-full::after {
   content: var(--tw-content);
-  width: 7.2px;
+  border-radius: 9999px;
 }
 
 .after\:rounded-md::after {
@@ -1462,9 +1461,9 @@ h6 {
   border-radius: 0.375rem;
 }
 
-.after\:rounded-full::after {
+.after\:bg-current::after {
   content: var(--tw-content);
-  border-radius: 9999px;
+  background-color: currentColor;
 }
 
 .after\:bg-primary::after {
@@ -1473,11 +1472,6 @@ h6 {
   background-color: rgb(255 193 7 / var(--tw-bg-opacity));
 }
 
-.after\:bg-current::after {
-  content: var(--tw-content);
-  background-color: currentColor;
-}
-
 .after\:transition-colors::after {
   content: var(--tw-content);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
diff --git a/static/library.html b/static/library.html
index d878909..3daff17 100755
--- a/static/library.html
+++ b/static/library.html
@@ -29,7 +29,7 @@ <h4 align="center" class="mb-6">
           </h4>
 
           <blog-entry class="mx-auto w-full flex flex-wrap justify-evenly">
-  <div id="template" class="hidden w-full lg:w-1/3 m-6 p-4 bg-[rgba(230,81,0,0.90)] rounded-lg shadow-lg"></div>
+  <div id="template" class="hidden w-full lg:w-1/3 m-6 bg-[rgba(230,81,0,0.90)] rounded-lg shadow-lg"></div>
   
             <loading-spinner class="mt-12 mx-auto w-full flex flex-wrap justify-evenly">
   <div class="relative inline-block w-20 h-20">