diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 9eb0bce4..3510e60d 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ -/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) @@ -4244,32 +4244,32 @@ textarea.form-control.is-invalid { right: 0px; } +.top-\[100vh\] { + top: 100vh; +} + .bottom-0 { bottom: 0px; } -.left-0 { - left: 0px; -} - -.right-0 { - right: 0px; -} - -.top-0 { - top: 0px; +.top-\[calc\(100vh-5\.5rem\)\] { + top: calc(100vh - 5.5rem); } .top-20 { top: 5rem; } -.top-\[100vh\] { - top: 100vh; +.right-0 { + right: 0px; } -.top-\[calc\(100vh-5\.5rem\)\] { - top: calc(100vh - 5.5rem); +.left-0 { + left: 0px; +} + +.top-0 { + top: 0px; } .z-10 { @@ -4288,20 +4288,20 @@ textarea.form-control.is-invalid { float: left; } -.m-0 { - margin: 0px; +.m-auto { + margin: auto; } .m-1 { margin: 0.25rem; } -.m-2 { - margin: 0.5rem; +.m-0 { + margin: 0px; } -.m-auto { - margin: auto; +.m-2 { + margin: 0.5rem; } .-mx-2 { @@ -4309,11 +4309,6 @@ textarea.form-control.is-invalid { margin-right: -0.5rem; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; -} - .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; @@ -4329,163 +4324,168 @@ textarea.form-control.is-invalid { margin-bottom: 0px; } +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} + .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } -.\!mb-0 { - margin-bottom: 0px !important; -} - -.\!mb-9 { - margin-bottom: 2.25rem !important; -} - -.\!mt-0 { - margin-top: 0px !important; -} - -.-mb-1 { - margin-bottom: -0.25rem; -} - -.-ml-12 { - margin-left: -3rem; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.-mr-48 { - margin-right: -12rem; -} - -.mb-0 { - margin-bottom: 0px; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.mb-12 { - margin-bottom: 3rem; -} - -.mb-16 { - margin-bottom: 4rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - .mb-3 { margin-bottom: 0.75rem; } -.mb-5 { - margin-bottom: 1.25rem; +.mt-8 { + margin-top: 2rem; } -.mb-6 { - margin-bottom: 1.5rem; -} - -.mb-\[2px\] { - margin-bottom: 2px; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.ml-6 { - margin-left: 1.5rem; -} - -.ml-auto { - margin-left: auto; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.mr-auto { - margin-right: auto; -} - -.mt-0 { - margin-top: 0px; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mt-12 { - margin-top: 3rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mt-20 { - margin-top: 5rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.mt-4 { - margin-top: 1rem; +.mb-12 { + margin-bottom: 3rem; } .mt-5 { margin-top: 1.25rem; } +.mt-1 { + margin-top: 0.25rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-0 { + margin-top: 0px; +} + +.mt-10 { + margin-top: 2.5rem; +} + .mt-6 { margin-top: 1.5rem; } -.mt-8 { - margin-top: 2rem; +.mb-6 { + margin-bottom: 1.5rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.ml-3 { + margin-left: 0.75rem; } .mt-\[0\.1rem\] { margin-top: 0.1rem; } +.mt-4 { + margin-top: 1rem; +} + +.\!mt-0 { + margin-top: 0px !important; +} + +.\!mb-0 { + margin-bottom: 0px !important; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.-mb-1 { + margin-bottom: -0.25rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.\!mb-9 { + margin-bottom: 2.25rem !important; +} + +.mt-20 { + margin-top: 5rem; +} + +.-ml-12 { + margin-left: -3rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.-mr-2 { + margin-right: -0.5rem; +} + +.ml-auto { + margin-left: auto; +} + +.mr-auto { + margin-right: auto; +} + +.mb-0 { + margin-bottom: 0px; +} + +.-mr-48 { + margin-right: -12rem; +} + +.mb-\[2px\] { + margin-bottom: 2px; +} + .block { display: block; } @@ -4514,36 +4514,28 @@ textarea.form-control.is-invalid { display: none; } -.h-1\/2 { - height: 50%; -} - -.h-12 { - height: 3rem; +.h-screen { + height: 100vh; } .h-24 { height: 6rem; } -.h-3 { - height: 0.75rem; -} - -.h-36 { - height: 9rem; -} - -.h-48 { - height: 12rem; +.h-12 { + height: 3rem; } .h-8 { height: 2rem; } -.h-\[1000px\] { - height: 1000px; +.h-3 { + height: 0.75rem; +} + +.h-full { + height: 100%; } .h-\[150px\] { @@ -4554,12 +4546,20 @@ textarea.form-control.is-invalid { height: 800px; } -.h-full { - height: 100%; +.h-36 { + height: 9rem; } -.h-screen { - height: 100vh; +.h-1\/2 { + height: 50%; +} + +.h-\[1000px\] { + height: 1000px; +} + +.h-48 { + height: 12rem; } .max-h-\[5rem\] { @@ -4574,30 +4574,6 @@ textarea.form-control.is-invalid { min-height: 148px; } -.w-12 { - width: 3rem; -} - -.w-24 { - width: 6rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-36 { - width: 9rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-8 { - width: 2rem; -} - .w-full { width: 100%; } @@ -4606,6 +4582,30 @@ textarea.form-control.is-invalid { width: 100vw; } +.w-24 { + width: 6rem; +} + +.w-12 { + width: 3rem; +} + +.w-8 { + width: 2rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-36 { + width: 9rem; +} + .min-w-0 { min-width: 0px; } @@ -4626,31 +4626,10 @@ textarea.form-control.is-invalid { min-width: 100%; } -.max-w-3xl { - max-width: 48rem; -} - .max-w-7xl { max-width: 80rem; } -.max-w-\[1600px\] { - max-width: 1600px; -} - -.max-w-\[5rem\] { - max-width: 5rem; -} - -.max-w-\[64rem\] { - max-width: 64rem; -} - -.max-w-fit { - max-width: -moz-fit-content; - max-width: fit-content; -} - .max-w-full { max-width: 100%; } @@ -4659,20 +4638,41 @@ textarea.form-control.is-invalid { max-width: 65ch; } +.max-w-\[1600px\] { + max-width: 1600px; +} + +.max-w-3xl { + max-width: 48rem; +} + +.max-w-fit { + max-width: -moz-fit-content; + max-width: fit-content; +} + +.max-w-\[5rem\] { + max-width: 5rem; +} + +.max-w-\[64rem\] { + max-width: 64rem; +} + .max-w-xl { max-width: 36rem; } -.flex-1 { - flex: 1 1 0%; +.flex-none { + flex: none; } .flex-auto { flex: 1 1 auto; } -.flex-none { - flex: none; +.flex-1 { + flex: 1 1 0%; } .grow { @@ -4750,6 +4750,18 @@ textarea.form-control.is-invalid { gap: 1rem; } +.space-y-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); +} + +.space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); +} + .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); @@ -4762,24 +4774,12 @@ textarea.form-control.is-invalid { margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); -} - .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } -.space-y-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); -} - .place-self-center { place-self: center; } @@ -4804,34 +4804,34 @@ textarea.form-control.is-invalid { scroll-behavior: smooth; } -.\!rounded-md { - border-radius: 0.375rem !important; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-2xl { - border-radius: 1rem; -} - .rounded-full { border-radius: 9999px; } -.rounded-lg { - border-radius: 0.5rem; -} - .rounded-md { border-radius: 0.375rem; } +.rounded { + border-radius: 0.25rem; +} + +.rounded-lg { + border-radius: 0.5rem; +} + .rounded-xl { border-radius: 0.75rem; } +.\!rounded-md { + border-radius: 0.375rem !important; +} + +.rounded-2xl { + border-radius: 1rem; +} + .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -4849,21 +4849,16 @@ textarea.form-control.is-invalid { border-width: 2px; } -.border-l-2 { - border-left-width: 2px; -} - .border-t { border-top-width: 1px; } -.border-dotted { - border-style: dotted; +.border-l-2 { + border-left-width: 2px; } -.border-neutral-200 { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); +.border-dotted { + border-style: dotted; } .border-neutral-300 { @@ -4876,6 +4871,11 @@ textarea.form-control.is-invalid { border-color: rgba(var(--color-primary-400), var(--tw-border-opacity)); } +.border-neutral-200 { + --tw-border-opacity: 1; + border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); +} + .border-primary-500 { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-500), var(--tw-border-opacity)); @@ -4886,50 +4886,54 @@ textarea.form-control.is-invalid { background-color: rgba(var(--color-neutral), var(--tw-bg-opacity)); } +.bg-primary-200 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity)); +} + +.bg-neutral\/50 { + background-color: rgba(var(--color-neutral), 0.5); +} + +.bg-neutral-500\/50 { + background-color: rgba(var(--color-neutral-500), 0.5); +} + +.bg-transparent { + background-color: transparent; +} + .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); } -.bg-neutral-100\/50 { - background-color: rgba(var(--color-neutral-100), 0.5); -} - .bg-neutral-300 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity)); } -.bg-neutral-500\/50 { - background-color: rgba(var(--color-neutral-500), 0.5); -} - -.bg-neutral\/50 { - background-color: rgba(var(--color-neutral), 0.5); -} - .bg-primary-100 { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); } -.bg-primary-200 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity)); -} - -.bg-primary-500 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); -} - .bg-primary-600 { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); } -.bg-transparent { - background-color: transparent; +.bg-primary-500 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); +} + +.bg-neutral-100\/50 { + background-color: rgba(var(--color-neutral-100), 0.5); +} + +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .bg-gradient-to-b { @@ -4940,10 +4944,6 @@ textarea.form-control.is-invalid { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); -} - .from-neutral { --tw-gradient-from: rgba(var(--color-neutral), 1); --tw-gradient-to: rgba(var(--color-neutral), 0); @@ -4956,20 +4956,20 @@ textarea.form-control.is-invalid { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.to-neutral { - --tw-gradient-to: rgba(var(--color-neutral), 1); +.to-transparent { + --tw-gradient-to: transparent; } .to-neutral-100 { --tw-gradient-to: rgba(var(--color-neutral-100), 1); } -.to-secondary-700 { - --tw-gradient-to: rgba(var(--color-secondary-700), 1); +.to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); } -.to-transparent { - --tw-gradient-to: transparent; +.to-secondary-700 { + --tw-gradient-to: rgba(var(--color-secondary-700), 1); } .bg-no-repeat { @@ -4991,63 +4991,38 @@ textarea.form-control.is-invalid { object-position: left; } -.p-0 { - padding: 0px; -} - -.p-1 { - padding: 0.25rem; +.p-4 { + padding: 1rem; } .p-1\.5 { padding: 0.375rem; } -.p-4 { - padding: 1rem; +.p-1 { + padding: 0.25rem; } .p-5 { padding: 1.25rem; } +.p-0 { + padding: 0px; +} + .p-6 { padding: 1.5rem; } -.px-0 { - padding-left: 0px; - padding-right: 0px; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } -.px-\[30px\] { - padding-left: 30px; - padding-right: 30px; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } .py-1 { @@ -5055,34 +5030,14 @@ textarea.form-control.is-invalid { padding-bottom: 0.25rem; } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; +.px-0 { + padding-left: 0px; + padding-right: 0px; } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.px-\[30px\] { + padding-left: 30px; + padding-right: 30px; } .py-8 { @@ -5090,33 +5045,86 @@ textarea.form-control.is-invalid { padding-bottom: 2rem; } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + .py-\[1px\] { padding-top: 1px; padding-bottom: 1px; } -.pb-2 { +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-2 { + padding-top: 0.5rem; padding-bottom: 0.5rem; } -.pb-3 { +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.py-3 { + padding-top: 0.75rem; padding-bottom: 0.75rem; } -.pb-32 { - padding-bottom: 8rem; +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.pt-8 { + padding-top: 2rem; +} + +.pt-3 { + padding-top: 0.75rem; } .pb-4 { padding-bottom: 1rem; } +.pt-4 { + padding-top: 1rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + .pl-2 { padding-left: 0.5rem; } -.pl-4 { - padding-left: 1rem; +.pb-3 { + padding-bottom: 0.75rem; } .pl-\[24px\] { @@ -5131,20 +5139,8 @@ textarea.form-control.is-invalid { padding-top: 4rem; } -.pt-2 { - padding-top: 0.5rem; -} - -.pt-3 { - padding-top: 0.75rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.pt-8 { - padding-top: 2rem; +.pb-32 { + padding-bottom: 8rem; } .text-center { @@ -5163,25 +5159,11 @@ textarea.form-control.is-invalid { vertical-align: text-bottom; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } -.text-\[0\.6rem\] { - font-size: 0.6rem; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -5192,9 +5174,14 @@ textarea.form-control.is-invalid { line-height: 1.25rem; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .text-xs { @@ -5202,28 +5189,37 @@ textarea.form-control.is-invalid { line-height: 1rem; } -.font-bold { - font-weight: 700; +.text-\[0\.6rem\] { + font-size: 0.6rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } .font-extrabold { font-weight: 800; } -.font-light { - font-weight: 300; +.font-bold { + font-weight: 700; } -.font-medium { - font-weight: 500; +.font-semibold { + font-weight: 600; } .font-normal { font-weight: 400; } -.font-semibold { - font-weight: 600; +.font-medium { + font-weight: 500; +} + +.font-light { + font-weight: 300; } .uppercase { @@ -5234,31 +5230,16 @@ textarea.form-control.is-invalid { font-style: italic; } -.leading-3 { - line-height: .75rem; +.leading-7 { + line-height: 1.75rem; } .leading-6 { line-height: 1.5rem; } -.leading-7 { - line-height: 1.75rem; -} - -.\!text-neutral { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; -} - -.text-neutral-200 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); -} - -.text-neutral-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +.leading-3 { + line-height: .75rem; } .text-neutral-400 { @@ -5266,9 +5247,14 @@ textarea.form-control.is-invalid { color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } -.text-neutral-50 { +.text-neutral-900 { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-50), var(--tw-text-opacity)); + color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); +} + +.text-primary-600 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } .text-neutral-500 { @@ -5286,19 +5272,9 @@ textarea.form-control.is-invalid { color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } -.text-neutral-900 { +.text-primary-700 { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); -} - -.text-primary-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-300), var(--tw-text-opacity)); -} - -.text-primary-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); + color: rgba(var(--color-primary-700), var(--tw-text-opacity)); } .text-primary-500 { @@ -5306,14 +5282,19 @@ textarea.form-control.is-invalid { color: rgba(var(--color-primary-500), var(--tw-text-opacity)); } -.text-primary-600 { +.text-primary-400 { --tw-text-opacity: 1; - color: rgba(var(--color-primary-600), var(--tw-text-opacity)); + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.text-primary-700 { +.\!text-neutral { + --tw-text-opacity: 1 !important; + color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; +} + +.text-neutral-50 { --tw-text-opacity: 1; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)); + color: rgba(var(--color-neutral-50), var(--tw-text-opacity)); } .text-primary-800 { @@ -5321,6 +5302,21 @@ textarea.form-control.is-invalid { color: rgba(var(--color-primary-800), var(--tw-text-opacity)); } +.text-neutral-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); +} + +.text-neutral-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +} + +.text-primary-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-300), var(--tw-text-opacity)); +} + .\!no-underline { text-decoration-line: none !important; } @@ -5337,14 +5333,14 @@ textarea.form-control.is-invalid { opacity: 0; } -.opacity-30 { - opacity: 0.3; -} - .opacity-60 { opacity: 0.6; } +.opacity-30 { + opacity: 0.3; +} + .mix-blend-normal { mix-blend-mode: normal; } @@ -5353,18 +5349,18 @@ textarea.form-control.is-invalid { mix-blend-mode: multiply; } -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .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); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); @@ -5390,14 +5386,14 @@ textarea.form-control.is-invalid { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } -.backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); +.backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } -.backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); +.backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } @@ -6948,50 +6944,6 @@ body:has(#menu-controller:checked) { /* 32:9 Aspect Ratio */ } -.dark .dark\:prose-invert { - --tw-prose-body: var(--tw-prose-invert-body); - --tw-prose-headings: var(--tw-prose-invert-headings); - --tw-prose-lead: var(--tw-prose-invert-lead); - --tw-prose-links: var(--tw-prose-invert-links); - --tw-prose-bold: var(--tw-prose-invert-bold); - --tw-prose-counters: var(--tw-prose-invert-counters); - --tw-prose-bullets: var(--tw-prose-invert-bullets); - --tw-prose-hr: var(--tw-prose-invert-hr); - --tw-prose-quotes: var(--tw-prose-invert-quotes); - --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); - --tw-prose-captions: var(--tw-prose-invert-captions); - --tw-prose-code: var(--tw-prose-invert-code); - --tw-prose-pre-code: var(--tw-prose-invert-pre-code); - --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); - --tw-prose-th-borders: var(--tw-prose-invert-th-borders); - --tw-prose-td-borders: var(--tw-prose-invert-td-borders); -} - -.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-neutral-600), 1); -} - -.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { - color: rgba(var(--color-neutral-200), 1); - background-color: rgba(var(--color-neutral-700), 1); -} - -.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { - background-color: rgba(var(--color-secondary-400), 1); -} - -.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { - background-color: rgba(var(--color-neutral-700), 1); -} - -.dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - -.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - .first\:mt-8:first-child { margin-top: 2rem; } @@ -7000,9 +6952,9 @@ body:has(#menu-controller:checked) { border-color: transparent; } -.hover\:\!bg-primary-500:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; +.hover\:bg-primary-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); } .hover\:bg-primary-100:hover { @@ -7015,19 +6967,14 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); } -.hover\:bg-primary-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); +.hover\:\!bg-primary-500:hover { + --tw-bg-opacity: 1 !important; + background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; } -.hover\:text-neutral:hover { +.hover\:text-primary-700:hover { --tw-text-opacity: 1; - color: rgba(var(--color-neutral), var(--tw-text-opacity)); -} - -.hover\:text-primary-400:hover { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); + color: rgba(var(--color-primary-700), var(--tw-text-opacity)); } .hover\:text-primary-500:hover { @@ -7035,14 +6982,19 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-500), var(--tw-text-opacity)); } +.hover\:text-neutral:hover { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral), var(--tw-text-opacity)); +} + .hover\:text-primary-600:hover { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } -.hover\:text-primary-700:hover { +.hover\:text-primary-400:hover { --tw-text-opacity: 1; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)); + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } .hover\:underline:hover { @@ -7101,16 +7053,16 @@ body:has(#menu-controller:checked) { outline-color: transparent; } -.group:hover .group-hover\:text-primary-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-300), var(--tw-text-opacity)); -} - .group:hover .group-hover\:text-primary-600 { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } +.group:hover .group-hover\:text-primary-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-300), var(--tw-text-opacity)); +} + .group:hover .group-hover\:underline { text-decoration-line: underline; } @@ -7123,12 +7075,16 @@ body:has(#menu-controller:checked) { opacity: 1; } +[dir="ltr"] .ltr\:right-0 { + right: 0px; +} + [dir="ltr"] .ltr\:-left-6 { left: -1.5rem; } -[dir="ltr"] .ltr\:right-0 { - right: 0px; +[dir="ltr"] .ltr\:mr-4 { + margin-right: 1rem; } [dir="ltr"] .ltr\:-ml-5 { @@ -7143,10 +7099,6 @@ body:has(#menu-controller:checked) { margin-right: 3.5rem; } -[dir="ltr"] .ltr\:mr-4 { - margin-right: 1rem; -} - [dir="ltr"] .ltr\:block { display: block; } @@ -7163,14 +7115,14 @@ body:has(#menu-controller:checked) { border-left-width: 1px; } -[dir="ltr"] .ltr\:pl-5 { - padding-left: 1.25rem; -} - [dir="ltr"] .ltr\:pr-2 { padding-right: 0.5rem; } +[dir="ltr"] .ltr\:pl-5 { + padding-left: 1.25rem; +} + [dir="ltr"] .ltr\:pr-3 { padding-right: 0.75rem; } @@ -7179,30 +7131,30 @@ body:has(#menu-controller:checked) { text-align: right; } -[dir="rtl"] .rtl\:-right-6 { - right: -1.5rem; -} - [dir="rtl"] .rtl\:left-0 { left: 0px; } -[dir="rtl"] .rtl\:-mr-5 { - margin-right: -1.25rem; -} - -[dir="rtl"] .rtl\:ml-14 { - margin-left: 3.5rem; +[dir="rtl"] .rtl\:-right-6 { + right: -1.5rem; } [dir="rtl"] .rtl\:ml-4 { margin-left: 1rem; } +[dir="rtl"] .rtl\:-mr-5 { + margin-right: -1.25rem; +} + [dir="rtl"] .rtl\:mr-2 { margin-right: 0.5rem; } +[dir="rtl"] .rtl\:ml-14 { + margin-left: 3.5rem; +} + [dir="rtl"] .rtl\:block { display: block; } @@ -7223,14 +7175,14 @@ body:has(#menu-controller:checked) { padding-left: 0.5rem; } -[dir="rtl"] .rtl\:pl-3 { - padding-left: 0.75rem; -} - [dir="rtl"] .rtl\:pr-5 { padding-right: 1.25rem; } +[dir="rtl"] .rtl\:pl-3 { + padding-left: 0.75rem; +} + [dir="rtl"] .rtl\:text-left { text-align: left; } @@ -7248,6 +7200,11 @@ body:has(#menu-controller:checked) { border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity)); } +.dark .dark\:border-primary-600 { + --tw-border-opacity: 1; + border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); +} + .dark .dark\:border-neutral-700 { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity)); @@ -7258,9 +7215,9 @@ body:has(#menu-controller:checked) { border-color: rgba(var(--color-primary-300), var(--tw-border-opacity)); } -.dark .dark\:border-primary-600 { - --tw-border-opacity: 1; - border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); +.dark .dark\:bg-neutral-800 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); } .dark .dark\:bg-neutral-600 { @@ -7268,14 +7225,9 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); } -.dark .dark\:bg-neutral-700 { +.dark .dark\:bg-primary-400 { --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); -} - -.dark .dark\:bg-neutral-800 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); + background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); } .dark .dark\:bg-neutral-800\/50 { @@ -7286,14 +7238,9 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-900), 0.5); } -.dark .dark\:bg-primary-300 { +.dark .dark\:bg-neutral-700 { --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); -} - -.dark .dark\:bg-primary-400 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); + background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); } .dark .dark\:bg-primary-800 { @@ -7306,6 +7253,11 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } +.dark .dark\:bg-primary-300 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); +} + .dark .dark\:from-neutral-800 { --tw-gradient-from: rgba(var(--color-neutral-800), 1); --tw-gradient-to: rgba(var(--color-neutral-800), 0); @@ -7326,29 +7278,48 @@ body:has(#menu-controller:checked) { --tw-gradient-to: rgba(var(--color-secondary-800), 1); } -.dark .dark\:text-neutral { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral), var(--tw-text-opacity)); +.dark .dark\:prose-invert { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } -.dark .dark\:text-neutral-100 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); +.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); } -.dark .dark\:text-neutral-200 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); +.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); } -.dark .dark\:text-neutral-300 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { + background-color: rgba(var(--color-secondary-400), 1); } -.dark .dark\:text-neutral-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); +.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); +} + +.dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); +} + +.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); } .dark .dark\:text-neutral-500 { @@ -7356,19 +7327,9 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-700 { +.dark .dark\:text-neutral { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - -.dark .dark\:text-neutral-800 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); -} - -.dark .dark\:text-primary-200 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-200), var(--tw-text-opacity)); + color: rgba(var(--color-neutral), var(--tw-text-opacity)); } .dark .dark\:text-primary-400 { @@ -7376,28 +7337,58 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } +.dark .dark\:text-neutral-400 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-800 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-100 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-700 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); +} + +.dark .dark\:text-neutral-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); +} + +.dark .dark\:text-primary-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-200), var(--tw-text-opacity)); +} + .dark .dark\:opacity-60 { opacity: 0.6; } -.dark .dark\:hover\:\!bg-primary-700:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; -} - -.dark .dark\:hover\:bg-primary-400:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); -} - .dark .dark\:hover\:bg-primary-900:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .dark\:hover\:text-neutral-800:hover { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); +.dark .dark\:hover\:bg-primary-400:hover { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:\!bg-primary-700:hover { + --tw-bg-opacity: 1 !important; + background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; } .dark .dark\:hover\:text-primary-400:hover { @@ -7405,21 +7396,26 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } +.dark .dark\:hover\:text-neutral-800:hover { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); +} + .dark .dark\:focus\:bg-primary-900:focus { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .group:hover .dark\:group-hover\:text-neutral-700 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - .dark .group:hover .dark\:group-hover\:text-primary-400 { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } +.dark .group:hover .dark\:group-hover\:text-neutral-700 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); +} + @media print { .print\:hidden { display: none; @@ -7474,10 +7470,6 @@ body:has(#menu-controller:checked) { padding-bottom: 6rem; } - .sm\:pl-6 { - padding-left: 1.5rem; - } - .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -7501,14 +7493,6 @@ body:has(#menu-controller:checked) { } @media (min-width: 853px) { - .md\:-mr-16 { - margin-right: -4rem; - } - - .md\:ml-12 { - margin-left: 3rem; - } - .md\:mr-7 { margin-right: 1.75rem; } @@ -7517,6 +7501,14 @@ body:has(#menu-controller:checked) { margin-top: 0px; } + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:-mr-16 { + margin-right: -4rem; + } + .md\:flex { display: flex; } @@ -7525,22 +7517,22 @@ body:has(#menu-controller:checked) { display: none; } - .md\:h-56 { - height: 14rem; - } - .md\:h-\[200px\] { height: 200px; } - .md\:w-1\/3 { - width: 33.333333%; + .md\:h-56 { + height: 14rem; } .md\:w-auto { width: auto; } + .md\:w-1\/3 { + width: 33.333333%; + } + .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -7572,10 +7564,6 @@ body:has(#menu-controller:checked) { position: sticky; } - .lg\:left-0 { - left: 0px; - } - .lg\:top-10 { top: 2.5rem; } @@ -7584,6 +7572,10 @@ body:has(#menu-controller:checked) { top: 140px; } + .lg\:left-0 { + left: 0px; + } + .lg\:order-last { order: 9999; } @@ -7592,16 +7584,16 @@ body:has(#menu-controller:checked) { margin: 0px; } - .lg\:mx-0 { - margin-left: 0px; - margin-right: 0px; - } - .lg\:mx-auto { margin-left: auto; margin-right: auto; } + .lg\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + .lg\:ml-auto { margin-left: auto; } @@ -7630,12 +7622,16 @@ body:has(#menu-controller:checked) { height: 100%; } + .lg\:w-auto { + width: auto; + } + .lg\:w-1\/4 { width: 25%; } - .lg\:w-auto { - width: auto; + .lg\:max-w-xs { + max-width: 20rem; } .lg\:max-w-7xl { @@ -7646,10 +7642,6 @@ body:has(#menu-controller:checked) { max-width: none; } - .lg\:max-w-xs { - max-width: 20rem; - } - .lg\:grid-flow-col-dense { grid-auto-flow: column dense; } @@ -7670,16 +7662,16 @@ body:has(#menu-controller:checked) { padding: 12vh; } - .lg\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .lg\:px-32 { padding-left: 8rem; padding-right: 8rem; } + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -7690,9 +7682,9 @@ body:has(#menu-controller:checked) { padding-bottom: 4rem; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:px-0 { + padding-left: 0px; + padding-right: 0px; } [dir="ltr"] .ltr\:lg\:pl-8 { diff --git a/assets/icons/globe.svg b/assets/icons/globe.svg new file mode 100644 index 00000000..1b4af7a5 --- /dev/null +++ b/assets/icons/globe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/js/appearance.js b/assets/js/appearance.js index af3e41b9..0acf9f18 100644 --- a/assets/js/appearance.js +++ b/assets/js/appearance.js @@ -26,6 +26,8 @@ window.addEventListener("DOMContentLoaded", (event) => { const switcher = document.getElementById("appearance-switcher"); const switcherMobile = document.getElementById("appearance-switcher-mobile"); + updateMeta() + if (switcher) { switcher.addEventListener("click", () => { document.documentElement.classList.toggle("dark"); @@ -33,6 +35,7 @@ window.addEventListener("DOMContentLoaded", (event) => { "appearance", document.documentElement.classList.contains("dark") ? "dark" : "light" ); + updateMeta() }); switcher.addEventListener("contextmenu", (event) => { event.preventDefault(); @@ -46,10 +49,19 @@ window.addEventListener("DOMContentLoaded", (event) => { "appearance", document.documentElement.classList.contains("dark") ? "dark" : "light" ); + updateMeta() }); switcherMobile.addEventListener("contextmenu", (event) => { event.preventDefault(); localStorage.removeItem("appearance"); }); } -}); \ No newline at end of file +}); + + +var updateMeta = () => { + var elem, style; + elem = document.querySelector('body'); + style = getComputedStyle(elem); + document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor); +} \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml index 5b920ab5..5d5f35ce 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -24,7 +24,7 @@ disableImageOptimization = false # smartTOCHideUnfocusedChildren = true [header] - layout = "basic" # valid options: basic, fixed + layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-fill-blur [footer] showMenu = true diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index 3b25e6c8..406813f3 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -24,7 +24,7 @@ smartTOC = true smartTOCHideUnfocusedChildren = true [header] - layout = "fixed" # valid options: basic, fixed + layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-fill-blur [footer] showMenu = true diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md index 4b422576..e1310e61 100644 --- a/exampleSite/content/docs/configuration/index.md +++ b/exampleSite/content/docs/configuration/index.md @@ -55,28 +55,31 @@ Blowfish is optimised for full multilingual websites and theme assets are transl The theme currently supports the following languages by default: -| Language | Code | -| ------------------------------------- | ------- | -| :gb: English | `en` | -| :bangladesh: Bengali | `bn` | -| :cn: Simplified Chinese (China) | `zh-cn` | -| :taiwan: Traditional Chinese (Taiwan) | `zh-tw` | -| :finland: Finnish | `fi` | -| :fr: French | `fr` | -| :de: German | `de` | -| :israel: Hebrew | `he` | -| :hungary: Hungarian | `hu` | -| :it: Italian | `it` | -| :jp: Japanese | `ja` | -| :brazil: Portuguese (Brazil) | `pt-br` | -| :portugal: Portuguese (Portugal) | `pt-pt` | -| :poland: Polish | `pl` | -| :romania: Romanian | `ro` | -| :es: Spanish (Spain) | `es` | -| :tr: Turkish | `tr` | -| ๐Ÿ‡ญ๐Ÿ‡ท Croatian | `hr` | -| ๐Ÿ‡ฎ๐Ÿ‡ฉ Indonesian | `id` | -| ๐Ÿ‡จ๐Ÿ‡ฟ Czech | `cs` | +| Language | Code | +| ------------------------------ | ------- | +| ๐Ÿ‡ง๐Ÿ‡ฉ Bengali | `bn` | +| ๐Ÿ‡จ๐Ÿ‡ฟ Czech | `cs` | +| ๐Ÿ‡ฉ๐Ÿ‡ช German | `de` | +| ๐Ÿ‡ฌ๐Ÿ‡ง English | `en` | +| ๐Ÿ‡ช๐Ÿ‡ธ Spanish (Spain) | `es` | +| ๐Ÿ‡ซ๐Ÿ‡ฎ Finnish | `fi` | +| ๐Ÿ‡ซ๐Ÿ‡ท French | `fr` | +| ๐Ÿ‡ฎ๐Ÿ‡ฑ Hebrew | `he` | +| ๐Ÿ‡ญ๐Ÿ‡ท Croatian | `hr` | +| ๐Ÿ‡ญ๐Ÿ‡บ Hungarian | `hu` | +| ๐Ÿ‡ฎ๐Ÿ‡ฉ Indonesian | `id` | +| ๐Ÿ‡ฎ๐Ÿ‡น Italian | `it` | +| ๐Ÿ‡ฏ๐Ÿ‡ต Japanese | `ja` | +| ๐Ÿ‡ต๐Ÿ‡ฑ Polish | `pl` | +| ๐Ÿ‡ง๐Ÿ‡ท Portuguese (Brazil) | `pt-br` | +| ๐Ÿ‡ต๐Ÿ‡น Portuguese (Portugal) | `pt-pt` | +| ๐Ÿ‡ท๐Ÿ‡ด Romanian | `ro` | +| ๐Ÿ‡ท๐Ÿ‡บ Russian | `ru` | +| ๐Ÿ‡น๐Ÿ‡ท Turkish | `tr` | +| ๐Ÿ‡จ๐Ÿ‡ณ Simplified Chinese (China) | `zh-cn` | +| ๐Ÿ‡น๐Ÿ‡ผ Traditional Chinese (Taiwan) | `zh-tw` | + + The default translations can be overridden by creating a custom file in `i18n/[code].yaml` that contains the translation strings. You can also use this method to add new languages. If you'd like to share a new translation with the community, please [open a pull request](https://github.com/nunocoracao/blowfish/pulls). @@ -143,7 +146,7 @@ Many of the article defaults here can be overridden on a per article basis by sp | `disableImageZoom` | `false` | Disables image zoom feature across all the images in the site. | | `disableImageOptimization` | `false` | Disables image resize and optimization features across all the images in the site. | | `defaultBackgroundImage` | _Not set_ | Default background image for both `background` homepage layout and `background` hero style | -| `defaultBackgrouclearndImage` | _Not set_ | Marks menu entries in the main manu when selected | +| `defaultBackgrouclearndImage` | _Not set_ | Marks menu entries in the main manu when selected | | `smartTOC` | _Not set_ | Activate smart Table of Contents, items in view will be highlighted. | | `smartTOCHideUnfocusedChildren` | _Not set_ | When smart Table of Contents is turned on, this will hide deeper levels of the table when they are not in focus. | @@ -151,7 +154,7 @@ Many of the article defaults here can be overridden on a per article basis by sp | Name | Default | Description | | --------------- | --------- | --------------------------------------------------------------------------------- | -| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic` and `fixed`. | +| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, `fixed-fill`, and `fixed-fill-blur`. | ### Footer | Name | Default | Description | @@ -176,34 +179,34 @@ Many of the article defaults here can be overridden on a per article basis by sp | `homepage.layoutBackgroundBlur` | `false` | Makes the background image in the homepage layout blur with the scroll | ### Article -| Name | Default | Description | -| ------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -| `article.showDate` | `true` | Whether or not article dates are displayed. | -| `article.showViews` | `false` | Whether or not article views are displayed. This requires firebase integrations to be enabled, look below. | -| `article.showLikes` | `false` | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below. | -| `article.showDateUpdated` | `false` | Whether or not the dates articles were updated are displayed. | -| `article.showAuthor` | `true` | Whether or not the author box is displayed in the article footer. | -| `article.showHero` | `false` | Whether the thumbnail image will be shown as a hero image within each article page. | -| `article.heroStyle` | _Not set_ | Style to display the hero image, valid options are: `basic`, `big`, `background`, `thumbAndBackground`. | -| `article.layoutBackgroundBlur` | `true` | Makes the background image in the background article heroStyle blur with the scroll | -| `article.layoutBackgroundHeaderSpace` | `true` | Add space between the header and the body. | -| `article.showBreadcrumbs` | `false` | Whether or not breadcrumbs are displayed in the article header. | -| `article.showDraftLabel` | `true` | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`. | -| `article.showEdit` | `false` | Whether or not the link to edit the article content should be displayed. | -| `article.editURL` | _Not set_ | When `article.showEdit` is active, the URL for the edit link. | -| `article.editAppendPath` | `true` | When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`. | -| `article.seriesOpened` | `false` | Whether or not the series module will be displayed open by default or not. | -| `article.showHeadingAnchors` | `true` | Whether or not heading anchor links are displayed alongside headings within articles. | -| `article.showPagination` | `true` | Whether or not the next/previous article links are displayed in the article footer. | -| `article.invertPagination` | `false` | Whether or not to flip the direction of the next/previous article links. | -| `article.showReadingTime` | `true` | Whether or not article reading times are displayed. | -| `article.showTableOfContents` | `false` | Whether or not the table of contents is displayed on articles. | -| `article.showTaxonomies` | `false` | Whether or not the taxonomies related to this article are displayed. | -| `article.showAuthorsBadges` | `false` | Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature. | -| `article.showWordCount` | `false` | Whether or not article word counts are displayed. | -| `article.showComments` | `false` | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer. | +| Name | Default | Description | +| ------------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `article.showDate` | `true` | Whether or not article dates are displayed. | +| `article.showViews` | `false` | Whether or not article views are displayed. This requires firebase integrations to be enabled, look below. | +| `article.showLikes` | `false` | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below. | +| `article.showDateUpdated` | `false` | Whether or not the dates articles were updated are displayed. | +| `article.showAuthor` | `true` | Whether or not the author box is displayed in the article footer. | +| `article.showHero` | `false` | Whether the thumbnail image will be shown as a hero image within each article page. | +| `article.heroStyle` | _Not set_ | Style to display the hero image, valid options are: `basic`, `big`, `background`, `thumbAndBackground`. | +| `article.layoutBackgroundBlur` | `true` | Makes the background image in the background article heroStyle blur with the scroll | +| `article.layoutBackgroundHeaderSpace` | `true` | Add space between the header and the body. | +| `article.showBreadcrumbs` | `false` | Whether or not breadcrumbs are displayed in the article header. | +| `article.showDraftLabel` | `true` | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`. | +| `article.showEdit` | `false` | Whether or not the link to edit the article content should be displayed. | +| `article.editURL` | _Not set_ | When `article.showEdit` is active, the URL for the edit link. | +| `article.editAppendPath` | `true` | When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`. | +| `article.seriesOpened` | `false` | Whether or not the series module will be displayed open by default or not. | +| `article.showHeadingAnchors` | `true` | Whether or not heading anchor links are displayed alongside headings within articles. | +| `article.showPagination` | `true` | Whether or not the next/previous article links are displayed in the article footer. | +| `article.invertPagination` | `false` | Whether or not to flip the direction of the next/previous article links. | +| `article.showReadingTime` | `true` | Whether or not article reading times are displayed. | +| `article.showTableOfContents` | `false` | Whether or not the table of contents is displayed on articles. | +| `article.showTaxonomies` | `false` | Whether or not the taxonomies related to this article are displayed. | +| `article.showAuthorsBadges` | `false` | Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature. | +| `article.showWordCount` | `false` | Whether or not article word counts are displayed. | +| `article.showComments` | `false` | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer. | | `article.showSummary` | `false` | Whether or not article summaries are displayed on list pages. If a summary is not provided in the [front matter]({{< ref "front-matter" >}}), one will be auto generated using the `summaryLength` parameter in the [site configuration](#site-configuration). | -| `article.sharingLinks` | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed. | +| `article.sharingLinks` | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed. | ### List @@ -223,7 +226,7 @@ Many of the article defaults here can be overridden on a per article basis by sp | `list.cardView` | `false` | Display lists as a gallery of cards. | | `list.cardViewScreenWidth` | `false` | Enhance the width of card galleries in lists to take the full width available. | | `list.constrainItemsWidth` | `false` | Limit item width to `prose` to increase readability. Useful when no feature images are available. | -| `list.showTableOfContents` | `false` | Whether or not the table of contents is displayed on articles. | +| `list.showTableOfContents` | `false` | Whether or not the table of contents is displayed on articles. | ### Sitemap diff --git a/exampleSite/content/samples/icons/index.md b/exampleSite/content/samples/icons/index.md index eecaa9ca..c651b825 100644 --- a/exampleSite/content/samples/icons/index.md +++ b/exampleSite/content/samples/icons/index.md @@ -46,6 +46,7 @@ The full list of built-in icons and their corresponding names can referenced bel | ghost | {{< icon ghost >}} | | github | {{< icon github >}} | | gitlab | {{< icon gitlab >}} | +| globe | {{< icon globe >}} | | goodreads | {{< icon goodreads >}} | | google | {{< icon google >}} | | hackernews | {{< icon hackernews >}} | diff --git a/exampleSite/content/users/index.md b/exampleSite/content/users/index.md index fba419d8..2dcae27c 100644 --- a/exampleSite/content/users/index.md +++ b/exampleSite/content/users/index.md @@ -64,6 +64,11 @@ Real websites that are built with Blowfish. | [vividscc.com](https://vividscc.com/) | Business site | | [muhalvin.github.io](https://muhalvin.github.io/) | Personal site | | [mariuskimmina.com](https://mariuskimmina.com/) | Personal Site | +| [ashwinbalaji.xyz](https://ashwinbalaji.xyz/) | Personal Site | +| [technicat.com](https://technicat.com/) | Company Site | +| [fugugames.com](https://fugugames.com/) | Games Site | +| [hyperbowl3d.com](https://hyperbowl3d.com/) | Game Site | +| [talkdimsum.com](https://talkdimsum.com/) | App Site | {{< alert >}} diff --git a/i18n/bn.yaml b/i18n/bn.yaml index 71434172..0c5f0968 100644 --- a/i18n/bn.yaml +++ b/i18n/bn.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ง๐Ÿ‡ฉ" + article: anchor_label: "Anchor" date: "{{ .Date }}" diff --git a/i18n/cs.yaml b/i18n/cs.yaml index f5a3908c..32dfc798 100644 --- a/i18n/cs.yaml +++ b/i18n/cs.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡จ๐Ÿ‡ฟ" + article: anchor_label: "Kotva" date: "{{ .Date }}" diff --git a/i18n/de.yaml b/i18n/de.yaml index e227f08c..e1fd76e8 100644 --- a/i18n/de.yaml +++ b/i18n/de.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฉ๐Ÿ‡ช" + article: anchor_label: "Anker" date: "{{ .Date }}" diff --git a/i18n/en.yaml b/i18n/en.yaml index 64790405..e275bb8f 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฌ๐Ÿ‡ง" + article: anchor_label: "Anchor" date: "{{ .Date }}" diff --git a/i18n/es.yaml b/i18n/es.yaml index da866a03..31884f22 100644 --- a/i18n/es.yaml +++ b/i18n/es.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ช๐Ÿ‡ธ" + article: anchor_label: "Ancla" date: "{{ .Date }}" diff --git a/i18n/fi.yaml b/i18n/fi.yaml index 889a538e..c66827c5 100644 --- a/i18n/fi.yaml +++ b/i18n/fi.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ซ๐Ÿ‡ฎ" + article: anchor_label: "Ankkuri" date: "{{ .Date }}" diff --git a/i18n/fr.yaml b/i18n/fr.yaml index 3d03002e..5016d58c 100644 --- a/i18n/fr.yaml +++ b/i18n/fr.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ซ๐Ÿ‡ท" + article: anchor_label: "Ancre" date: "{{ .Date }}" diff --git a/i18n/he.yaml b/i18n/he.yaml index abef5192..39b3e575 100644 --- a/i18n/he.yaml +++ b/i18n/he.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฎ๐Ÿ‡ฑ" + article: anchor_label: "ืขื•ื’ืŸ" date: "{{ .Date }}" diff --git a/i18n/hr.yaml b/i18n/hr.yaml index ce6debbf..64fa9b14 100644 --- a/i18n/hr.yaml +++ b/i18n/hr.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ญ๐Ÿ‡ท" + article: anchor_label: "Sidro" date: "{{ .Date }}" diff --git a/i18n/hu.yaml b/i18n/hu.yaml index 6798aac5..a13ed816 100644 --- a/i18n/hu.yaml +++ b/i18n/hu.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ญ๐Ÿ‡บ" + article: anchor_label: "Horgony" date: "{{ .Date }}" diff --git a/i18n/id.yaml b/i18n/id.yaml index 37de691a..5da3a252 100644 --- a/i18n/id.yaml +++ b/i18n/id.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฎ๐Ÿ‡ฉ" + article: anchor_label: "Anchor" date: "{{ .Date }}" diff --git a/i18n/it.yaml b/i18n/it.yaml index 3e85cb3c..29ea00bf 100644 --- a/i18n/it.yaml +++ b/i18n/it.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฎ๐Ÿ‡น" + article: anchor_label: "Ancora" date: "{{ .Date }}" diff --git a/i18n/ja.yaml b/i18n/ja.yaml index 927019eb..897573c9 100644 --- a/i18n/ja.yaml +++ b/i18n/ja.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ฏ๐Ÿ‡ต" + article: anchor_label: "ใ‚ขใƒณใ‚ซใƒผ" date: "{{ .Date }}" diff --git a/i18n/pl.yaml b/i18n/pl.yaml index 9fcc5454..04f94d8e 100644 --- a/i18n/pl.yaml +++ b/i18n/pl.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ต๐Ÿ‡ฑ" + article: anchor_label: "Kotwica" date: "{{ .Date }}" diff --git a/i18n/pt-BR.yaml b/i18n/pt-BR.yaml index 0755d0aa..b29edd38 100644 --- a/i18n/pt-BR.yaml +++ b/i18n/pt-BR.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ง๐Ÿ‡ท" + article: anchor_label: "ร‚ncora" date: "{{ .Date }}" diff --git a/i18n/pt-PT.yaml b/i18n/pt-PT.yaml index a7d1dda8..5b5b6f67 100644 --- a/i18n/pt-PT.yaml +++ b/i18n/pt-PT.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ต๐Ÿ‡น" + article: anchor_label: "Anchor" date: "{{ .Date }}" diff --git a/i18n/ro.yaml b/i18n/ro.yaml index 959aac8e..64b8c1d9 100644 --- a/i18n/ro.yaml +++ b/i18n/ro.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ท๐Ÿ‡ด" + article: anchor_label: "Link" date: "{{ .Date }}" diff --git a/i18n/ru.yaml b/i18n/ru.yaml index f3f80df1..8f68df62 100644 --- a/i18n/ru.yaml +++ b/i18n/ru.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡ท๐Ÿ‡บ" + article: anchor_label: "ะฏะบะพั€ัŒ" date: "{{ .Date }}" diff --git a/i18n/tr.yaml b/i18n/tr.yaml index 9e1f5e55..37c7635e 100644 --- a/i18n/tr.yaml +++ b/i18n/tr.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡น๐Ÿ‡ท" + article: # anchor_label: "Anchor" date: "{{ .Date }}" diff --git a/i18n/zh-CN.yaml b/i18n/zh-CN.yaml index 875bb579..bf9a73f4 100644 --- a/i18n/zh-CN.yaml +++ b/i18n/zh-CN.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡จ๐Ÿ‡ณ" + article: anchor_label: "้”š็‚น" date: "{{ .Date }}" diff --git a/i18n/zh-TW.yaml b/i18n/zh-TW.yaml index b7c8eaac..f43fed39 100644 --- a/i18n/zh-TW.yaml +++ b/i18n/zh-TW.yaml @@ -1,3 +1,6 @@ +global: + language: "๐Ÿ‡น๐Ÿ‡ผ" + article: anchor_label: "ๅฎšไฝ้ปž" date: "{{ .Date }}" diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 327b2d59..e1917c31 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -118,7 +118,7 @@ {{ if templates.Exists "partials/extend-head.html" }} {{ partialCached "extend-head.html" .Site }} {{ end }} - + {{/* Firebase */}} {{ with $.Site.Params.firebase }} {{ if isset $.Site.Params "firebase" }} diff --git a/layouts/partials/header/fixed-fill-blur.html b/layouts/partials/header/fixed-fill-blur.html new file mode 100644 index 00000000..534fe989 --- /dev/null +++ b/layouts/partials/header/fixed-fill-blur.html @@ -0,0 +1,14 @@ +
+
+ +
+ {{ partial "partials/header/basic.html" . }} +
+
+ diff --git a/layouts/partials/header/fixed-fill.html b/layouts/partials/header/fixed-fill.html new file mode 100644 index 00000000..4d73a1f4 --- /dev/null +++ b/layouts/partials/header/fixed-fill.html @@ -0,0 +1,6 @@ +
+
+
+ {{ partial "partials/header/basic.html" . }} +
+
diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html index 609e3d80..8e3f64d5 100644 --- a/layouts/partials/header/fixed.html +++ b/layouts/partials/header/fixed.html @@ -1,5 +1,5 @@
-
+
{{ partial "partials/header/basic.html" . }} diff --git a/layouts/partials/translations.html b/layouts/partials/translations.html index e4724e3e..41e9b061 100644 --- a/layouts/partials/translations.html +++ b/layouts/partials/translations.html @@ -1,7 +1,22 @@ {{ if .IsTranslated }} -
- {{ range .AllTranslations }} - {{ .Language.Params.displayName | emojify }} - {{ end }} +
+
+ + {{- i18n "global.language" | markdownify | emojify -}} +
-{{ end }} +
+
+
+ {{ range .AllTranslations }} + +

+ {{ .Language.Params.displayName | emojify }} +

+ + {{ end }} +
+
+
+
+{{ end }} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 7a876fe9..87b404cc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,14 +21,14 @@ "fuse.js": "^6.6.2", "jquery": "^3.6.3", "katex": "^0.16.4", - "mermaid": "^9.4.0", + "mermaid": "^10.0.0", "packery": "^2.1.2", "prettier": "^2.8.4", "prettier-plugin-go-template": "^0.0.13", "prettier-plugin-tailwindcss": "^0.2.3", "rimraf": "^4.1.2", "tailwindcss": "^3.2.7", - "tw-elements": "^1.0.0-alpha13", + "tw-elements": "^1.0.0-beta1", "typeit": "^8.7.1", "vendor-copy": "^3.0.1" } @@ -1183,26 +1183,27 @@ } }, "node_modules/mermaid": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.0.tgz", - "integrity": "sha512-4PWbOND7CNRbjHrdG3WUUGBreKAFVnMhdlPjttuUkeHbCQmAHkwzSh5dGwbrKmXGRaR4uTvfFVYzUcg++h0DkA==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.0.0.tgz", + "integrity": "sha512-syS1qyYCd3EPXCVSpYtefY4D9z9WZAK8hFgjeHR9PAtanybLO162Tu7o5i/nZkqRrJq0Rk8RqskQlhBPgT8eBw==", "dev": true, "dependencies": { "@braintree/sanitize-url": "^6.0.0", "cytoscape": "^3.23.0", "cytoscape-cose-bilkent": "^4.1.0", "cytoscape-fcose": "^2.1.0", - "d3": "^7.0.0", + "d3": "^7.4.0", "dagre-d3-es": "7.0.8", "dompurify": "2.4.3", "elkjs": "^0.8.2", "khroma": "^2.0.0", "lodash-es": "^4.17.21", - "moment": "^2.29.4", + "moment-mini": "^2.29.4", "non-layered-tidy-tree-layout": "^2.0.2", "stylis": "^4.1.2", "ts-dedent": "^2.2.0", - "uuid": "^9.0.0" + "uuid": "^9.0.0", + "web-worker": "^1.2.0" } }, "node_modules/micromatch": { @@ -1239,6 +1240,12 @@ "node": "*" } }, + "node_modules/moment-mini": { + "version": "2.29.4", + "resolved": "https://registry.npmjs.org/moment-mini/-/moment-mini-2.29.4.tgz", + "integrity": "sha512-uhXpYwHFeiTbY9KSgPPRoo1nt8OxNVdMVoTBYHfSEKeRkIkwGpO+gERmhuhBtzfaeOyTkykSrm2+noJBgqt3Hg==", + "dev": true + }, "node_modules/nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -1833,9 +1840,9 @@ } }, "node_modules/tw-elements": { - "version": "1.0.0-alpha13", - "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz", - "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==", + "version": "1.0.0-beta1", + "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz", + "integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==", "dev": true, "dependencies": { "@popperjs/core": "^2.6.0", @@ -1843,9 +1850,9 @@ "chartjs-plugin-datalabels": "^0.7.0", "deepmerge": "^4.2.2", "detect-autofill": "^1.1.3", - "perfect-scrollbar": "^1.5.0", + "perfect-scrollbar": "^1.5.5", "popper.js": "^1.16.1", - "tailwindcss": "~3.0.7" + "tailwindcss": "3.2.4" } }, "node_modules/tw-elements/node_modules/chart.js": { @@ -1867,52 +1874,35 @@ "chart.js": ">= 2.7.0 < 3" } }, - "node_modules/tw-elements/node_modules/postcss-nested": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^6.0.6" - }, - "engines": { - "node": ">=12.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": "^8.2.14" - } - }, "node_modules/tw-elements/node_modules/tailwindcss": { - "version": "3.0.24", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz", - "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz", + "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==", "dev": true, "dependencies": { - "arg": "^5.0.1", + "arg": "^5.0.2", "chokidar": "^3.5.3", "color-name": "^1.1.4", - "detective": "^5.2.0", + "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.5", + "lilconfig": "^2.0.6", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.12", + "postcss": "^8.4.18", + "postcss-import": "^14.1.0", "postcss-js": "^4.0.0", "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", + "postcss-nested": "6.0.0", "postcss-selector-parser": "^6.0.10", "postcss-value-parser": "^4.2.0", "quick-lru": "^5.1.1", - "resolve": "^1.22.0" + "resolve": "^1.22.1" }, "bin": { "tailwind": "lib/cli.js", @@ -1970,6 +1960,12 @@ "node": ">=12" } }, + "node_modules/web-worker": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz", + "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==", + "dev": true + }, "node_modules/xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", @@ -2882,26 +2878,27 @@ "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==" }, "mermaid": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.0.tgz", - "integrity": "sha512-4PWbOND7CNRbjHrdG3WUUGBreKAFVnMhdlPjttuUkeHbCQmAHkwzSh5dGwbrKmXGRaR4uTvfFVYzUcg++h0DkA==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.0.0.tgz", + "integrity": "sha512-syS1qyYCd3EPXCVSpYtefY4D9z9WZAK8hFgjeHR9PAtanybLO162Tu7o5i/nZkqRrJq0Rk8RqskQlhBPgT8eBw==", "dev": true, "requires": { "@braintree/sanitize-url": "^6.0.0", "cytoscape": "^3.23.0", "cytoscape-cose-bilkent": "^4.1.0", "cytoscape-fcose": "^2.1.0", - "d3": "^7.0.0", + "d3": "^7.4.0", "dagre-d3-es": "7.0.8", "dompurify": "2.4.3", "elkjs": "^0.8.2", "khroma": "^2.0.0", "lodash-es": "^4.17.21", - "moment": "^2.29.4", + "moment-mini": "^2.29.4", "non-layered-tidy-tree-layout": "^2.0.2", "stylis": "^4.1.2", "ts-dedent": "^2.2.0", - "uuid": "^9.0.0" + "uuid": "^9.0.0", + "web-worker": "^1.2.0" } }, "micromatch": { @@ -2929,6 +2926,12 @@ "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==", "dev": true }, + "moment-mini": { + "version": "2.29.4", + "resolved": "https://registry.npmjs.org/moment-mini/-/moment-mini-2.29.4.tgz", + "integrity": "sha512-uhXpYwHFeiTbY9KSgPPRoo1nt8OxNVdMVoTBYHfSEKeRkIkwGpO+gERmhuhBtzfaeOyTkykSrm2+noJBgqt3Hg==", + "dev": true + }, "nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -3263,9 +3266,9 @@ "dev": true }, "tw-elements": { - "version": "1.0.0-alpha13", - "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz", - "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==", + "version": "1.0.0-beta1", + "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz", + "integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==", "dev": true, "requires": { "@popperjs/core": "^2.6.0", @@ -3273,9 +3276,9 @@ "chartjs-plugin-datalabels": "^0.7.0", "deepmerge": "^4.2.2", "detect-autofill": "^1.1.3", - "perfect-scrollbar": "^1.5.0", + "perfect-scrollbar": "^1.5.5", "popper.js": "^1.16.1", - "tailwindcss": "~3.0.7" + "tailwindcss": "3.2.4" }, "dependencies": { "chart.js": { @@ -3295,42 +3298,35 @@ "dev": true, "requires": {} }, - "postcss-nested": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", - "dev": true, - "requires": { - "postcss-selector-parser": "^6.0.6" - } - }, "tailwindcss": { - "version": "3.0.24", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz", - "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz", + "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==", "dev": true, "requires": { - "arg": "^5.0.1", + "arg": "^5.0.2", "chokidar": "^3.5.3", "color-name": "^1.1.4", - "detective": "^5.2.0", + "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.5", + "lilconfig": "^2.0.6", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.12", + "postcss": "^8.4.18", + "postcss-import": "^14.1.0", "postcss-js": "^4.0.0", "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", + "postcss-nested": "6.0.0", "postcss-selector-parser": "^6.0.10", "postcss-value-parser": "^4.2.0", "quick-lru": "^5.1.1", - "resolve": "^1.22.0" + "resolve": "^1.22.1" } } } @@ -3367,6 +3363,12 @@ "ncp": "^2.0.0" } }, + "web-worker": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz", + "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==", + "dev": true + }, "xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", diff --git a/package.json b/package.json index 13bfd61e..ebcf216f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hugo-blowfish-theme", - "version": "2.27.0", + "version": "2.28.0", "description": "Blowfish theme for Hugo", "scripts": { "fullinstall": "npm run preinstall && npm install && npm run postinstall", @@ -39,14 +39,14 @@ "fuse.js": "^6.6.2", "jquery": "^3.6.3", "katex": "^0.16.4", - "mermaid": "^9.4.0", + "mermaid": "^10.0.0", "packery": "^2.1.2", "prettier": "^2.8.4", "prettier-plugin-go-template": "^0.0.13", "prettier-plugin-tailwindcss": "^0.2.3", "rimraf": "^4.1.2", "tailwindcss": "^3.2.7", - "tw-elements": "^1.0.0-alpha13", + "tw-elements": "^1.0.0-beta1", "typeit": "^8.7.1", "vendor-copy": "^3.0.1" },