Skip to content

Commit

Permalink
Generated build files
Browse files Browse the repository at this point in the history
  • Loading branch information
@chrsrns
chrsrns committed May 17, 2024
1 parent 00d2c7a commit fcef081
Show file tree
Hide file tree
Showing 3 changed files with 57 additions and 67 deletions.
54 changes: 25 additions & 29 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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");
Expand Down
68 changes: 31 additions & 37 deletions static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
}
Expand All @@ -735,6 +730,10 @@ video {
display: none;
}

.h-20 {
height: 5rem;
}

.h-full {
height: 100%;
}
Expand All @@ -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%;
}
Expand All @@ -772,10 +771,6 @@ video {
width: 100vw;
}

.w-20 {
width: 5rem;
}

.flex-1 {
flex: 1 1 0%;
}
Expand All @@ -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%;
Expand All @@ -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;
}
Expand Down Expand Up @@ -1075,6 +1070,10 @@ video {
padding-bottom: 9rem;
}

.pb-4 {
padding-bottom: 1rem;
}

.pt-12 {
padding-top: 3rem;
}
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -1437,34 +1431,39 @@ 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 {
content: var(--tw-content);
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 {
content: var(--tw-content);
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 {
Expand All @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion static/library.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down

0 comments on commit fcef081

Please sign in to comment.