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

Modify cookie banner update javascript bundle with webpack

Browse Source
This commit is contained in:
BeardedTek
2025-04-22 12:29:53 -08:00
parent 554cb7ca38
commit e8969ef00b
13 changed files with 308 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/css/custom.css
View File

@@ -126,4 +126,65 @@
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: italic;
}
}
.cookie-banner{
border-width: 1px;
}
.switch {
--secondary-container: #101828;
--primary: #00ff00;
font-size: 17px;
position: relative;
display: inline-block;
width: 2.4em;
height: 1.3em;
}
.switch input {
display: none;
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #101828;
transition: .2s;
border-radius: 30px;
}
.slider:before {
position: absolute;
content: "";
height: 0.9em;
width: 0.9em;
border-radius: 20px;
left: 0.2em;
bottom: 0.2em;
background-color: #ff4c4c;
transition: .4s;
}
input:checked + .slider::before {
background-color: var(--primary);
}
input:checked + .slider {
background-color: var(--secondary-container);
}
input:focus + .slider {
box-shadow: 0 0 1px var(--secondary-container);
}
input:checked + .slider:before {
transform: translateX(1em);
}

131
static/css/fonts.css Normal file
View File

@@ -0,0 +1,131 @@
.courier-prime-regular {
font-family: "Courier Prime", monospace;
font-weight: 400;
font-style: normal;
}
.courier-prime-bold {
font-family: "Courier Prime", monospace;
font-weight: 700;
font-style: normal;
}
.courier-prime-regular-italic {
font-family: "Courier Prime", monospace;
font-weight: 400;
font-style: italic;
}
.courier-prime-bold-italic {
font-family: "Courier Prime", monospace;
font-weight: 700;
font-style: italic;
}
.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;
}