1
0
mirror of https://github.com/axzilla/templui.git synced 2025-02-23 04:04:22 +00:00

feat: add plausible

This commit is contained in:
“axzilla” 2024-10-04 14:28:35 +02:00
parent 0569802fe8
commit 7e645759cf
2 changed files with 22 additions and 248 deletions

View File

@ -707,6 +707,10 @@ body {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
@ -715,6 +719,10 @@ body {
margin-bottom: 1.5rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
@ -735,26 +743,10 @@ body {
margin-top: auto;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
@ -807,22 +799,6 @@ body {
height: 100%;
}
.h-24 {
height: 6rem;
}
.h-32 {
height: 8rem;
}
.h-40 {
height: 10rem;
}
.h-5 {
height: 1.25rem;
}
.\!max-h-\[501px\] {
max-height: 501px !important;
}
@ -855,34 +831,18 @@ body {
width: 1.5rem;
}
.w-full {
width: 100%;
}
.w-64 {
width: 16rem;
}
.w-56 {
width: 14rem;
}
.min-w-96 {
min-width: 24rem;
}
.min-w-64 {
min-width: 16rem;
.w-full {
width: 100%;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
@ -961,18 +921,10 @@ body {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
@ -1025,27 +977,6 @@ body {
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200\/60 > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(229 231 235 / 0.6);
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: hsl(var(--border) / var(--tw-divide-opacity));
}
.\!overflow-hidden {
overflow: hidden !important;
}
@ -1054,10 +985,6 @@ body {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.\!overflow-y-auto {
overflow-y: auto !important;
}
@ -1106,6 +1033,11 @@ body {
border-top-width: 1px;
}
.border-border {
--tw-border-opacity: 1;
border-color: hsl(var(--border) / var(--tw-border-opacity));
}
.border-input {
--tw-border-opacity: 1;
border-color: hsl(var(--input) / var(--tw-border-opacity));
@ -1116,21 +1048,6 @@ body {
border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-gray-800 {
--tw-border-opacity: 1;
border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.border-border {
--tw-border-opacity: 1;
border-color: hsl(var(--border) / var(--tw-border-opacity));
}
.border-primary {
--tw-border-opacity: 1;
border-color: hsl(var(--primary) / var(--tw-border-opacity));
}
.bg-background {
--tw-bg-opacity: 1;
background-color: hsl(var(--background) / var(--tw-bg-opacity));
@ -1180,16 +1097,6 @@ body {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
@ -1224,10 +1131,6 @@ body {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
@ -1291,26 +1194,6 @@ body {
padding-top: 0px;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.text-center {
text-align: center;
}
@ -1391,6 +1274,11 @@ body {
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-card-foreground {
--tw-text-opacity: 1;
color: hsl(var(--card-foreground) / var(--tw-text-opacity));
}
.text-destructive-foreground {
--tw-text-opacity: 1;
color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
@ -1460,16 +1348,6 @@ body {
color: rgb(255 255 255 / 0.9);
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-card-foreground {
--tw-text-opacity: 1;
color: hsl(var(--card-foreground) / var(--tw-text-opacity));
}
.underline-offset-4 {
text-underline-offset: 4px;
}
@ -1486,10 +1364,6 @@ body {
opacity: 0.7;
}
.opacity-80 {
opacity: 0.8;
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@ -1556,10 +1430,6 @@ body {
transition-duration: 300ms;
}
.duration-150 {
transition-duration: 150ms;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
@ -1629,10 +1499,6 @@ body {
text-decoration-line: underline;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@ -1710,31 +1576,11 @@ body {
opacity: 0.5;
}
.group:hover .group-hover\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1 {
--tw-translate-x: 0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-foreground {
--tw-text-opacity: 1;
color: hsl(var(--foreground) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary {
--tw-text-opacity: 1;
color: hsl(var(--primary) / var(--tw-text-opacity));
@ -1744,10 +1590,6 @@ body {
text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
cursor: not-allowed;
}
@ -1756,30 +1598,6 @@ body {
opacity: 0.7;
}
.dark\:divide-gray-700\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(55 65 81 / 0.6);
}
.dark\:border-gray-200:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.dark\:bg-gray-600:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.dark\:bg-gray-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:text-gray-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
@ -1790,41 +1608,12 @@ body {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.dark\:text-gray-300:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:text-gray-500:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.dark\:text-neutral-100:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(245 245 245 / var(--tw-text-opacity));
}
.dark\:text-neutral-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:text-gray-300:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
.sm\:flex {
display: flex;
}
.sm\:h-1\/2 {
height: 50%;
}
@ -1844,29 +1633,12 @@ body {
display: none;
}
.md\:h-5 {
height: 1.25rem;
}
.md\:h-6 {
height: 1.5rem;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 1024px) {
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}

View File

@ -26,6 +26,8 @@ templ BaseLayout() {
});
})();
</script>
<!-- Plausible Analytics -->
<script defer data-domain="goilerplate.com" src="https://plausible.axeladrian.com/js/script.js"></script>
<!-- Favicon -->
<link rel="icon" href="/assets/img/gopher.svg" type="image/x-icon"/>
<!-- Tailwind CSS (local) -->