From 63679973f7863753defc9c538500c89002a15b94 Mon Sep 17 00:00:00 2001 From: Patrick Mayr Date: Tue, 29 Aug 2023 10:06:48 +0000 Subject: [PATCH] Update Redesign to 2.0.0 - Switched to CSP safe --- fet2020/static/css/styles.css | 2513 +++--- fet2020/static/img/404.svg | 85 +- fet2020/static/js/alpine-csp.js | 3368 -------- fet2020/static/js/dark-mode.js | 79 - fet2020/static/js/gumshoe@5.1.1.js | 484 -- fet2020/static/js/prism-autoloader@1.25.0.js | 515 -- fet2020/static/js/prism-core@1.25.0.js | 1221 --- fet2020/static/js/scripts.js | 23 +- fet2020/static/js/smooth-scroll@16.1.2.js | 650 -- fet2020/static/js/vendor.js | 6776 ++++++++++------- fet2020/templates/404.html | 21 +- fet2020/templates/base.html | 132 +- fet2020/templates/gallery/index.html | 1 - fet2020/templates/home.html | 219 +- fet2020/templates/intern/index.html | 34 +- fet2020/templates/members/index.html | 163 +- fet2020/templates/members/member.html | 2 +- fet2020/templates/posts/event/detail.html | 34 +- .../templates/posts/fetmeeting/detail.html | 58 +- fet2020/templates/posts/index.html | 222 +- fet2020/templates/posts/news/detail.html | 8 +- .../templates/posts/partials/_posts_hero.html | 35 +- .../posts/partials/_posts_pinned.html | 36 +- fet2020/templates/posts/show.html | 264 +- fet2020/templates/posts/tag.html | 22 +- fet2020/templates/search/index.html | 40 +- 26 files changed, 6078 insertions(+), 10927 deletions(-) delete mode 100644 fet2020/static/js/alpine-csp.js delete mode 100644 fet2020/static/js/dark-mode.js delete mode 100644 fet2020/static/js/gumshoe@5.1.1.js delete mode 100644 fet2020/static/js/prism-autoloader@1.25.0.js delete mode 100644 fet2020/static/js/prism-core@1.25.0.js delete mode 100644 fet2020/static/js/smooth-scroll@16.1.2.js diff --git a/fet2020/static/css/styles.css b/fet2020/static/css/styles.css index 9cb3de0a..83645911 100644 --- a/fet2020/static/css/styles.css +++ b/fet2020/static/css/styles.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com +! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */ /* @@ -30,6 +30,8 @@ 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. */ html { @@ -44,6 +46,10 @@ html { /* 3 */ font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ } /* @@ -185,6 +191,10 @@ select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; @@ -335,6 +345,14 @@ menu { padding: 0; } +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + /* Prevent resizing textareas horizontally by default. */ @@ -410,6 +428,12 @@ video { height: auto; } +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { -webkit-appearance: none; -moz-appearance: none; @@ -582,10 +606,9 @@ body { flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); - caret-color: #006599; } -.dark body { +:is(.dark body) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } @@ -594,21 +617,226 @@ p a { font-weight: 500; --tw-text-opacity: 1; color: rgb(0 101 153 / var(--tw-text-opacity)); - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - -webkit-text-decoration-color: #005580; - text-decoration-color: #005580; + text-decoration-line: underline; + text-decoration-color: #005580; } p a:hover { text-decoration-thickness: 2px; } -.dark p a { +:is(.dark p a) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); - -webkit-text-decoration-color: #0369a1; - text-decoration-color: #0369a1; + text-decoration-color: #0369a1; +} + +label > span { + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +:is(.dark label > span) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +[type='text'], + [type='email'], + [type='url'], + [type='password'], + [type='number'], + [type='date'], + [type='datetime-local'], + [type='month'], + [type='search'], + [type='tel'], + [type='time'], + [type='week'], + textarea, + select, + select[multiple] { + display: block; + width: 100%; + border-radius: 0.375rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + +[type='text']:focus, + [type='email']:focus, + [type='url']:focus, + [type='password']:focus, + [type='number']:focus, + [type='date']:focus, + [type='datetime-local']:focus, + [type='month']:focus, + [type='search']:focus, + [type='tel']:focus, + [type='time']:focus, + [type='week']:focus, + textarea:focus, + select:focus, + select[multiple]:focus { + --tw-border-opacity: 1; + border-color: rgb(0 101 153 / var(--tw-border-opacity)); + --tw-ring-opacity: 1; + --tw-ring-color: rgb(0 101 153 / var(--tw-ring-opacity)); +} + +[type='text']:disabled, + [type='email']:disabled, + [type='url']:disabled, + [type='password']:disabled, + [type='number']:disabled, + [type='date']:disabled, + [type='datetime-local']:disabled, + [type='month']:disabled, + [type='search']:disabled, + [type='tel']:disabled, + [type='time']:disabled, + [type='week']:disabled, + textarea:disabled, + select:disabled, + select[multiple]:disabled { + cursor: not-allowed; + opacity: 0.5; +} + +:is(.dark [type='text']),:is(.dark + [type='email']),:is(.dark + [type='url']),:is(.dark + [type='password']),:is(.dark + [type='number']),:is(.dark + [type='date']),:is(.dark + [type='datetime-local']),:is(.dark + [type='month']),:is(.dark + [type='search']),:is(.dark + [type='tel']),:is(.dark + [type='time']),:is(.dark + [type='week']),:is(.dark + textarea),:is(.dark + select),:is(.dark + select[multiple]) { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +:is(.dark [type='text'])::-moz-placeholder, :is(.dark + [type='email'])::-moz-placeholder, :is(.dark + [type='url'])::-moz-placeholder, :is(.dark + [type='password'])::-moz-placeholder, :is(.dark + [type='number'])::-moz-placeholder, :is(.dark + [type='date'])::-moz-placeholder, :is(.dark + [type='datetime-local'])::-moz-placeholder, :is(.dark + [type='month'])::-moz-placeholder, :is(.dark + [type='search'])::-moz-placeholder, :is(.dark + [type='tel'])::-moz-placeholder, :is(.dark + [type='time'])::-moz-placeholder, :is(.dark + [type='week'])::-moz-placeholder, :is(.dark + textarea)::-moz-placeholder, :is(.dark + select)::-moz-placeholder, :is(.dark + select[multiple])::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +:is(.dark [type='text'])::placeholder,:is(.dark + [type='email'])::placeholder,:is(.dark + [type='url'])::placeholder,:is(.dark + [type='password'])::placeholder,:is(.dark + [type='number'])::placeholder,:is(.dark + [type='date'])::placeholder,:is(.dark + [type='datetime-local'])::placeholder,:is(.dark + [type='month'])::placeholder,:is(.dark + [type='search'])::placeholder,:is(.dark + [type='tel'])::placeholder,:is(.dark + [type='time'])::placeholder,:is(.dark + [type='week'])::placeholder,:is(.dark + textarea)::placeholder,:is(.dark + select)::placeholder,:is(.dark + select[multiple])::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +:is(.dark [type='text']):focus,:is(.dark + [type='email']):focus,:is(.dark + [type='url']):focus,:is(.dark + [type='password']):focus,:is(.dark + [type='number']):focus,:is(.dark + [type='date']):focus,:is(.dark + [type='datetime-local']):focus,:is(.dark + [type='month']):focus,:is(.dark + [type='search']):focus,:is(.dark + [type='tel']):focus,:is(.dark + [type='time']):focus,:is(.dark + [type='week']):focus,:is(.dark + textarea):focus,:is(.dark + select):focus,:is(.dark + select[multiple]):focus { + --tw-border-opacity: 1; + border-color: rgb(0 139 209 / var(--tw-border-opacity)); + --tw-ring-opacity: 1; + --tw-ring-color: rgb(0 139 209 / var(--tw-ring-opacity)); +} + +[type='checkbox'], + [type='radio'] { + margin-right: 0.25rem; + height: 1.25rem; + width: 1.25rem; + border-radius: 0.25rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + +[type='checkbox']:focus, + [type='radio']:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + --tw-ring-opacity: 1; + --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); +} + +:is(.dark [type='checkbox']),:is(.dark + [type='radio']) { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + --tw-ring-offset-color: #1f2937; +} + +:is(.dark [type='checkbox']:focus),:is(.dark + [type='radio']:focus) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity)); +} + +[type='radio'] { + border-radius: 9999px; +} + +[x-cloak] { + display: none !important; } *, ::before, ::after { @@ -625,53 +853,9 @@ p a:hover { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -719,6 +903,9 @@ p a:hover { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -797,7 +984,7 @@ p a:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.dark [class^=navBar] { +:is(.dark [class^=navBar]) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } @@ -863,7 +1050,7 @@ p a:hover { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .searchbar-toggle { +:is(.dark .searchbar-toggle) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); } @@ -878,7 +1065,7 @@ p a:hover { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .navbar-toggle { +:is(.dark .navbar-toggle) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); } @@ -891,7 +1078,7 @@ p a:hover { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .navbar-content { +:is(.dark .navbar-content) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); } @@ -905,7 +1092,7 @@ p a:hover { margin-bottom: 0.5rem; } -.navbar-content li > a, +.navbar-content li > a, .navbar-content li > button { margin-left: 0.25rem; margin-right: 0.25rem; @@ -926,7 +1113,7 @@ p a:hover { color: rgb(0 85 128 / var(--tw-text-opacity)); } -.dark .navbar-content li.active { +:is(.dark .navbar-content li.active) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -964,7 +1151,7 @@ p a:hover { color: rgb(239 246 255 / var(--tw-text-opacity)); } -.dark .navbar-subcontentButton > :not([hidden]) ~ :not([hidden]) { +:is(.dark .navbar-subcontentButton) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(0 139 209 / var(--tw-divide-opacity)); } @@ -975,23 +1162,17 @@ p a:hover { .navbar-subcontentList { top: 2.25rem; - right: 0px; z-index: 20; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.dark .navbar-subcontentList { +:is(.dark .navbar-subcontentList) { background-color: transparent; } @media (min-width: 640px) { - .navBar-sm > div { - flex-direction: row; - justify-content: space-between; - } - .navBar-sm .searchbar-toggle { left: 0px; display: none; @@ -1047,12 +1228,12 @@ p a:hover { background-color: rgb(0 85 128 / var(--tw-bg-opacity)); } -.dark .navBar-sm .navbar-subcontentButton a:hover { +:is(.dark .navBar-sm .navbar-subcontentButton a:hover) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } -.dark .navBar-sm .navbar-subcontentButton a:active { +:is(.dark .navBar-sm .navbar-subcontentButton a:active) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } @@ -1071,7 +1252,7 @@ p a:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .dark .navBar-sm .navbar-subcontentList { + :is(.dark .navBar-sm .navbar-subcontentList) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1079,6 +1260,20 @@ p a:hover { } } +.navBar-sm .visible-expandedOnly { + display: none; +} + +@media (min-width: 640px) { + .navBar-sm .visible-expandedOnly { + display: block; + } + + .navBar-sm .visible-collapsedOnly { + display: none !important; + } +} + @media (min-width: 768px) { .navBar-md > div { flex-direction: row; @@ -1140,12 +1335,12 @@ p a:hover { background-color: rgb(0 85 128 / var(--tw-bg-opacity)); } -.dark .navBar-md .navbar-subcontentButton a:hover { +:is(.dark .navBar-md .navbar-subcontentButton a:hover) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } -.dark .navBar-md .navbar-subcontentButton a:active { +:is(.dark .navBar-md .navbar-subcontentButton a:active) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } @@ -1164,7 +1359,7 @@ p a:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .dark .navBar-md .navbar-subcontentList { + :is(.dark .navBar-md .navbar-subcontentList) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1180,6 +1375,10 @@ p a:hover { .navBar-md .visible-expandedOnly { display: block; } + + .navBar-md .visible-collapsedOnly { + display: none !important; + } } @media (min-width: 1024px) { @@ -1243,12 +1442,12 @@ p a:hover { background-color: rgb(0 85 128 / var(--tw-bg-opacity)); } -.dark .navBar-lg .navbar-subcontentButton a:hover { +:is(.dark .navBar-lg .navbar-subcontentButton a:hover) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } -.dark .navBar-lg .navbar-subcontentButton a:active { +:is(.dark .navBar-lg .navbar-subcontentButton a:active) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); } @@ -1267,7 +1466,7 @@ p a:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .dark .navBar-lg .navbar-subcontentList { + :is(.dark .navBar-lg .navbar-subcontentList) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1283,6 +1482,66 @@ p a:hover { .navBar-lg .visible-expandedOnly { display: block; } + + .navBar-lg .visible-collapsedOnly { + display: none !important; + } +} + +ul#expandedThemeSwitcher { + position: absolute; + left: 0px; + z-index: 20; + margin-left: 0.5rem; + margin-right: 0.5rem; + overflow: hidden; + border-radius: 0.25rem; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + text-align: left; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +:is(.dark ul#expandedThemeSwitcher) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +ul#mobileThemeSwitcher { + display: flex; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + border-radius: 0.25rem; + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + padding: 0.25rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +:is(.dark ul#mobileThemeSwitcher) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.activeTheme { + border-radius: 0.25rem; + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +:is(.dark .activeTheme) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } /***** PAGE-TITLE *****/ @@ -1296,7 +1555,7 @@ p a:hover { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .page-title { +:is(.dark .page-title) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); } @@ -1345,6 +1604,12 @@ p a:hover { padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; + font-weight: 600; +} + +.btn:disabled { + cursor: not-allowed; + opacity: 0.6; } .btn-small { @@ -1364,13 +1629,6 @@ p a:hover { color: rgb(239 246 255 / var(--tw-text-opacity)); } -.btn-primary:hover { - --tw-bg-opacity: 1; - background-color: rgb(0 85 128 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(219 234 254 / var(--tw-text-opacity)); -} - .btn-primary:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -1381,25 +1639,32 @@ p a:hover { --tw-ring-color: rgb(0 139 209 / var(--tw-ring-opacity)); } -.dark .btn-primary { +.btn-primary:hover:enabled { + --tw-bg-opacity: 1; + background-color: rgb(0 85 128 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(219 234 254 / var(--tw-text-opacity)); +} + +:is(.dark .btn-primary) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)); } -.dark .btn-primary:hover { +:is(.dark .btn-primary:focus) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(0 101 153 / var(--tw-ring-opacity)); +} + +:is(.dark .btn-primary:hover:enabled) { --tw-bg-opacity: 1; background-color: rgb(0 51 77 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity)); } -.dark .btn-primary:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(0 101 153 / var(--tw-ring-opacity)); -} - .btn-success { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); @@ -1407,13 +1672,6 @@ p a:hover { color: rgb(240 253 244 / var(--tw-text-opacity)); } -.btn-success:hover { - --tw-bg-opacity: 1; - background-color: rgb(22 101 52 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(220 252 231 / var(--tw-text-opacity)); -} - .btn-success:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -1424,66 +1682,30 @@ p a:hover { --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity)); } -.dark .btn-success { +.btn-success:hover:enabled { + --tw-bg-opacity: 1; + background-color: rgb(22 101 52 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(220 252 231 / var(--tw-text-opacity)); +} + +:is(.dark .btn-success) { --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(187 247 208 / var(--tw-text-opacity)); } -.dark .btn-success:hover { - --tw-bg-opacity: 1; - background-color: rgb(20 83 45 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(134 239 172 / var(--tw-text-opacity)); -} - -.dark .btn-success:focus { +:is(.dark .btn-success:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity)); } -.btn-error { +:is(.dark .btn-success:hover:enabled) { --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); + background-color: rgb(20 83 45 / var(--tw-bg-opacity)); --tw-text-opacity: 1; - color: rgb(254 242 242 / var(--tw-text-opacity)); -} - -.btn-error:hover { - --tw-bg-opacity: 1; - background-color: rgb(153 27 27 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(254 226 226 / var(--tw-text-opacity)); -} - -.btn-error:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); - --tw-ring-opacity: 1; - --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); -} - -.dark .btn-error { - --tw-bg-opacity: 1; - background-color: rgb(153 27 27 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(254 202 202 / var(--tw-text-opacity)); -} - -.dark .btn-error:hover { - --tw-bg-opacity: 1; - background-color: rgb(127 29 29 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(252 165 165 / var(--tw-text-opacity)); -} - -.dark .btn-error:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); + color: rgb(134 239 172 / var(--tw-text-opacity)); } .btn-secondary { @@ -1494,7 +1716,7 @@ p a:hover { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .btn-secondary { +:is(.dark .btn-secondary) { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); --tw-text-opacity: 1; @@ -1509,7 +1731,7 @@ p a:hover { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .btn-secondary-proprietary { +:is(.dark .btn-secondary-proprietary) { --tw-border-opacity: 1; border-color: rgb(14 165 233 / var(--tw-border-opacity)); --tw-text-opacity: 1; @@ -1527,7 +1749,7 @@ p a:hover { color: rgb(31 41 55 / var(--tw-text-opacity)); } -.dark .section-title { +:is(.dark .section-title) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } @@ -1554,7 +1776,7 @@ ul.sideBarNav { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark ul.sideBarNav { +:is(.dark ul.sideBarNav) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } @@ -1570,7 +1792,7 @@ ul.sideBarNav > li > a:hover { background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark ul.sideBarNav > li > a:hover { +:is(.dark ul.sideBarNav > li > a:hover) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } @@ -1583,7 +1805,7 @@ ul.sideBarNav > li.active > a { color: rgb(31 41 55 / var(--tw-text-opacity)); } -.dark ul.sideBarNav > li.active > a { +:is(.dark ul.sideBarNav > li.active > a) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1610,7 +1832,7 @@ ul.sideBarNav > hr { border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.dark ul.sideBarNav > hr { +:is(.dark ul.sideBarNav > hr) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); } @@ -1638,7 +1860,7 @@ ul.sideBarNav > ul > li > a:hover { background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.dark ul.sideBarNav > ul > li > a:hover { +:is(.dark ul.sideBarNav > ul > li > a:hover) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } @@ -1657,7 +1879,7 @@ ul.sideBarNav > ul > li.active > a:first-child { border-top-right-radius: 0.25rem; } -.dark ul.sideBarNav > ul > li.active > a { +:is(.dark ul.sideBarNav > ul > li.active > a) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); --tw-bg-opacity: 1; @@ -1705,7 +1927,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(240 249 255 / var(--tw-text-opacity)); } -.dark .calendar-dateBubble { +:is(.dark .calendar-dateBubble) { --tw-bg-opacity: 1; background-color: rgb(12 74 110 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1726,7 +1948,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(224 242 254 / var(--tw-text-opacity)); } -.dark .calendar-dateBubble .dateBubble-month { +:is(.dark .calendar-dateBubble .dateBubble-month) { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity)); } @@ -1737,7 +1959,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .calendar-entry > h3 { +:is(.dark .calendar-entry > h3) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } @@ -1745,6 +1967,7 @@ ul.sideBarNav > ul > li.active > a:first-child { /***** ARTICLE PREVIEW *****/ .article-cover-image { + display: block; aspect-ratio: 16 / 9; width: 100%; cursor: pointer; @@ -1761,7 +1984,7 @@ ul.sideBarNav > ul > li.active > a:first-child { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } -.dark .article-cover-image { +:is(.dark .article-cover-image) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } @@ -1771,56 +1994,49 @@ ul.sideBarNav > ul > li.active > a:first-child { } .article-cover-desc { + position: relative; + display: flex; height: 100%; width: 100%; + align-items: flex-end; border-radius: 0.25rem; - background-image: linear-gradient(to top, var(--tw-gradient-stops)); - --tw-gradient-from: #1f2937; - --tw-gradient-to: rgb(31 41 55 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.article-cover-desc-items { - display: flex; - height: 100%; - flex-direction: column; - justify-content: space-between; padding: 0.5rem; + background-image: linear-gradient( + to top, + hsl(217, 33%, 17%) 0%, + hsla(217, 33%, 17%, 0.987) 4.8%, + hsla(217, 33%, 17%, 0.951) 10.1%, + hsla(217, 33%, 17%, 0.896) 15.7%, + hsla(217, 33%, 17%, 0.825) 21.6%, + hsla(217, 33%, 17%, 0.741) 27.9%, + hsla(217, 33%, 17%, 0.648) 34.5%, + hsla(217, 33%, 17%, 0.55) 41.3%, + hsla(217, 33%, 17%, 0.45) 48.3%, + hsla(217, 33%, 17%, 0.352) 55.4%, + hsla(217, 33%, 17%, 0.259) 62.7%, + hsla(217, 33%, 17%, 0.175) 70.1%, + hsla(217, 33%, 17%, 0.104) 77.6%, + hsla(217, 33%, 17%, 0.049) 85.1%, + hsla(217, 33%, 17%, 0.013) 92.6%, + hsla(217, 33%, 17%, 0) 100% + ); } -.article-cover-tags { - display: flex; - justify-content: flex-end; - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; - text-transform: uppercase; -} - -.article-cover-tags > li { +.article-cover-desc .pinnedPost { + position: absolute; + top: 0px; + left: 0px; + margin: 0.5rem; border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(0 101 153 / var(--tw-bg-opacity)); + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + --tw-bg-opacity: 0.9; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; + text-transform: capitalize; --tw-text-opacity: 1; - color: rgb(224 242 254 / var(--tw-text-opacity)); -} - -.article-cover-tags > li:hover { - --tw-bg-opacity: 1; - background-color: rgb(0 85 128 / var(--tw-bg-opacity)); -} - -.dark .article-cover-tags > li { - --tw-bg-opacity: 1; - background-color: rgb(12 74 110 / var(--tw-bg-opacity)); -} - -.dark .article-cover-tags > li:hover { - --tw-bg-opacity: 1; - background-color: rgb(7 89 133 / var(--tw-bg-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity)); } .article-cover-desc:hover, .article-cover-image:hover { @@ -1839,24 +2055,15 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] { +:is(.dark [class^=db-page-content]) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } -[class^=db-page-content] + * { +[class^=db-page-content] > *:first-child { margin-top: 0px; } -[class^=db-page-content].big-first-letter > p:first-child::first-letter { - float: left; - margin-top: 0.5rem; - margin-right: 0.75rem; - font-family: Besley, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; - font-size: 3rem; - line-height: 1; -} - .db-page-content p { text-align: justify; } @@ -1872,7 +2079,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] ol { +:is(.dark [class^=db-page-content] ol) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } @@ -1884,7 +2091,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] ul { +:is(.dark [class^=db-page-content] ul) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } @@ -1896,15 +2103,16 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(153 27 27 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] h1 { +:is(.dark [class^=db-page-content] h1) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity)); } -[class^=db-page-content] h2, -[class^=db-page-content] h3, -[class^=db-page-content] h4, -[class^=db-page-content] h5, +[class^=db-page-content] h1, +[class^=db-page-content] h2, +[class^=db-page-content] h3, +[class^=db-page-content] h4, +[class^=db-page-content] h5, [class^=db-page-content] h6 { margin-top: 0.5rem; line-height: 1; @@ -1912,15 +2120,24 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(31 41 55 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] h2, .dark -[class^=db-page-content] h3, .dark -[class^=db-page-content] h4, .dark -[class^=db-page-content] h5, .dark -[class^=db-page-content] h6 { +:is(.dark [class^=db-page-content] h1),:is(.dark +[class^=db-page-content] h2),:is(.dark +[class^=db-page-content] h3),:is(.dark +[class^=db-page-content] h4),:is(.dark +[class^=db-page-content] h5),:is(.dark +[class^=db-page-content] h6) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } +[class^=db-page-content] h1 { + margin-top: 1rem; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 600; + letter-spacing: 0.025em; +} + [class^=db-page-content] h2 { margin-top: 1rem; font-size: 1.25rem; @@ -1934,12 +2151,12 @@ ul.sideBarNav > ul > li.active > a:first-child { font-weight: 500; } -[class^=db-page-content] h4, [class^=db-page-content] h5, [class^=db-page-content] h6 { +[class^=db-page-content] h4, [class^=db-page-content] h5, [class^=db-page-content] h6 { font-size: 1.125rem; line-height: 1.75rem; } -[class^=db-page-content] b, +[class^=db-page-content] b, [class^=db-page-content] strong { font-weight: 600; } @@ -1956,7 +2173,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(133 77 14 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] mark { +:is(.dark [class^=db-page-content] mark) { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -1977,7 +2194,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.dark [class^=db-page-content] blockquote { +:is(.dark [class^=db-page-content] blockquote) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); --tw-text-opacity: 1; @@ -2007,7 +2224,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.dark .alert { +:is(.dark .alert) { border-width: 2px; --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); @@ -2027,7 +2244,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(209 213 219 / var(--tw-text-opacity)); } -.dark .alert > .alert-icon { +:is(.dark .alert > .alert-icon) { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } @@ -2044,7 +2261,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .alert > .alert-title { +:is(.dark .alert > .alert-title) { --tw-text-opacity: 1; color: rgb(228 228 231 / var(--tw-text-opacity)); } @@ -2069,8 +2286,7 @@ ul.sideBarNav > ul > li.active > a:first-child { .alert a { font-weight: 500; - -webkit-text-decoration-line: underline; - text-decoration-line: underline; + text-decoration-line: underline; } .alert.alert-info { @@ -2082,7 +2298,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(29 78 216 / var(--tw-text-opacity)); } -.dark .alert.alert-info { +:is(.dark .alert.alert-info) { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); --tw-bg-opacity: 1; @@ -2096,7 +2312,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(147 197 253 / var(--tw-text-opacity)); } -.dark .alert.alert-info > .alert-icon { +:is(.dark .alert.alert-info > .alert-icon) { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } @@ -2106,7 +2322,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(30 64 175 / var(--tw-text-opacity)); } -.dark .alert.alert-info > .alert-title { +:is(.dark .alert.alert-info > .alert-title) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)); } @@ -2120,7 +2336,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(21 128 61 / var(--tw-text-opacity)); } -.dark .alert.alert-success { +:is(.dark .alert.alert-success) { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity)); --tw-bg-opacity: 1; @@ -2134,7 +2350,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(134 239 172 / var(--tw-text-opacity)); } -.dark .alert.alert-success > .alert-icon { +:is(.dark .alert.alert-success > .alert-icon) { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } @@ -2144,7 +2360,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(22 101 52 / var(--tw-text-opacity)); } -.dark .alert.alert-success > .alert-title { +:is(.dark .alert.alert-success > .alert-title) { --tw-text-opacity: 1; color: rgb(187 247 208 / var(--tw-text-opacity)); } @@ -2158,7 +2374,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(180 83 9 / var(--tw-text-opacity)); } -.dark .alert.alert-warning { +:is(.dark .alert.alert-warning) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity)); --tw-bg-opacity: 1; @@ -2172,7 +2388,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(252 211 77 / var(--tw-text-opacity)); } -.dark .alert.alert-warning > .alert-icon { +:is(.dark .alert.alert-warning > .alert-icon) { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity)); } @@ -2182,7 +2398,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(133 77 14 / var(--tw-text-opacity)); } -.dark .alert.alert-warning > .alert-title { +:is(.dark .alert.alert-warning > .alert-title) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity)); } @@ -2196,7 +2412,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(185 28 28 / var(--tw-text-opacity)); } -.dark .alert.alert-danger { +:is(.dark .alert.alert-danger) { --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity)); --tw-bg-opacity: 1; @@ -2210,7 +2426,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(252 165 165 / var(--tw-text-opacity)); } -.dark .alert.alert-danger > .alert-icon { +:is(.dark .alert.alert-danger > .alert-icon) { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } @@ -2220,7 +2436,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(153 27 27 / var(--tw-text-opacity)); } -.dark .alert.alert-danger > .alert-title { +:is(.dark .alert.alert-danger > .alert-title) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity)); } @@ -2232,7 +2448,7 @@ ul.sideBarNav > ul > li.active > a:first-child { border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.dark .jobsList hr { +:is(.dark .jobsList hr) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } @@ -2267,7 +2483,7 @@ ul.sideBarNav > ul > li.active > a:first-child { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } - .dark .jobsList > a.jobsList-item:hover { + :is(.dark .jobsList > a.jobsList-item:hover) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } @@ -2297,7 +2513,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(31 41 55 / var(--tw-text-opacity)); } -.dark .jobsList-desc h2 { +:is(.dark .jobsList-desc h2) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } @@ -2316,7 +2532,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.dark .jobsList-desc h3 { +:is(.dark .jobsList-desc h3) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } @@ -2342,7 +2558,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .jobsList-value { +:is(.dark .jobsList-value) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } @@ -2353,7 +2569,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(31 41 55 / var(--tw-text-opacity)); } - .dark .jobsList-value { + :is(.dark .jobsList-value) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } @@ -2369,7 +2585,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.dark .jobsList-amount { +:is(.dark .jobsList-amount) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } @@ -2390,7 +2606,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(156 163 175 / var(--tw-text-opacity)); } -.dark .jobsList-expand { +:is(.dark .jobsList-expand) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } @@ -2401,7 +2617,6 @@ ul.sideBarNav > ul > li.active > a:first-child { margin-top: 2rem; margin-bottom: 1rem; display: flex; - width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; flex-direction: row; @@ -2418,7 +2633,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(2 132 199 / var(--tw-text-opacity)); } -.dark .members-article a.title [class*="fa-"] { +:is(.dark .members-article a.title [class*="fa-"]) { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } @@ -2445,7 +2660,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(17 24 39 / var(--tw-text-opacity)); } -.dark .members-article a.title .members-section-title { +:is(.dark .members-article a.title .members-section-title) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } @@ -2460,7 +2675,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(0 85 128 / var(--tw-text-opacity)); } -.dark .members-article .members-listing { +:is(.dark .members-article .members-listing) { --tw-text-opacity: 1; color: rgb(71 194 255 / var(--tw-text-opacity)); } @@ -2485,7 +2700,7 @@ ul.sideBarNav > ul > li.active > a:first-child { color: rgb(0 101 153 / var(--tw-text-opacity)); } -.dark .members-article .members-listing figure figcaption > p { +:is(.dark .members-article .members-listing figure figcaption > p) { --tw-text-opacity: 1; color: rgb(0 139 209 / var(--tw-text-opacity)); } @@ -2521,7 +2736,7 @@ ul.sideBarNav > ul > li.active > a:first-child { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } - .dark .documentList a:hover { + :is(.dark .documentList a:hover) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } @@ -2544,7 +2759,7 @@ footer { color: rgb(219 234 254 / var(--tw-text-opacity)); } -.dark footer { +:is(.dark footer) { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -2607,6 +2822,10 @@ footer .copyright { visibility: visible; } +.collapse { + visibility: collapse; +} + .static { position: static; } @@ -2627,24 +2846,24 @@ footer .copyright { position: sticky; } -.top-0 { - top: 0px; +.bottom-4 { + bottom: 1rem; } .left-0 { left: 0px; } -.bottom-4 { - bottom: 1rem; +.right-0 { + right: 0px; } .right-4 { right: 1rem; } -.right-0 { - right: 0px; +.top-0 { + top: 0px; } .top-1\/2 { @@ -2655,14 +2874,14 @@ footer .copyright { top: 1rem; } -.z-10 { - z-index: 10; -} - .z-0 { z-index: 0; } +.z-10 { + z-index: 10; +} + .z-20 { z-index: 20; } @@ -2679,6 +2898,10 @@ footer .copyright { clear: left; } +.\!m-0 { + margin: 0px !important; +} + .-m-2 { margin: -0.5rem; } @@ -2687,34 +2910,9 @@ footer .copyright { margin: -1rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } .mx-0 { @@ -2722,9 +2920,29 @@ footer .copyright { margin-right: 0px; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .my-4 { @@ -2732,62 +2950,107 @@ footer .copyright { margin-bottom: 1rem; } -.mr-2 { - margin-right: 0.5rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-7 { - margin-left: 1.75rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.-mt-6 { - margin-top: -1.5rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mt-4 { - margin-top: 1rem; +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } .-mb-2 { margin-bottom: -0.5rem; } +.-ml-1 { + margin-left: -0.25rem; +} + +.-mr-2 { + margin-right: -0.5rem; +} + +.-mt-4 { + margin-top: -1rem; +} + +.-mt-6 { + margin-top: -1.5rem; +} + +.-mt-8 { + margin-top: -2rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + .mb-4 { margin-bottom: 1rem; } +.ml-0 { + margin-left: 0px; +} + +.ml-0\.5 { + margin-left: 0.125rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.ml-7 { + margin-left: 1.75rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mt-0 { + margin-top: 0px; +} + +.mt-0\.5 { + margin-top: 0.125rem; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + .mt-8 { margin-top: 2rem; } @@ -2796,32 +3059,18 @@ footer .copyright { margin-top: 33vh; } -.ml-0\.5 { - margin-left: 0.125rem; +.line-clamp-1 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; } -.ml-0 { - margin-left: 0px; -} - -.-ml-1 { - margin-left: -0.25rem; -} - -.-mt-8 { - margin-top: -2rem; -} - -.-mt-4 { - margin-top: -1rem; -} - -.mt-0\.5 { - margin-top: 0.125rem; -} - -.mt-0 { - margin-top: 0px; +.line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } .block { @@ -2844,6 +3093,10 @@ footer .copyright { display: inline-flex; } +.table { + display: table; +} + .grid { display: grid; } @@ -2860,156 +3113,152 @@ footer .copyright { aspect-ratio: 16 / 9; } -.h-64 { - height: 16rem; -} - -.h-full { - height: 100%; -} - -.h-56 { - height: 14rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-8 { - height: 2rem; -} - -.h-screen { - height: 100vh; -} - .h-10 { height: 2.5rem; } -.h-7 { - height: 1.75rem; -} - -.h-36 { - height: 9rem; -} - .h-16 { height: 4rem; } +.h-3 { + height: 0.75rem; +} + +.h-36 { + height: 9rem; +} + .h-44 { height: 11rem; } -.min-h-screen { - min-height: 100vh; +.h-56 { + height: 14rem; +} + +.h-64 { + height: 16rem; +} + +.h-7 { + height: 1.75rem; +} + +.h-8 { + height: 2rem; +} + +.h-full { + height: 100%; +} + +.h-screen { + height: 100vh; } .min-h-12 { min-height: 3rem/* 48px */; } -.w-full { - width: 100%; -} - -.w-fit { - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; -} - -.w-3\/5 { - width: 60%; -} - -.w-2\/5 { - width: 40%; -} - -.w-3 { - width: 0.75rem; -} - -.w-8 { - width: 2rem; -} - -.w-screen { - width: 100vw; -} - -.w-7 { - width: 1.75rem; -} - -.w-36 { - width: 9rem; -} - -.w-12 { - width: 3rem; +.min-h-screen { + min-height: 100vh; } .w-1\/2 { width: 50%; } -.w-24 { - width: 6rem; +.w-12 { + width: 3rem; +} + +.w-2\/5 { + width: 40%; } .w-20 { width: 5rem; } -.w-\[3\.5rem\] { - width: 3.5rem; +.w-24 { + width: 6rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-3\/5 { + width: 60%; +} + +.w-36 { + width: 9rem; } .w-48 { width: 12rem; } -.max-w-prose { - max-width: 65ch; +.w-7 { + width: 1.75rem; } -.max-w-fit { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; +.w-8 { + width: 2rem; } -.max-w-xs { - max-width: 20rem; +.w-\[3\.5rem\] { + width: 3.5rem; } -.max-w-sm { - max-width: 24rem; +.w-fit { + width: -moz-fit-content; + width: fit-content; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; } .max-w-4xl { max-width: 56rem; } -.max-w-min { - max-width: -webkit-min-content; - max-width: -moz-min-content; - max-width: min-content; +.max-w-5xl { + max-width: 64rem; +} + +.max-w-fit { + max-width: -moz-fit-content; + max-width: fit-content; } .max-w-max { - max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } -.max-w-5xl { - max-width: 64rem; +.max-w-min { + max-width: -moz-min-content; + max-width: min-content; +} + +.max-w-prose { + max-width: 65ch; +} + +.max-w-sm { + max-width: 24rem; +} + +.max-w-xs { + max-width: 20rem; } .flex-1 { @@ -3020,14 +3269,14 @@ footer .copyright { flex: none; } -.flex-shrink-0 { - flex-shrink: 0; -} - .flex-shrink { flex-shrink: 1; } +.flex-shrink-0 { + flex-shrink: 0; +} + .flex-grow { flex-grow: 1; } @@ -3036,18 +3285,14 @@ footer .copyright { flex-grow: 0; } -.origin-top { - transform-origin: top; +.origin-bottom { + transform-origin: bottom; } .origin-center { transform-origin: center; } -.origin-bottom { - transform-origin: bottom; -} - .origin-left { transform-origin: left; } @@ -3056,6 +3301,10 @@ footer .copyright { transform-origin: right; } +.origin-top { + transform-origin: top; +} + .-translate-x-6 { --tw-translate-x: -1.5rem; 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)); @@ -3076,8 +3325,8 @@ footer .copyright { 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)); } -.rotate-90 { - --tw-rotate: 90deg; +.-rotate-90 { + --tw-rotate: -90deg; 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)); } @@ -3086,14 +3335,14 @@ footer .copyright { 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)); } -.-rotate-90 { - --tw-rotate: -90deg; +.rotate-90 { + --tw-rotate: 90deg; 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)); } -.scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; +.scale-0 { + --tw-scale-x: 0; + --tw-scale-y: 0; 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)); } @@ -3109,60 +3358,36 @@ footer .copyright { 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)); } -.scale-0 { - --tw-scale-x: 0; - --tw-scale-y: 0; - 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)); -} - .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; 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)); } +.scale-95 { + --tw-scale-x: .95; + --tw-scale-y: .95; + 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)); +} + .transform { 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)); } -@-webkit-keyframes bounce { - 0%, 100% { - transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); - } - - 50% { - transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); - } -} - @keyframes bounce { 0%, 100% { transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { - -webkit-animation: bounce 1s infinite; - animation: bounce 1s infinite; -} - -@-webkit-keyframes ping { - 75%, 100% { - transform: scale(2); - opacity: 0; - } + animation: bounce 1s infinite; } @keyframes ping { @@ -3173,8 +3398,7 @@ footer .copyright { } .animate-ping { - -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } .cursor-default { @@ -3189,6 +3413,10 @@ footer .copyright { resize: vertical; } +.resize { + resize: both; +} + .list-inside { list-style-position: inside; } @@ -3233,10 +3461,6 @@ footer .copyright { align-items: center; } -.items-baseline { - align-items: baseline; -} - .justify-end { justify-content: flex-end; } @@ -3257,45 +3481,29 @@ footer .copyright { justify-items: center; } -.gap-2 { - gap: 0.5rem; -} - .gap-1 { gap: 0.25rem; } -.gap-4 { - gap: 1rem; +.gap-2 { + gap: 0.5rem; } .gap-3 { gap: 0.75rem; } +.gap-4 { + gap: 1rem; +} + .gap-6 { gap: 1.5rem; } -.gap-y-8 { - row-gap: 2rem; -} - -.gap-y-4 { - row-gap: 1rem; -} - -.gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; -} - -.gap-y-3 { - row-gap: 0.75rem; -} - -.gap-y-2 { - row-gap: 0.5rem; +.gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } .gap-x-2 { @@ -3308,6 +3516,33 @@ footer .copyright { column-gap: 1rem; } +.gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; +} + +.gap-y-2 { + row-gap: 0.5rem; +} + +.gap-y-3 { + row-gap: 0.75rem; +} + +.gap-y-4 { + row-gap: 1rem; +} + +.gap-y-8 { + row-gap: 2rem; +} + +.divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); +} + .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); @@ -3320,10 +3555,9 @@ footer .copyright { border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } -.divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); +.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { @@ -3331,11 +3565,6 @@ footer .copyright { border-color: rgb(209 213 219 / var(--tw-divide-opacity)); } -.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-divide-opacity)); -} - .place-self-end { place-self: end; } @@ -3356,10 +3585,6 @@ footer .copyright { align-self: stretch; } -.overflow-y-auto { - overflow-y: auto; -} - .overflow-y-hidden { overflow-y: hidden; } @@ -3368,10 +3593,6 @@ footer .copyright { border-radius: 0.25rem; } -.rounded-md { - border-radius: 0.375rem; -} - .rounded-full { border-radius: 9999px; } @@ -3380,6 +3601,10 @@ footer .copyright { border-radius: 0.5rem; } +.rounded-md { + border-radius: 0.375rem; +} + .rounded-sm { border-radius: 0.125rem; } @@ -3389,6 +3614,11 @@ footer .copyright { border-bottom-left-radius: 0.25rem; } +.rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; @@ -3399,11 +3629,6 @@ footer .copyright { border-bottom-right-radius: 0.375rem; } -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - .rounded-bl { border-bottom-left-radius: 0.25rem; } @@ -3412,26 +3637,21 @@ footer .copyright { border-width: 1px; } -.border-2 { - border-width: 2px; -} - .border-0 { border-width: 0px; } +.border-2 { + border-width: 2px; +} + .border-dashed { border-style: dashed; } -.border-proprietary { +.border-gray-200 { --tw-border-opacity: 1; - border-color: rgb(0 101 153 / var(--tw-border-opacity)); -} - -.border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); + border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-300 { @@ -3444,14 +3664,14 @@ footer .copyright { border-color: rgb(107 114 128 / var(--tw-border-opacity)); } -.border-gray-200 { +.border-gray-700 { --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); + border-color: rgb(55 65 81 / var(--tw-border-opacity)); } -.bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity)); +.border-proprietary { + --tw-border-opacity: 1; + border-color: rgb(0 101 153 / var(--tw-border-opacity)); } .bg-black { @@ -3459,14 +3679,14 @@ footer .copyright { background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-white { +.bg-blue-100 { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } -.bg-proprietary-darker { +.bg-blue-200 { --tw-bg-opacity: 1; - background-color: rgb(0 68 102 / var(--tw-bg-opacity)); + background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } .bg-blue-50 { @@ -3474,33 +3694,9 @@ footer .copyright { background-color: rgb(239 246 255 / var(--tw-bg-opacity)); } -.bg-gray-600 { +.bg-blue-800 { --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - -.bg-sky-600 { - --tw-bg-opacity: 1; - background-color: rgb(2 132 199 / var(--tw-bg-opacity)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-inherit { - background-color: inherit; -} - -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgb(254 202 202 / var(--tw-bg-opacity)); + background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } .bg-gray-100 { @@ -3508,14 +3704,13 @@ footer .copyright { background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-sky-100 { - --tw-bg-opacity: 1; - background-color: rgb(224 242 254 / var(--tw-bg-opacity)); +.bg-gray-100\/80 { + background-color: rgb(243 244 246 / 0.8); } -.bg-blue-100 { +.bg-gray-200 { --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300 { @@ -3523,28 +3718,62 @@ footer .copyright { background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.bg-inherit { + background-color: inherit; +} + +.bg-proprietary-darker { + --tw-bg-opacity: 1; + background-color: rgb(0 68 102 / var(--tw-bg-opacity)); +} + +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgb(153 27 27 / var(--tw-bg-opacity)); +} + +.bg-sky-100 { + --tw-bg-opacity: 1; + background-color: rgb(224 242 254 / var(--tw-bg-opacity)); +} + +.bg-sky-600 { + --tw-bg-opacity: 1; + background-color: rgb(2 132 199 / var(--tw-bg-opacity)); +} + .bg-transparent { background-color: transparent; } -.bg-opacity-70 { - --tw-bg-opacity: 0.7; -} - -.bg-opacity-90 { - --tw-bg-opacity: 0.9; +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-opacity-0 { --tw-bg-opacity: 0; } +.bg-opacity-60 { + --tw-bg-opacity: 0.6; +} + +.bg-opacity-70 { + --tw-bg-opacity: 0.7; +} + .bg-opacity-80 { --tw-bg-opacity: 0.8; } .bg-cover-image { - background-image: url('../img/cover-image.jpeg'); + background-image: url('../img/cover-image.webp'); } .bg-gradient-to-t { @@ -3552,8 +3781,8 @@ footer .copyright { } .from-black { - --tw-gradient-from: #000; - --tw-gradient-to: rgb(0 0 0 / 0); + --tw-gradient-from: #000 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } @@ -3574,10 +3803,18 @@ footer .copyright { object-fit: cover; } +.p-0 { + padding: 0px; +} + .p-2 { padding: 0.5rem; } +.p-3 { + padding: 0.75rem; +} + .p-4 { padding: 1rem; } @@ -3586,27 +3823,24 @@ footer .copyright { padding: 2rem; } -.p-0 { - padding: 0px; +.\!px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } -.p-3 { - padding: 0.75rem; +.\!py-0 { + padding-top: 0px !important; + padding-bottom: 0px !important; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.\!py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.\!py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } .px-1 { @@ -3614,9 +3848,19 @@ footer .copyright { padding-right: 0.25rem; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; } .py-0 { @@ -3624,9 +3868,14 @@ footer .copyright { padding-bottom: 0px; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .py-2 { @@ -3667,26 +3916,16 @@ footer .copyright { font-family: Besley, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-4xl { font-size: 2.25rem; line-height: 2.5rem; @@ -3697,19 +3936,33 @@ footer .copyright { line-height: 1.5rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } -.font-normal { - font-weight: 400; +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.font-bold { + font-weight: 700; } .font-medium { font-weight: 500; } +.font-normal { + font-weight: 400; +} + .font-semibold { font-weight: 600; } @@ -3726,6 +3979,10 @@ footer .copyright { font-style: italic; } +.leading-7 { + line-height: 1.75rem; +} + .leading-none { line-height: 1; } @@ -3738,6 +3995,10 @@ footer .copyright { line-height: 1.625; } +.tracking-tight { + letter-spacing: -0.025em; +} + .tracking-wide { letter-spacing: 0.025em; } @@ -3746,64 +4007,9 @@ footer .copyright { letter-spacing: 0.05em; } -.text-proprietary { +.text-blue-200 { --tw-text-opacity: 1; - color: rgb(0 101 153 / var(--tw-text-opacity)); -} - -.text-purple-300 { - --tw-text-opacity: 1; - color: rgb(216 180 254 / var(--tw-text-opacity)); -} - -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - -.text-red-600 { - --tw-text-opacity: 1; - color: rgb(220 38 38 / var(--tw-text-opacity)); -} - -.text-pink-400 { - --tw-text-opacity: 1; - color: rgb(244 114 182 / var(--tw-text-opacity)); -} - -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - -.text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(191 219 254 / var(--tw-text-opacity)); } .text-blue-50 { @@ -3811,24 +4017,9 @@ footer .copyright { color: rgb(239 246 255 / var(--tw-text-opacity)); } -.text-proprietary-darker { +.text-gray-100 { --tw-text-opacity: 1; - color: rgb(0 68 102 / var(--tw-text-opacity)); -} - -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-gray-50 { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity)); } .text-gray-200 { @@ -3836,33 +4027,93 @@ footer .copyright { color: rgb(229 231 235 / var(--tw-text-opacity)); } +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-gray-50 { + --tw-text-opacity: 1; + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } +.text-inherit { + color: inherit; +} + +.text-pink-400 { + --tw-text-opacity: 1; + color: rgb(244 114 182 / var(--tw-text-opacity)); +} + +.text-proprietary { + --tw-text-opacity: 1; + color: rgb(0 101 153 / var(--tw-text-opacity)); +} + .text-proprietary-dark { --tw-text-opacity: 1; color: rgb(0 85 128 / var(--tw-text-opacity)); } -.text-inherit { - color: inherit; +.text-proprietary-darker { + --tw-text-opacity: 1; + color: rgb(0 68 102 / var(--tw-text-opacity)); } -.text-blue-700 { +.text-purple-300 { --tw-text-opacity: 1; - color: rgb(29 78 216 / var(--tw-text-opacity)); + color: rgb(216 180 254 / var(--tw-text-opacity)); } -.text-red-700 { +.text-red-200 { --tw-text-opacity: 1; - color: rgb(185 28 28 / var(--tw-text-opacity)); + color: rgb(254 202 202 / var(--tw-text-opacity)); } -.text-sky-700 { +.text-red-600 { --tw-text-opacity: 1; - color: rgb(3 105 161 / var(--tw-text-opacity)); + color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-red-800 { @@ -3870,9 +4121,18 @@ footer .copyright { color: rgb(153 27 27 / var(--tw-text-opacity)); } +.text-sky-700 { + --tw-text-opacity: 1; + color: rgb(3 105 161 / var(--tw-text-opacity)); +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(234 179 8 / var(--tw-text-opacity)); +} + .underline { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; + text-decoration-line: underline; } .decoration-1 { @@ -3899,9 +4159,9 @@ footer .copyright { opacity: 0.9; } -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -3911,31 +4171,35 @@ footer .copyright { 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); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-md { --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); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 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); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .brightness-\[35\%\] { --tw-brightness: brightness(35%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + +.backdrop-blur { + --tw-backdrop-blur: blur(8px); -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); } @@ -3946,8 +4210,8 @@ footer .copyright { 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-saturate-50 { - --tw-backdrop-saturate: saturate(.5); +.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); } @@ -3958,10 +4222,16 @@ footer .copyright { 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-saturate-50 { + --tw-backdrop-saturate: saturate(.5); + -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); +} + .transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3972,26 +4242,22 @@ footer .copyright { transition-duration: 150ms; } -.duration-300 { - transition-duration: 300ms; +.duration-100 { + transition-duration: 100ms; } .duration-150 { transition-duration: 150ms; } -.duration-100 { - transition-duration: 100ms; +.duration-300 { + transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } -.ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -} - .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } @@ -4000,6 +4266,10 @@ footer .copyright { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} + .line-clamp-1 { overflow: hidden; display: -webkit-box; @@ -4018,6 +4288,35 @@ footer .copyright { background-size: 100%; } +@media (min-width: 640px) { + .sm\:section-title { + text-align: center; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 500; + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); + } + + :is(.dark .sm\:section-title) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); + } + + @media (min-width: 768px) { + .sm\:section-title { + font-size: 1.125rem; + line-height: 1.75rem; + } + } + + .sm\:section-title-margins { + margin-top: 1rem; + margin-bottom: 0.5rem; + text-transform: uppercase; + } +} + .placeholder\:italic::-moz-placeholder { font-style: italic; } @@ -4042,6 +4341,21 @@ footer .copyright { background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } +.hover\:bg-sky-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(186 230 253 / var(--tw-bg-opacity)); +} + +.hover\:text-gray-800:hover { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.hover\:text-gray-900:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + .hover\:text-proprietary-dark:hover { --tw-text-opacity: 1; color: rgb(0 85 128 / var(--tw-text-opacity)); @@ -4052,19 +4366,8 @@ footer .copyright { color: rgb(185 28 28 / var(--tw-text-opacity)); } -.hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - .hover\:underline:hover { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; + text-decoration-line: underline; } .hover\:shadow-md:hover { @@ -4077,29 +4380,15 @@ footer .copyright { background-size: 120%; } -.focus\:border-none:focus { - border-style: none; -} - -.focus\:border-blue-300:focus { +.focus\:border-blue-200:focus { --tw-border-opacity: 1; - border-color: rgb(147 197 253 / var(--tw-border-opacity)); + border-color: rgb(191 219 254 / var(--tw-border-opacity)); } .focus\:border-transparent:focus { border-color: transparent; } -.focus\:border-sky-700:focus { - --tw-border-opacity: 1; - border-color: rgb(3 105 161 / var(--tw-border-opacity)); -} - -.focus\:border-blue-200:focus { - --tw-border-opacity: 1; - border-color: rgb(191 219 254 / var(--tw-border-opacity)); -} - .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -4126,10 +4415,6 @@ footer .copyright { --tw-ring-opacity: 0.5; } -.focus\:ring-offset-0:focus { - --tw-ring-offset-width: 0px; -} - .group:hover .group-hover\:border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); @@ -4154,270 +4439,271 @@ footer .copyright { background-size: 110%; } -.dark .dark\:block { +:is(.dark .dark\:block) { display: block; } -.dark .dark\:hidden { +:is(.dark .dark\:hidden) { display: none; } -.dark .dark\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { +:is(.dark .dark\:divide-x-2) > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } -.dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { +:is(.dark .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); } -.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { +:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity)); } -.dark .dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) { +:is(.dark .dark\:divide-gray-800) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(31 41 55 / var(--tw-divide-opacity)); } -.dark .dark\:border-2 { - border-width: 2px; -} - -.dark .dark\:border { +:is(.dark .dark\:border) { border-width: 1px; } -.dark .dark\:border-none { +:is(.dark .dark\:border-2) { + border-width: 2px; +} + +:is(.dark .dark\:border-none) { border-style: none; } -.dark .dark\:border-gray-300 { +:is(.dark .dark\:border-gray-300) { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-500 { +:is(.dark .dark\:border-gray-500) { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } -.dark .dark\:border-gray-800 { +:is(.dark .dark\:border-gray-600) { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:border-gray-700) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:border-gray-800) { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); } -.dark .dark\:bg-proprietary-dark { - --tw-bg-opacity: 1; - background-color: rgb(0 85 128 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-sky-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-black { +:is(.dark .dark\:bg-black) { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.dark .dark\:bg-proprietary { - --tw-bg-opacity: 1; - background-color: rgb(0 101 153 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-sky-900 { - --tw-bg-opacity: 1; - background-color: rgb(12 74 110 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-500 { +:is(.dark .dark\:bg-gray-500) { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } -.dark .dark\:bg-opacity-70 { +:is(.dark .dark\:bg-gray-700) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-800) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-900) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-900\/80) { + background-color: rgb(17 24 39 / 0.8); +} + +:is(.dark .dark\:bg-gray-950) { + --tw-bg-opacity: 1; + background-color: rgb(3 7 18 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-proprietary) { + --tw-bg-opacity: 1; + background-color: rgb(0 101 153 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-proprietary-dark) { + --tw-bg-opacity: 1; + background-color: rgb(0 85 128 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-sky-500) { + --tw-bg-opacity: 1; + background-color: rgb(14 165 233 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-sky-900) { + --tw-bg-opacity: 1; + background-color: rgb(12 74 110 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-opacity-60) { + --tw-bg-opacity: 0.6; +} + +:is(.dark .dark\:bg-opacity-70) { --tw-bg-opacity: 0.7; } -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.dark .dark\:text-proprietary-lighter { - --tw-text-opacity: 1; - color: rgb(71 194 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-100 { +:is(.dark .dark\:text-blue-100) { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.dark .dark\:text-sky-900 { - --tw-text-opacity: 1; - color: rgb(12 74 110 / var(--tw-text-opacity)); -} - -.dark .dark\:text-proprietary-lightest { - --tw-text-opacity: 1; - color: rgb(102 204 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.dark .dark\:text-sky-300 { - --tw-text-opacity: 1; - color: rgb(125 211 252 / var(--tw-text-opacity)); -} - -.dark .dark\:text-sky-400 { - --tw-text-opacity: 1; - color: rgb(56 189 248 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-200 { +:is(.dark .dark\:text-blue-200) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)); } -.dark .dark\:text-proprietary-light { +:is(.dark .dark\:text-gray-100) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-200) { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-300) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-400) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-500) { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-600) { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-proprietary-light) { --tw-text-opacity: 1; color: rgb(0 139 209 / var(--tw-text-opacity)); } -.dark .dark\:text-red-500 { +:is(.dark .dark\:text-proprietary-lighter) { + --tw-text-opacity: 1; + color: rgb(71 194 255 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-proprietary-lightest) { + --tw-text-opacity: 1; + color: rgb(102 204 255 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-red-500) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } -.dark .dark\:shadow-none { +:is(.dark .dark\:text-sky-300) { + --tw-text-opacity: 1; + color: rgb(125 211 252 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-sky-400) { + --tw-text-opacity: 1; + color: rgb(56 189 248 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-sky-600) { + --tw-text-opacity: 1; + color: rgb(2 132 199 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-sky-900) { + --tw-text-opacity: 1; + color: rgb(12 74 110 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:shadow-none) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.dark .dark\:hover\:bg-gray-800:hover { +:is(.dark .dark\:hover\:bg-gray-600:hover) { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:hover\:bg-gray-800:hover) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:text-gray-100:hover { +:is(.dark .dark\:hover\:bg-sky-950:hover) { + --tw-bg-opacity: 1; + background-color: rgb(8 47 73 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:hover\:text-gray-100:hover) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-gray-200:hover { +:is(.dark .dark\:hover\:text-gray-200:hover) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -.dark .dark\:focus\:ring-sky-700:focus { +:is(.dark .dark\:focus\:ring-sky-700:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity)); } -.dark .group:hover .dark\:group-hover\:border-gray-500 { +:is(.dark .group:hover .dark\:group-hover\:border-gray-500) { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } -.dark .group:hover .dark\:group-hover\:text-gray-400 { +:is(.dark .group:hover .dark\:group-hover\:text-gray-400) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.dark .group:hover .dark\:group-hover\:text-proprietary-light { +:is(.dark .group:hover .dark\:group-hover\:text-proprietary-light) { --tw-text-opacity: 1; color: rgb(0 139 209 / var(--tw-text-opacity)); } -.dark .group:hover .dark\:group-hover\:text-red-500 { +:is(.dark .group:hover .dark\:group-hover\:text-red-500) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } @media (min-width: 640px) { - .sm\:section-title { - text-align: center; - font-size: 1rem; - line-height: 1.5rem; - font-weight: 500; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - } - - .dark .sm\:section-title { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); - } - - @media (min-width: 768px) { - .sm\:section-title { - font-size: 1.125rem; - line-height: 1.75rem; - } - } - - .sm\:section-title-margins { - margin-top: 1rem; - margin-bottom: 0.5rem; - text-transform: uppercase; - } - .sm\:static { position: static; } @@ -4434,53 +4720,53 @@ footer .copyright { margin: 0.5rem; } - .sm\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - .sm\:mx-0 { margin-left: 0px; margin-right: 0px; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; - } - .sm\:mx-auto { margin-left: auto; margin-right: auto; } + .sm\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + .sm\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } - .sm\:mr-0 { - margin-right: 0px; - } - - .sm\:ml-auto { - margin-left: auto; - } - - .sm\:mr-8 { - margin-right: 2rem; - } - .sm\:-mt-16 { margin-top: -4rem; } + .sm\:mb-6 { + margin-bottom: 1.5rem; + } + .sm\:ml-1 { margin-left: 0.25rem; } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .sm\:ml-auto { + margin-left: auto; + } + + .sm\:mr-0 { + margin-right: 0px; + } + + .sm\:mr-8 { + margin-right: 2rem; } .sm\:block { @@ -4507,40 +4793,47 @@ footer .copyright { display: none; } - .sm\:h-auto { - height: auto; + .sm\:h-56 { + height: 14rem; } .sm\:h-80 { height: 20rem; } - .sm\:h-56 { - height: 14rem; - } - - .sm\:w-3\/5 { - width: 60%; + .sm\:h-auto { + height: auto; } .sm\:w-2\/5 { width: 40%; } - .sm\:w-full { - width: 100%; + .sm\:w-3\/5 { + width: 60%; } .sm\:w-auto { width: auto; } + .sm\:w-full { + width: 100%; + } + .sm\:w-max { - width: -webkit-max-content; width: -moz-max-content; width: max-content; } + .sm\:max-w-md { + max-width: 28rem; + } + + .sm\:max-w-none { + max-width: none; + } + .sm\:max-w-prose { max-width: 65ch; } @@ -4549,26 +4842,18 @@ footer .copyright { max-width: 20rem; } - .sm\:max-w-none { - max-width: none; - } - - .sm\:max-w-md { - max-width: 28rem; - } - .sm\:flex-1 { flex: 1 1 0%; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\:flex-row { flex-direction: row; } @@ -4597,18 +4882,12 @@ footer .copyright { gap: 1.5rem; } - .sm\:gap-y-6 { - row-gap: 1.5rem; - } - .sm\:gap-y-4 { row-gap: 1rem; } - .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + .sm\:gap-y-6 { + row-gap: 1.5rem; } .sm\:divide-x > :not([hidden]) ~ :not([hidden]) { @@ -4617,6 +4896,12 @@ footer .copyright { border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } + .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + } + .sm\:self-end { align-self: flex-end; } @@ -4625,14 +4910,14 @@ footer .copyright { overflow-y: auto; } - .sm\:rounded-none { - border-radius: 0px; - } - .sm\:rounded-md { border-radius: 0.375rem; } + .sm\:rounded-none { + border-radius: 0px; + } + .sm\:bg-transparent { background-color: transparent; } @@ -4645,41 +4930,36 @@ footer .copyright { padding: 1rem; } + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + .sm\:px-28 { padding-left: 7rem; padding-right: 7rem; } - .sm\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } - .sm\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - - .sm\:pt-0 { - padding-top: 0px; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } .sm\:pl-4 { padding-left: 1rem; } - .sm\:text-left { - text-align: left; + .sm\:pt-0 { + padding-top: 0px; } - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .sm\:text-left { + text-align: left; } .sm\:text-2xl { @@ -4687,6 +4967,16 @@ footer .copyright { line-height: 2rem; } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -4708,14 +4998,18 @@ footer .copyright { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .dark .sm\:dark\:border-2 { + :is(.dark .sm\:dark\:border-2) { border-width: 2px; } - .dark .sm\:dark\:border-gray-700 { + :is(.dark .sm\:dark\:border-gray-700) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); } + + :is(.dark .sm\:dark\:bg-transparent) { + background-color: transparent; + } } @media (min-width: 768px) { @@ -4743,27 +5037,27 @@ footer .copyright { flex-grow: 1; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .md\:flex-row { flex-direction: row; } - .md\:gap-y-0 { - row-gap: 0px; - } - .md\:gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } + .md\:gap-y-0 { + row-gap: 0px; + } + .md\:self-start { align-self: flex-start; } @@ -4791,7 +5085,7 @@ footer .copyright { color: inherit; } - .dark .dark\:md\:border-gray-600 { + :is(.dark .dark\:md\:border-gray-600) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } @@ -4818,14 +5112,14 @@ footer .copyright { display: none; } - .lg\:h-96 { - height: 24rem; - } - .lg\:h-64 { height: 16rem; } + .lg\:h-96 { + height: 24rem; + } + .lg\:w-1\/3 { width: 33.333333%; } @@ -4854,6 +5148,25 @@ footer .copyright { justify-content: flex-end; } + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); + } + + .lg\:from-sky-500 { + --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .lg\:to-sky-900 { + --tw-gradient-to: #0c4a6e var(--tw-gradient-to-position); + } + + .lg\:bg-clip-text { + -webkit-background-clip: text; + background-clip: text; + } + .lg\:p-4 { padding: 1rem; } @@ -4867,25 +5180,40 @@ footer .copyright { line-height: 2.25rem; } + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } + + .lg\:font-bold { + font-weight: 700; + } + + .lg\:text-transparent { + color: transparent; + } + + :is(.dark .lg\:dark\:from-sky-100) { + --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position); + --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + :is(.dark .lg\:dark\:to-sky-400) { + --tw-gradient-to: #38bdf8 var(--tw-gradient-to-position); + } } @media (min-width: 1280px) { - .xl\:-mt-24 { - margin-top: -6rem; - } - .xl\:flex { display: flex; } - .xl\:h-\[30rem\] { - height: 30rem; - } - .xl\:h-80 { height: 20rem; } @@ -4894,32 +5222,41 @@ footer .copyright { height: 24rem; } - .xl\:w-2\/5 { - width: 40%; - } - - .xl\:w-1\/4 { - width: 25%; - } - - .xl\:w-7\/12 { - width: 58.333333%; + .xl\:h-\[30rem\] { + height: 30rem; } .xl\:w-1\/3 { width: 33.333333%; } + .xl\:w-1\/4 { + width: 25%; + } + + .xl\:w-2\/5 { + width: 40%; + } + + .xl\:w-7\/12 { + width: 58.333333%; + } + .xl\:max-w-xl { max-width: 36rem; } + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; } } @@ -4932,11 +5269,11 @@ footer .copyright { width: 25%; } - .\32xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - .\32xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } + + .\32xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } } \ No newline at end of file diff --git a/fet2020/static/img/404.svg b/fet2020/static/img/404.svg index f493de11..78f1b717 100644 --- a/fet2020/static/img/404.svg +++ b/fet2020/static/img/404.svg @@ -1 +1,84 @@ -not found \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fet2020/static/js/alpine-csp.js b/fet2020/static/js/alpine-csp.js deleted file mode 100644 index 0198771a..00000000 --- a/fet2020/static/js/alpine-csp.js +++ /dev/null @@ -1,3368 +0,0 @@ -(() => { - // packages/alpinejs/src/scheduler.js - var flushPending = false; - var flushing = false; - var queue = []; - function scheduler(callback) { - queueJob(callback); - } - function queueJob(job) { - if (!queue.includes(job)) - queue.push(job); - queueFlush(); - } - function dequeueJob(job) { - let index = queue.indexOf(job); - if (index !== -1) - queue.splice(index, 1); - } - function queueFlush() { - if (!flushing && !flushPending) { - flushPending = true; - queueMicrotask(flushJobs); - } - } - function flushJobs() { - flushPending = false; - flushing = true; - for (let i = 0; i < queue.length; i++) { - queue[i](); - } - queue.length = 0; - flushing = false; - } - - // packages/alpinejs/src/reactivity.js - var reactive; - var effect; - var release; - var raw; - var shouldSchedule = true; - function disableEffectScheduling(callback) { - shouldSchedule = false; - callback(); - shouldSchedule = true; - } - function setReactivityEngine(engine) { - reactive = engine.reactive; - release = engine.release; - effect = (callback) => engine.effect(callback, {scheduler: (task) => { - if (shouldSchedule) { - scheduler(task); - } else { - task(); - } - }}); - raw = engine.raw; - } - function overrideEffect(override) { - effect = override; - } - function elementBoundEffect(el) { - let cleanup2 = () => { - }; - let wrappedEffect = (callback) => { - let effectReference = effect(callback); - if (!el._x_effects) { - el._x_effects = new Set(); - el._x_runEffects = () => { - el._x_effects.forEach((i) => i()); - }; - } - el._x_effects.add(effectReference); - cleanup2 = () => { - if (effectReference === void 0) - return; - el._x_effects.delete(effectReference); - release(effectReference); - }; - return effectReference; - }; - return [wrappedEffect, () => { - cleanup2(); - }]; - } - - // packages/alpinejs/src/mutation.js - var onAttributeAddeds = []; - var onElRemoveds = []; - var onElAddeds = []; - function onElAdded(callback) { - onElAddeds.push(callback); - } - function onElRemoved(el, callback) { - if (typeof callback === "function") { - if (!el._x_cleanups) - el._x_cleanups = []; - el._x_cleanups.push(callback); - } else { - callback = el; - onElRemoveds.push(callback); - } - } - function onAttributesAdded(callback) { - onAttributeAddeds.push(callback); - } - function onAttributeRemoved(el, name, callback) { - if (!el._x_attributeCleanups) - el._x_attributeCleanups = {}; - if (!el._x_attributeCleanups[name]) - el._x_attributeCleanups[name] = []; - el._x_attributeCleanups[name].push(callback); - } - function cleanupAttributes(el, names) { - if (!el._x_attributeCleanups) - return; - Object.entries(el._x_attributeCleanups).forEach(([name, value]) => { - if (names === void 0 || names.includes(name)) { - value.forEach((i) => i()); - delete el._x_attributeCleanups[name]; - } - }); - } - var observer = new MutationObserver(onMutate); - var currentlyObserving = false; - function startObservingMutations() { - observer.observe(document, {subtree: true, childList: true, attributes: true, attributeOldValue: true}); - currentlyObserving = true; - } - function stopObservingMutations() { - flushObserver(); - observer.disconnect(); - currentlyObserving = false; - } - var recordQueue = []; - var willProcessRecordQueue = false; - function flushObserver() { - recordQueue = recordQueue.concat(observer.takeRecords()); - if (recordQueue.length && !willProcessRecordQueue) { - willProcessRecordQueue = true; - queueMicrotask(() => { - processRecordQueue(); - willProcessRecordQueue = false; - }); - } - } - function processRecordQueue() { - onMutate(recordQueue); - recordQueue.length = 0; - } - function mutateDom(callback) { - if (!currentlyObserving) - return callback(); - stopObservingMutations(); - let result = callback(); - startObservingMutations(); - return result; - } - var isCollecting = false; - var deferredMutations = []; - function deferMutations() { - isCollecting = true; - } - function flushAndStopDeferringMutations() { - isCollecting = false; - onMutate(deferredMutations); - deferredMutations = []; - } - function onMutate(mutations) { - if (isCollecting) { - deferredMutations = deferredMutations.concat(mutations); - return; - } - let addedNodes = []; - let removedNodes = []; - let addedAttributes = new Map(); - let removedAttributes = new Map(); - for (let i = 0; i < mutations.length; i++) { - if (mutations[i].target._x_ignoreMutationObserver) - continue; - if (mutations[i].type === "childList") { - mutations[i].addedNodes.forEach((node) => node.nodeType === 1 && addedNodes.push(node)); - mutations[i].removedNodes.forEach((node) => node.nodeType === 1 && removedNodes.push(node)); - } - if (mutations[i].type === "attributes") { - let el = mutations[i].target; - let name = mutations[i].attributeName; - let oldValue = mutations[i].oldValue; - let add2 = () => { - if (!addedAttributes.has(el)) - addedAttributes.set(el, []); - addedAttributes.get(el).push({name, value: el.getAttribute(name)}); - }; - let remove = () => { - if (!removedAttributes.has(el)) - removedAttributes.set(el, []); - removedAttributes.get(el).push(name); - }; - if (el.hasAttribute(name) && oldValue === null) { - add2(); - } else if (el.hasAttribute(name)) { - remove(); - add2(); - } else { - remove(); - } - } - } - removedAttributes.forEach((attrs, el) => { - cleanupAttributes(el, attrs); - }); - addedAttributes.forEach((attrs, el) => { - onAttributeAddeds.forEach((i) => i(el, attrs)); - }); - for (let node of removedNodes) { - if (addedNodes.includes(node)) - continue; - onElRemoveds.forEach((i) => i(node)); - if (node._x_cleanups) { - while (node._x_cleanups.length) - node._x_cleanups.pop()(); - } - } - addedNodes.forEach((node) => { - node._x_ignoreSelf = true; - node._x_ignore = true; - }); - for (let node of addedNodes) { - if (removedNodes.includes(node)) - continue; - if (!node.isConnected) - continue; - delete node._x_ignoreSelf; - delete node._x_ignore; - onElAddeds.forEach((i) => i(node)); - node._x_ignore = true; - node._x_ignoreSelf = true; - } - addedNodes.forEach((node) => { - delete node._x_ignoreSelf; - delete node._x_ignore; - }); - addedNodes = null; - removedNodes = null; - addedAttributes = null; - removedAttributes = null; - } - - // packages/alpinejs/src/scope.js - function scope(node) { - return mergeProxies(closestDataStack(node)); - } - function addScopeToNode(node, data2, referenceNode) { - node._x_dataStack = [data2, ...closestDataStack(referenceNode || node)]; - return () => { - node._x_dataStack = node._x_dataStack.filter((i) => i !== data2); - }; - } - function refreshScope(element, scope2) { - let existingScope = element._x_dataStack[0]; - Object.entries(scope2).forEach(([key, value]) => { - existingScope[key] = value; - }); - } - function closestDataStack(node) { - if (node._x_dataStack) - return node._x_dataStack; - if (typeof ShadowRoot === "function" && node instanceof ShadowRoot) { - return closestDataStack(node.host); - } - if (!node.parentNode) { - return []; - } - return closestDataStack(node.parentNode); - } - function mergeProxies(objects) { - let thisProxy = new Proxy({}, { - ownKeys: () => { - return Array.from(new Set(objects.flatMap((i) => Object.keys(i)))); - }, - has: (target, name) => { - return objects.some((obj) => obj.hasOwnProperty(name)); - }, - get: (target, name) => { - return (objects.find((obj) => { - if (obj.hasOwnProperty(name)) { - let descriptor = Object.getOwnPropertyDescriptor(obj, name); - if (descriptor.get && descriptor.get._x_alreadyBound || descriptor.set && descriptor.set._x_alreadyBound) { - return true; - } - if ((descriptor.get || descriptor.set) && descriptor.enumerable) { - let getter = descriptor.get; - let setter = descriptor.set; - let property = descriptor; - getter = getter && getter.bind(thisProxy); - setter = setter && setter.bind(thisProxy); - if (getter) - getter._x_alreadyBound = true; - if (setter) - setter._x_alreadyBound = true; - Object.defineProperty(obj, name, { - ...property, - get: getter, - set: setter - }); - } - return true; - } - return false; - }) || {})[name]; - }, - set: (target, name, value) => { - let closestObjectWithKey = objects.find((obj) => obj.hasOwnProperty(name)); - if (closestObjectWithKey) { - closestObjectWithKey[name] = value; - } else { - objects[objects.length - 1][name] = value; - } - return true; - } - }); - return thisProxy; - } - - // packages/alpinejs/src/interceptor.js - function initInterceptors(data2) { - let isObject2 = (val) => typeof val === "object" && !Array.isArray(val) && val !== null; - let recurse = (obj, basePath = "") => { - Object.entries(Object.getOwnPropertyDescriptors(obj)).forEach(([key, {value, enumerable}]) => { - if (enumerable === false || value === void 0) - return; - let path = basePath === "" ? key : `${basePath}.${key}`; - if (typeof value === "object" && value !== null && value._x_interceptor) { - obj[key] = value.initialize(data2, path, key); - } else { - if (isObject2(value) && value !== obj && !(value instanceof Element)) { - recurse(value, path); - } - } - }); - }; - return recurse(data2); - } - function interceptor(callback, mutateObj = () => { - }) { - let obj = { - initialValue: void 0, - _x_interceptor: true, - initialize(data2, path, key) { - return callback(this.initialValue, () => get(data2, path), (value) => set(data2, path, value), path, key); - } - }; - mutateObj(obj); - return (initialValue) => { - if (typeof initialValue === "object" && initialValue !== null && initialValue._x_interceptor) { - let initialize = obj.initialize.bind(obj); - obj.initialize = (data2, path, key) => { - let innerValue = initialValue.initialize(data2, path, key); - obj.initialValue = innerValue; - return initialize(data2, path, key); - }; - } else { - obj.initialValue = initialValue; - } - return obj; - }; - } - function get(obj, path) { - return path.split(".").reduce((carry, segment) => carry[segment], obj); - } - function set(obj, path, value) { - if (typeof path === "string") - path = path.split("."); - if (path.length === 1) - obj[path[0]] = value; - else if (path.length === 0) - throw error; - else { - if (obj[path[0]]) - return set(obj[path[0]], path.slice(1), value); - else { - obj[path[0]] = {}; - return set(obj[path[0]], path.slice(1), value); - } - } - } - - // packages/alpinejs/src/magics.js - var magics = {}; - function magic(name, callback) { - magics[name] = callback; - } - function injectMagics(obj, el) { - Object.entries(magics).forEach(([name, callback]) => { - Object.defineProperty(obj, `$${name}`, { - get() { - let [utilities, cleanup2] = getElementBoundUtilities(el); - utilities = {interceptor, ...utilities}; - onElRemoved(el, cleanup2); - return callback(el, utilities); - }, - enumerable: false - }); - }); - return obj; - } - - // packages/alpinejs/src/utils/error.js - function tryCatch(el, expression, callback, ...args) { - try { - return callback(...args); - } catch (e) { - handleError(e, el, expression); - } - } - function handleError(error2, el, expression = void 0) { - Object.assign(error2, {el, expression}); - console.warn(`Alpine Expression Error: ${error2.message} - - ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el); - setTimeout(() => { - throw error2; - }, 0); - } - - // packages/alpinejs/src/evaluator.js - var shouldAutoEvaluateFunctions = true; - function dontAutoEvaluateFunctions(callback) { - let cache = shouldAutoEvaluateFunctions; - shouldAutoEvaluateFunctions = false; - callback(); - shouldAutoEvaluateFunctions = cache; - } - function evaluate(el, expression, extras = {}) { - let result; - evaluateLater(el, expression)((value) => result = value, extras); - return result; - } - function evaluateLater(...args) { - return theEvaluatorFunction(...args); - } - var theEvaluatorFunction = normalEvaluator; - function setEvaluator(newEvaluator) { - theEvaluatorFunction = newEvaluator; - } - function normalEvaluator(el, expression) { - let overriddenMagics = {}; - injectMagics(overriddenMagics, el); - let dataStack = [overriddenMagics, ...closestDataStack(el)]; - if (typeof expression === "function") { - return generateEvaluatorFromFunction(dataStack, expression); - } - let evaluator = generateEvaluatorFromString(dataStack, expression, el); - return tryCatch.bind(null, el, expression, evaluator); - } - function generateEvaluatorFromFunction(dataStack, func) { - return (receiver = () => { - }, {scope: scope2 = {}, params = []} = {}) => { - let result = func.apply(mergeProxies([scope2, ...dataStack]), params); - runIfTypeOfFunction(receiver, result); - }; - } - var evaluatorMemo = {}; - function generateFunctionFromString(expression, el) { - if (evaluatorMemo[expression]) { - return evaluatorMemo[expression]; - } - let AsyncFunction = Object.getPrototypeOf(async function() { - }).constructor; - let rightSideSafeExpression = /^[\n\s]*if.*\(.*\)/.test(expression) || /^(let|const)\s/.test(expression) ? `(() => { ${expression} })()` : expression; - const safeAsyncFunction = () => { - try { - return new AsyncFunction(["__self", "scope"], `with (scope) { __self.result = ${rightSideSafeExpression} }; __self.finished = true; return __self.result;`); - } catch (error2) { - handleError(error2, el, expression); - return Promise.resolve(); - } - }; - let func = safeAsyncFunction(); - evaluatorMemo[expression] = func; - return func; - } - function generateEvaluatorFromString(dataStack, expression, el) { - let func = generateFunctionFromString(expression, el); - return (receiver = () => { - }, {scope: scope2 = {}, params = []} = {}) => { - func.result = void 0; - func.finished = false; - let completeScope = mergeProxies([scope2, ...dataStack]); - if (typeof func === "function") { - let promise = func(func, completeScope).catch((error2) => handleError(error2, el, expression)); - if (func.finished) { - runIfTypeOfFunction(receiver, func.result, completeScope, params, el); - func.result = void 0; - } else { - promise.then((result) => { - runIfTypeOfFunction(receiver, result, completeScope, params, el); - }).catch((error2) => handleError(error2, el, expression)).finally(() => func.result = void 0); - } - } - }; - } - function runIfTypeOfFunction(receiver, value, scope2, params, el) { - if (shouldAutoEvaluateFunctions && typeof value === "function") { - let result = value.apply(scope2, params); - if (result instanceof Promise) { - result.then((i) => runIfTypeOfFunction(receiver, i, scope2, params)).catch((error2) => handleError(error2, el, value)); - } else { - receiver(result); - } - } else { - receiver(value); - } - } - - // packages/alpinejs/src/directives.js - var prefixAsString = "x-"; - function prefix(subject = "") { - return prefixAsString + subject; - } - function setPrefix(newPrefix) { - prefixAsString = newPrefix; - } - var directiveHandlers = {}; - function directive(name, callback) { - directiveHandlers[name] = callback; - } - function directives(el, attributes, originalAttributeOverride) { - attributes = Array.from(attributes); - if (el._x_virtualDirectives) { - let vAttributes = Object.entries(el._x_virtualDirectives).map(([name, value]) => ({name, value})); - let staticAttributes = attributesOnly(vAttributes); - vAttributes = vAttributes.map((attribute) => { - if (staticAttributes.find((attr) => attr.name === attribute.name)) { - return { - name: `x-bind:${attribute.name}`, - value: `"${attribute.value}"` - }; - } - return attribute; - }); - attributes = attributes.concat(vAttributes); - } - let transformedAttributeMap = {}; - let directives2 = attributes.map(toTransformedAttributes((newName, oldName) => transformedAttributeMap[newName] = oldName)).filter(outNonAlpineAttributes).map(toParsedDirectives(transformedAttributeMap, originalAttributeOverride)).sort(byPriority); - return directives2.map((directive2) => { - return getDirectiveHandler(el, directive2); - }); - } - function attributesOnly(attributes) { - return Array.from(attributes).map(toTransformedAttributes()).filter((attr) => !outNonAlpineAttributes(attr)); - } - var isDeferringHandlers = false; - var directiveHandlerStacks = new Map(); - var currentHandlerStackKey = Symbol(); - function deferHandlingDirectives(callback) { - isDeferringHandlers = true; - let key = Symbol(); - currentHandlerStackKey = key; - directiveHandlerStacks.set(key, []); - let flushHandlers = () => { - while (directiveHandlerStacks.get(key).length) - directiveHandlerStacks.get(key).shift()(); - directiveHandlerStacks.delete(key); - }; - let stopDeferring = () => { - isDeferringHandlers = false; - flushHandlers(); - }; - callback(flushHandlers); - stopDeferring(); - } - function getElementBoundUtilities(el) { - let cleanups = []; - let cleanup2 = (callback) => cleanups.push(callback); - let [effect3, cleanupEffect] = elementBoundEffect(el); - cleanups.push(cleanupEffect); - let utilities = { - Alpine: alpine_default, - effect: effect3, - cleanup: cleanup2, - evaluateLater: evaluateLater.bind(evaluateLater, el), - evaluate: evaluate.bind(evaluate, el) - }; - let doCleanup = () => cleanups.forEach((i) => i()); - return [utilities, doCleanup]; - } - function getDirectiveHandler(el, directive2) { - let noop = () => { - }; - let handler3 = directiveHandlers[directive2.type] || noop; - let [utilities, cleanup2] = getElementBoundUtilities(el); - onAttributeRemoved(el, directive2.original, cleanup2); - let fullHandler = () => { - if (el._x_ignore || el._x_ignoreSelf) - return; - handler3.inline && handler3.inline(el, directive2, utilities); - handler3 = handler3.bind(handler3, el, directive2, utilities); - isDeferringHandlers ? directiveHandlerStacks.get(currentHandlerStackKey).push(handler3) : handler3(); - }; - fullHandler.runCleanups = cleanup2; - return fullHandler; - } - var startingWith = (subject, replacement) => ({name, value}) => { - if (name.startsWith(subject)) - name = name.replace(subject, replacement); - return {name, value}; - }; - var into = (i) => i; - function toTransformedAttributes(callback = () => { - }) { - return ({name, value}) => { - let {name: newName, value: newValue} = attributeTransformers.reduce((carry, transform) => { - return transform(carry); - }, {name, value}); - if (newName !== name) - callback(newName, name); - return {name: newName, value: newValue}; - }; - } - var attributeTransformers = []; - function mapAttributes(callback) { - attributeTransformers.push(callback); - } - function outNonAlpineAttributes({name}) { - return alpineAttributeRegex().test(name); - } - var alpineAttributeRegex = () => new RegExp(`^${prefixAsString}([^:^.]+)\\b`); - function toParsedDirectives(transformedAttributeMap, originalAttributeOverride) { - return ({name, value}) => { - let typeMatch = name.match(alpineAttributeRegex()); - let valueMatch = name.match(/:([a-zA-Z0-9\-:]+)/); - let modifiers = name.match(/\.[^.\]]+(?=[^\]]*$)/g) || []; - let original = originalAttributeOverride || transformedAttributeMap[name] || name; - return { - type: typeMatch ? typeMatch[1] : null, - value: valueMatch ? valueMatch[1] : null, - modifiers: modifiers.map((i) => i.replace(".", "")), - expression: value, - original - }; - }; - } - var DEFAULT = "DEFAULT"; - var directiveOrder = [ - "ignore", - "ref", - "data", - "id", - "radio", - "tabs", - "switch", - "disclosure", - "menu", - "listbox", - "list", - "item", - "combobox", - "bind", - "init", - "for", - "mask", - "model", - "modelable", - "transition", - "show", - "if", - DEFAULT, - "teleport" - ]; - function byPriority(a, b) { - let typeA = directiveOrder.indexOf(a.type) === -1 ? DEFAULT : a.type; - let typeB = directiveOrder.indexOf(b.type) === -1 ? DEFAULT : b.type; - return directiveOrder.indexOf(typeA) - directiveOrder.indexOf(typeB); - } - - // packages/alpinejs/src/utils/dispatch.js - function dispatch(el, name, detail = {}) { - el.dispatchEvent(new CustomEvent(name, { - detail, - bubbles: true, - composed: true, - cancelable: true - })); - } - - // packages/alpinejs/src/nextTick.js - var tickStack = []; - var isHolding = false; - function nextTick(callback = () => { - }) { - queueMicrotask(() => { - isHolding || setTimeout(() => { - releaseNextTicks(); - }); - }); - return new Promise((res) => { - tickStack.push(() => { - callback(); - res(); - }); - }); - } - function releaseNextTicks() { - isHolding = false; - while (tickStack.length) - tickStack.shift()(); - } - function holdNextTicks() { - isHolding = true; - } - - // packages/alpinejs/src/utils/walk.js - function walk(el, callback) { - if (typeof ShadowRoot === "function" && el instanceof ShadowRoot) { - Array.from(el.children).forEach((el2) => walk(el2, callback)); - return; - } - let skip = false; - callback(el, () => skip = true); - if (skip) - return; - let node = el.firstElementChild; - while (node) { - walk(node, callback, false); - node = node.nextElementSibling; - } - } - - // packages/alpinejs/src/utils/warn.js - function warn(message, ...args) { - console.warn(`Alpine Warning: ${message}`, ...args); - } - - // packages/alpinejs/src/lifecycle.js - function start() { - if (!document.body) - warn("Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's ` - - - - - - - - - + + + diff --git a/fet2020/templates/gallery/index.html b/fet2020/templates/gallery/index.html index 2982fed5..acb4e55a 100644 --- a/fet2020/templates/gallery/index.html +++ b/fet2020/templates/gallery/index.html @@ -29,7 +29,6 @@ {% endif %} {% endfor %} - {% endblock %} diff --git a/fet2020/templates/home.html b/fet2020/templates/home.html index c59aa371..4b911a63 100644 --- a/fet2020/templates/home.html +++ b/fet2020/templates/home.html @@ -3,135 +3,110 @@ {% load static %} {% block content %} - -
-
-
-

- Fachschaft
- Elektrotechnik -

- - -
-
- - -
- {% if request.user.is_authenticated %} -
- - -
- {% endif %} - -
-

Events

- -
+ +
+
+
+
+

+ Fachschaft
+ Elektrotechnik +

+
+
- -
- - -
-

Zuletzt veröffentlicht

- - {% if featured_post %} - {% with post=featured_post %} - {% include 'posts/partials/_posts_pinned.html' %} - {% endwith %} - {% endif %} - {% for post in posts %} - {% include 'posts/partials/_posts_hero.html' %} - {% endfor %} - - Mehr anzeigen -
-
- - -
+ + + + +
+ {% if request.user.is_authenticated %} +
+ + + +
+ {% endif %} + +
+

Events

+
+ {% if featured_event %} + {% with post=featured_event %} + {% include 'posts/partials/_article_row.html' %} + {% endwith %} + {% endif %} + {% for post in featured_meeting %} + {% if post %} + {% include 'posts/partials/_article_row.html' %} + {% endif %} + {% endfor %} +
+
+ +
+ +
+

Zuletzt veröffentlicht

+ + {% if featured_post %} + {% with post=featured_post %} + {% include 'posts/partials/_posts_pinned.html' %} + {% endwith %} + {% endif %} + {% for post in posts %} + {% include 'posts/partials/_posts_hero.html' %} + {% endfor %} + + Mehr anzeigen +
+
+
{% endblock %} diff --git a/fet2020/templates/intern/index.html b/fet2020/templates/intern/index.html index 06df1958..418dd846 100644 --- a/fet2020/templates/intern/index.html +++ b/fet2020/templates/intern/index.html @@ -9,16 +9,16 @@
{% regroup topic by topic_group as topic_group_list %} {% for topic_group in topic_group_list %} -
+
-

+

{{ topic_group.grouper.title }}

-
- - + + -
+
{% if member %} {% block member_content %} @@ -121,7 +120,7 @@ {% block jobs_content %} {% endblock %} {% endif %} -
- - +
+ + {% endblock %} diff --git a/fet2020/templates/members/member.html b/fet2020/templates/members/member.html index 36458b3d..49f70aba 100644 --- a/fet2020/templates/members/member.html +++ b/fet2020/templates/members/member.html @@ -50,7 +50,7 @@ {% endfor %}