beardedtek/flowbite-beardedtek.com
1
0
Fork 0
mirror of https://github.com/BeardedTek/flowbite-beardedtek.com.git synced 2025-12-06 05:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

begin to configure site - need to get rid of extra stuff still...

Browse Source
This commit is contained in:
BeardedTek
2025-04-16 14:37:57 -08:00
parent 60b4202649
commit 720de92caf
30 changed files with 866 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
static/css/custom.css Normal file
View File

@@ -0,0 +1,126 @@
.hero{
position: relative;
opacity: 1;
height: 66vh;
background: rgba(175, 175, 255, 0.1);
}
.hero::before{
content: "";
background-image: url('/images/slider/slider.webp');
background-size: cover;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
opacity: 0.2;
}
.kanit-thin {
font-family: "Kanit", sans-serif;
font-weight: 100;
font-style: normal;
}
.kanit-extralight {
font-family: "Kanit", sans-serif;
font-weight: 200;
font-style: normal;
}
.kanit-light {
font-family: "Kanit", sans-serif;
font-weight: 300;
font-style: normal;
}
.kanit-regular {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-style: normal;
}
.kanit-medium {
font-family: "Kanit", sans-serif;
font-weight: 500;
font-style: normal;
}
.kanit-semibold {
font-family: "Kanit", sans-serif;
font-weight: 600;
font-style: normal;
}
.kanit-bold {
font-family: "Kanit", sans-serif;
font-weight: 700;
font-style: normal;
}
.kanit-extrabold {
font-family: "Kanit", sans-serif;
font-weight: 800;
font-style: normal;
}
.kanit-black {
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: normal;
}
.kanit-thin-italic {
font-family: "Kanit", sans-serif;
font-weight: 100;
font-style: italic;
}
.kanit-extralight-italic {
font-family: "Kanit", sans-serif;
font-weight: 200;
font-style: italic;
}
.kanit-light-italic {
font-family: "Kanit", sans-serif;
font-weight: 300;
font-style: italic;
}
.kanit-regular-italic {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-style: italic;
}
.kanit-medium-italic {
font-family: "Kanit", sans-serif;
font-weight: 500;
font-style: italic;
}
.kanit-semibold-italic {
font-family: "Kanit", sans-serif;
font-weight: 600;
font-style: italic;
}
.kanit-bold-italic {
font-family: "Kanit", sans-serif;
font-weight: 700;
font-style: italic;
}
.kanit-extrabold-italic {
font-family: "Kanit", sans-serif;
font-weight: 800;
font-style: italic;
}
.kanit-black-italic {
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: italic;
}

33
static/css/word-slider.css Normal file
View File

@@ -0,0 +1,33 @@
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in-up {
animation: fadeInUp 0.6s ease-out forwards;
}
.word-slider div {
position: absolute;
width: 100%;
opacity: 0;
transition: opacity 0.6s ease-in-out;
white-space: nowrap;
}
.word-slider div.is-visible {
opacity: 1;
position: relative;
}
.word-slider {
display: inline-block;
position: relative;
height: 2.5rem; /* Adjust height as needed */
}