diff --git a/fet2020/static/css/styles.css b/fet2020/static/css/styles.css index 9796c46e..020906d8 100644 --- a/fet2020/static/css/styles.css +++ b/fet2020/static/css/styles.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com +! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com */ /* @@ -16,7 +16,7 @@ /* 2 */ border-style: solid; /* 2 */ - border-color: currentColor; + border-color: #e5e7eb; /* 2 */ } @@ -42,7 +42,7 @@ html { -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: Inter, 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"; + 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 */ } @@ -77,7 +77,7 @@ hr { Add the correct text decoration in Chrome, Edge, and Safari. */ -abbr[title] { +abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -596,6 +596,7 @@ body { flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + caret-color: #006599; } @media (prefers-color-scheme: dark) { @@ -639,10 +640,16 @@ p a:hover { --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-transform: translateX(var(--tw-translate-x)) translateY(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)); - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-pan-x: ; + --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); @@ -650,6 +657,24 @@ p a:hover { --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: ; } .container { @@ -1002,6 +1027,57 @@ p a:hover { } } +.btn-error { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / 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)); +} + +@media (prefers-color-scheme: dark) { + .btn-error { + --tw-bg-opacity: 1; + background-color: rgb(153 27 27 / var(--tw-bg-opacity)); + } + + .btn-error { + --tw-text-opacity: 1; + color: rgb(254 202 202 / var(--tw-text-opacity)); + } + + .btn-error:hover { + --tw-bg-opacity: 1; + background-color: rgb(127 29 29 / var(--tw-bg-opacity)); + } + + .btn-error:hover { + --tw-text-opacity: 1; + color: rgb(252 165 165 / var(--tw-text-opacity)); + } + + .btn-error:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); + } +} + .btn-secondary { border-width: 1px; --tw-border-opacity: 1; @@ -1252,6 +1328,7 @@ ul.sideBarNav > ul > li.active > a:first-child { .calendar-dateBubble .dateBubble-month { flex: none; font-size: 0.875rem; + line-height: 1.25rem; line-height: 1; --tw-text-opacity: 1; color: rgb(224 242 254 / var(--tw-text-opacity)); @@ -1933,6 +2010,7 @@ ul.sideBarNav > ul > li.active > a:first-child { .jobsList-desc h3 { font-size: 0.875rem; + line-height: 1.25rem; line-height: 1; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); @@ -2142,6 +2220,49 @@ ul.sideBarNav > ul > li.active > a:first-child { margin-bottom: 0.125rem; } +/***** DOCUMENT LIST *****/ + +.documentList a { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.documentList a:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.documentList a:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +@media (min-width: 640px) { + .documentList a { + padding: 0.5rem; + } + + .documentList a:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + } +} + +@media (prefers-color-scheme: dark) { + @media (min-width: 640px) { + .documentList a:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + } + } +} + +@media (min-width: 768px) { + .documentList a { + padding: 1rem; + } +} + /***** FOOTER *****/ footer { @@ -2246,10 +2367,6 @@ footer .copyright { right: 0px; } -.bottom-4 { - bottom: 1rem; -} - .top-0 { top: 0px; } @@ -2258,6 +2375,10 @@ footer .copyright { left: 0px; } +.bottom-4 { + bottom: 1rem; +} + .right-4 { right: 1rem; } @@ -2270,14 +2391,14 @@ footer .copyright { z-index: 20; } -.z-0 { - z-index: 0; -} - .z-10 { z-index: 10; } +.z-0 { + z-index: 0; +} + .z-30 { z-index: 30; } @@ -2299,16 +2420,21 @@ footer .copyright { margin-right: auto; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - .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; @@ -2324,11 +2450,6 @@ footer .copyright { margin-right: 0px; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - .-mx-4 { margin-left: -1rem; margin-right: -1rem; @@ -2343,32 +2464,28 @@ footer .copyright { margin-right: 0.5rem; } -.-mb-2 { - margin-bottom: -0.5rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.mt-8 { - margin-top: 2rem; +.mt-2 { + margin-top: 0.5rem; } .mr-1 { margin-right: 0.25rem; } -.ml-0\.5 { - margin-left: 0.125rem; +.ml-2 { + margin-left: 0.5rem; } -.ml-0 { - margin-left: 0px; +.ml-7 { + margin-left: 1.75rem; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.-mt-6 { + margin-top: -1.5rem; } .mb-2 { @@ -2379,20 +2496,36 @@ footer .copyright { margin-left: 1rem; } -.mt-1 { - margin-top: 0.25rem; +.-mr-2 { + margin-right: -0.5rem; } .mt-4 { margin-top: 1rem; } -.-ml-1 { - margin-left: -0.25rem; +.-mb-2 { + margin-bottom: -0.5rem; } -.ml-2 { - margin-left: 0.5rem; +.mb-4 { + margin-bottom: 1rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.ml-0\.5 { + margin-left: 0.125rem; +} + +.ml-0 { + margin-left: 0px; +} + +.-ml-1 { + margin-left: -0.25rem; } .-mt-8 { @@ -2431,14 +2564,14 @@ footer .copyright { aspect-ratio: 16 / 9; } -.h-56 { - height: 14rem; -} - .h-full { height: 100%; } +.h-56 { + height: 14rem; +} + .h-3 { height: 0.75rem; } @@ -2451,14 +2584,16 @@ footer .copyright { height: 11rem; } -.h-5 { - height: 1.25rem; -} - .w-full { width: 100%; } +.w-fit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} + .w-3\/5 { width: 60%; } @@ -2483,6 +2618,16 @@ footer .copyright { width: 50%; } +.max-w-prose { + max-width: 65ch; +} + +.max-w-fit { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; +} + .max-w-sm { max-width: 24rem; } @@ -2501,10 +2646,6 @@ footer .copyright { max-width: min-content; } -.max-w-prose { - max-width: 65ch; -} - .max-w-max { max-width: -webkit-max-content; max-width: -moz-max-content; @@ -2515,12 +2656,6 @@ footer .copyright { max-width: 64rem; } -.max-w-fit { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; -} - .flex-1 { flex: 1 1 0%; } @@ -2529,6 +2664,10 @@ footer .copyright { flex: none; } +.flex-shrink-0 { + flex-shrink: 0; +} + .flex-shrink { flex-shrink: 1; } @@ -2541,6 +2680,14 @@ footer .copyright { transform-origin: top; } +.origin-center { + transform-origin: center; +} + +.origin-bottom { + transform-origin: bottom; +} + .origin-left { transform-origin: left; } @@ -2549,42 +2696,67 @@ footer .copyright { transform-origin: right; } +.-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)); +} + +.translate-x-0 { + --tw-translate-x: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-y-0 { + --tw-translate-y: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-y-14 { + --tw-translate-y: 3.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)); +} + +.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)); +} + .rotate-45 { --tw-rotate: 45deg; - transform: var(--tw-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)); } .-rotate-90 { --tw-rotate: -90deg; - transform: var(--tw-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)); } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; - transform: var(--tw-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)); } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; - transform: var(--tw-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)); } .scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; - transform: var(--tw-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)); } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; - transform: var(--tw-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)); } .transform { - transform: var(--tw-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 { @@ -2639,6 +2811,10 @@ footer .copyright { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } +.cursor-default { + cursor: default; +} + .cursor-pointer { cursor: pointer; } @@ -2651,6 +2827,10 @@ footer .copyright { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + .flex-row { flex-direction: row; } @@ -2667,10 +2847,18 @@ footer .copyright { flex-wrap: wrap; } +.items-start { + align-items: flex-start; +} + .items-center { align-items: center; } +.items-baseline { + align-items: baseline; +} + .justify-end { justify-content: flex-end; } @@ -2691,20 +2879,45 @@ footer .copyright { justify-items: center; } -.gap-4 { - gap: 1rem; -} - .gap-2 { gap: 0.5rem; } +.gap-1 { + gap: 0.25rem; +} + +.gap-4 { + gap: 1rem; +} + .gap-3 { gap: 0.75rem; } -.gap-1 { - gap: 0.25rem; +.gap-8 { + gap: 2rem; +} + +.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-2 { @@ -2723,6 +2936,12 @@ footer .copyright { 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))); + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); +} + .divide-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); @@ -2744,6 +2963,10 @@ footer .copyright { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-end { + place-self: end; +} + .self-end { align-self: flex-end; } @@ -2756,10 +2979,6 @@ footer .copyright { align-self: stretch; } -.overflow-hidden { - overflow: hidden; -} - .overflow-y-hidden { overflow-y: hidden; } @@ -2768,16 +2987,20 @@ footer .copyright { border-radius: 0.25rem; } -.rounded-lg { - border-radius: 0.5rem; +.rounded-md { + border-radius: 0.375rem; } .rounded-full { border-radius: 9999px; } -.rounded-md { - border-radius: 0.375rem; +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-sm { + border-radius: 0.125rem; } .rounded-l { @@ -2804,14 +3027,14 @@ footer .copyright { border-bottom-left-radius: 0.25rem; } -.border-2 { - border-width: 2px; -} - .border { border-width: 1px; } +.border-2 { + border-width: 2px; +} + .border-dashed { border-style: dashed; } @@ -2821,6 +3044,11 @@ footer .copyright { 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-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); @@ -2846,6 +3074,21 @@ footer .copyright { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-blue-200 { + --tw-bg-opacity: 1; + background-color: rgb(191 219 254 / var(--tw-bg-opacity)); +} + +.bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + +.bg-proprietary-darker { + --tw-bg-opacity: 1; + background-color: rgb(0 68 102 / var(--tw-bg-opacity)); +} + .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); @@ -2866,16 +3109,6 @@ footer .copyright { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.bg-black { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -} - -.bg-proprietary-darker { - --tw-bg-opacity: 1; - background-color: rgb(0 68 102 / var(--tw-bg-opacity)); -} - .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); @@ -2886,24 +3119,14 @@ footer .copyright { background-color: rgb(224 242 254 / var(--tw-bg-opacity)); } -.bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity)); -} - -.bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +.bg-opacity-70 { + --tw-bg-opacity: 0.7; } .bg-opacity-90 { --tw-bg-opacity: 0.9; } -.bg-opacity-70 { - --tw-bg-opacity: 0.7; -} - .bg-opacity-0 { --tw-bg-opacity: 0; } @@ -2916,22 +3139,6 @@ footer .copyright { background-image: url('../img/cover-image.jpeg'); } -.bg-\[url\(\'\.\.\/img\/cover-image\.jpeg\'\)\] { - background-image: url('../img/cover-image.jpeg'); -} - -.bg-\[url\(\'https\:\/\/fet\.at\/files\/Screenshot_from_2021-12-02_17-46-23\.png\'\)\] { - background-image: url('https://fet.at/files/Screenshot_from_2021-12-02_17-46-23.png'); -} - -.bg-\[url\(\'\.\.\/img\/article-cover-1\.jpg\'\)\] { - background-image: url('../img/article-cover-1.jpg'); -} - -.bg-\[url\(\'\.\.\/img\/article-cover-2\.jpg\'\)\] { - background-image: url('../img/article-cover-2.jpg'); -} - .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } @@ -2985,6 +3192,16 @@ footer .copyright { padding-right: 1rem; } +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} + +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; @@ -3011,13 +3228,12 @@ footer .copyright { text-align: justify; } -.font-serif { - font-family: Besley, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +.align-bottom { + vertical-align: bottom; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.font-serif { + font-family: Besley, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } .text-sm { @@ -3025,6 +3241,16 @@ footer .copyright { 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; @@ -3035,11 +3261,6 @@ footer .copyright { line-height: 2.5rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - .text-5xl { font-size: 3rem; line-height: 1; @@ -3050,10 +3271,6 @@ footer .copyright { line-height: 1.5rem; } -.font-semibold { - font-weight: 600; -} - .font-normal { font-weight: 400; } @@ -3062,6 +3279,10 @@ footer .copyright { font-weight: 500; } +.font-semibold { + font-weight: 600; +} + .uppercase { text-transform: uppercase; } @@ -3074,20 +3295,6 @@ footer .copyright { font-style: italic; } -*, ::before, ::after { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - --tw-font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); -} - -.oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; - font-variant-numeric: var(--tw-font-variant-numeric); -} - .leading-none { line-height: 1; } @@ -3113,21 +3320,6 @@ footer .copyright { color: rgb(239 246 255 / var(--tw-text-opacity)); } -.text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.text-proprietary-darker { - --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-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); @@ -3138,26 +3330,6 @@ footer .copyright { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-proprietary { - --tw-text-opacity: 1; - color: rgb(0 101 153 / var(--tw-text-opacity)); -} - -.text-gray-50 { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} - -.text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity)); @@ -3168,6 +3340,11 @@ footer .copyright { color: rgb(74 222 128 / var(--tw-text-opacity)); } +.text-proprietary { + --tw-text-opacity: 1; + color: rgb(0 101 153 / var(--tw-text-opacity)); +} + .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); @@ -3183,9 +3360,14 @@ footer .copyright { color: rgb(234 179 8 / var(--tw-text-opacity)); } -.text-green-600 { +.text-gray-900 { --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); + 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 { @@ -3193,16 +3375,41 @@ footer .copyright { color: rgb(156 163 175 / var(--tw-text-opacity)); } +.text-proprietary-darker { + --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)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + .text-proprietary-dark { --tw-text-opacity: 1; color: rgb(0 85 128 / var(--tw-text-opacity)); } -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity)); @@ -3234,9 +3441,9 @@ footer .copyright { opacity: 0.8; } -.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); +.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); } @@ -3246,9 +3453,9 @@ footer .copyright { 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); +.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); } @@ -3320,7 +3527,7 @@ footer .copyright { .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; - transform: var(--tw-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)); } .hover\:bg-proprietary-dark:hover { @@ -3338,6 +3545,11 @@ footer .copyright { background-color: rgb(229 231 235 / var(--tw-bg-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)); @@ -3367,16 +3579,16 @@ footer .copyright { border-style: none; } -.focus\:border-sky-700:focus { - --tw-border-opacity: 1; - border-color: rgb(3 105 161 / var(--tw-border-opacity)); -} - .focus\:border-blue-300:focus { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); } +.focus\:border-sky-700:focus { + --tw-border-opacity: 1; + border-color: rgb(3 105 161 / var(--tw-border-opacity)); +} + .focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3441,6 +3653,11 @@ footer .copyright { border-color: rgb(0 139 209 / var(--tw-divide-opacity)); } + .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-divide-opacity)); + } + .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity)); @@ -3463,6 +3680,11 @@ footer .copyright { border-style: none; } + .dark\:border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); + } + .dark\:border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); @@ -3487,9 +3709,9 @@ footer .copyright { background-color: transparent; } - .dark\:bg-black { + .dark\:bg-proprietary-dark { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-color: rgb(0 85 128 / var(--tw-bg-opacity)); } .dark\:bg-gray-800 { @@ -3497,6 +3719,16 @@ footer .copyright { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } + .dark\:bg-sky-500 { + --tw-bg-opacity: 1; + background-color: rgb(14 165 233 / var(--tw-bg-opacity)); + } + + .dark\:bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + } + .dark\:bg-proprietary { --tw-bg-opacity: 1; background-color: rgb(0 101 153 / var(--tw-bg-opacity)); @@ -3507,11 +3739,6 @@ footer .copyright { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } - .dark\:bg-sky-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); - } - .dark\:bg-sky-900 { --tw-bg-opacity: 1; background-color: rgb(12 74 110 / var(--tw-bg-opacity)); @@ -3527,23 +3754,38 @@ footer .copyright { background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } - .dark\:bg-proprietary-dark { - --tw-bg-opacity: 1; - background-color: rgb(0 85 128 / var(--tw-bg-opacity)); - } - .dark\:bg-opacity-70 { --tw-bg-opacity: 0.7; } + .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); + } + .dark\:text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } - .dark\:text-proprietary-lightest { + .dark\:text-gray-200 { --tw-text-opacity: 1; - color: rgb(102 204 255 / var(--tw-text-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity)); + } + + .dark\:text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); + } + + .dark\:text-proprietary-lighter { + --tw-text-opacity: 1; + color: rgb(71 194 255 / var(--tw-text-opacity)); + } + + .dark\:text-blue-100 { + --tw-text-opacity: 1; + color: rgb(219 234 254 / var(--tw-text-opacity)); } .dark\:text-gray-400 { @@ -3551,14 +3793,14 @@ footer .copyright { color: rgb(156 163 175 / var(--tw-text-opacity)); } - .dark\:text-gray-200 { + .dark\:text-sky-900 { --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); + color: rgb(12 74 110 / var(--tw-text-opacity)); } - .dark\:text-gray-300 { + .dark\:text-proprietary-lightest { --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); + color: rgb(102 204 255 / var(--tw-text-opacity)); } .dark\:text-gray-500 { @@ -3576,11 +3818,6 @@ footer .copyright { color: rgb(56 189 248 / var(--tw-text-opacity)); } - .dark\:text-sky-900 { - --tw-text-opacity: 1; - color: rgb(12 74 110 / var(--tw-text-opacity)); - } - .dark\:text-blue-200 { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)); @@ -3596,16 +3833,6 @@ footer .copyright { color: rgb(239 68 68 / var(--tw-text-opacity)); } - .dark\:text-proprietary-lighter { - --tw-text-opacity: 1; - color: rgb(71 194 255 / var(--tw-text-opacity)); - } - - .dark\:text-blue-100 { - --tw-text-opacity: 1; - color: rgb(219 234 254 / var(--tw-text-opacity)); - } - .dark\:hover\:bg-proprietary-darker:hover { --tw-bg-opacity: 1; background-color: rgb(0 68 102 / var(--tw-bg-opacity)); @@ -3616,6 +3843,11 @@ footer .copyright { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } + .dark\:hover\:text-gray-100:hover { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); + } + .dark\:hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); @@ -3724,6 +3956,11 @@ footer .copyright { margin-right: 0px; } + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + .sm\:my-8 { margin-top: 2rem; margin-bottom: 2rem; @@ -3765,14 +4002,14 @@ footer .copyright { display: none; } - .sm\:h-80 { - height: 20rem; - } - .sm\:h-auto { height: auto; } + .sm\:h-80 { + height: 20rem; + } + .sm\:h-56 { height: 14rem; } @@ -3781,30 +4018,34 @@ footer .copyright { width: auto; } - .sm\:w-2\/5 { - width: 40%; - } - .sm\:w-3\/5 { width: 60%; } + .sm\:w-2\/5 { + width: 40%; + } + .sm\:w-full { width: 100%; } - .sm\:max-w-none { - max-width: none; - } - .sm\:max-w-xs { max-width: 20rem; } + .sm\:max-w-none { + max-width: none; + } + .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)); } @@ -3829,12 +4070,20 @@ footer .copyright { justify-content: flex-end; } + .sm\:gap-4 { + gap: 1rem; + } + .sm\:gap-6 { gap: 1.5rem; } - .sm\:gap-4 { - gap: 1rem; + .sm\:gap-y-6 { + row-gap: 1.5rem; + } + + .sm\:gap-y-4 { + row-gap: 1rem; } .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { @@ -3881,6 +4130,16 @@ footer .copyright { padding: 1rem; } + .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; @@ -3899,16 +4158,16 @@ footer .copyright { text-align: left; } - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -3924,18 +4183,18 @@ footer .copyright { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\: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); - } - .sm\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } + .sm\: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); + } + @media (prefers-color-scheme: dark) { .sm\:dark\:border-2 { border-width: 2px; @@ -3983,10 +4242,31 @@ footer .copyright { width: 50%; } + .md\:flex-grow { + 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\: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\:self-start { align-self: flex-start; } @@ -4056,6 +4336,18 @@ footer .copyright { width: 40%; } + .lg\:flex-grow-0 { + flex-grow: 0; + } + + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .lg\:justify-end { + justify-content: flex-end; + } + .lg\:p-4 { padding: 1rem; } @@ -4096,14 +4388,14 @@ footer .copyright { height: 24rem; } - .xl\:w-1\/4 { - width: 25%; - } - .xl\:w-2\/5 { width: 40%; } + .xl\:w-1\/4 { + width: 25%; + } + .xl\:w-7\/12 { width: 58.333333%; } @@ -4112,6 +4404,10 @@ footer .copyright { width: 33.333333%; } + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -4126,6 +4422,10 @@ 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)); } diff --git a/fet2020/static/img/cover-image.jpeg b/fet2020/static/img/cover-image.jpeg new file mode 100644 index 00000000..6a6a35cb Binary files /dev/null and b/fet2020/static/img/cover-image.jpeg differ diff --git a/fet2020/static/js/scripts.js b/fet2020/static/js/scripts.js index 7424fba1..813d2813 100644 --- a/fet2020/static/js/scripts.js +++ b/fet2020/static/js/scripts.js @@ -8,13 +8,19 @@ if(cookieSet("InfoBoxHidden")){ element.classList.toggle("hidden"); } -function hideInfoBox(){ - let element = document.getElementById("infoBox"); - element.classList.toggle("hidden"); - - let exMinutes = 2; // Gültigkeit des Cookies in Tagen +function hideInfoBox(daysOrMonth, duration){ + // Eingabe überprüfen, ob es eine Zahl ist + if(isNaN(duration)) { + duration = 2; + } + + let factor = 1; + // Zeitraum überprüfen, ob er in Tagen ist + if(daysOrMonth === 'd') { + factor = 24*60; + } const d = new Date(); - d.setTime(d.getTime() + (exMinutes*60*1000)); + d.setTime(d.getTime() + (duration*factor*60*1000)); let expires = "expires="+ d.toUTCString(); document.cookie = "InfoBoxHidden=true; expires=" + expires + ";path=/;SameSite=Strict"; } @@ -33,4 +39,4 @@ function cookieSet(cname) { } } return false; -} +} \ No newline at end of file diff --git a/fet2020/static/js/vendor.js b/fet2020/static/js/vendor.js index 98a45b9e..a18d24fa 100644 --- a/fet2020/static/js/vendor.js +++ b/fet2020/static/js/vendor.js @@ -1,20 +1,15 @@ (() => { - // node_modules/alpinejs/dist/module.esm.js var __create = Object.create; var __defProp = Object.defineProperty; + var __getOwnPropDesc = Object.getOwnPropertyDescriptor; + var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; - var __getOwnPropNames = Object.getOwnPropertyNames; - var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __markAsModule = (target) => __defProp(target, "__esModule", { value: true }); - var __commonJS = (callback, module) => () => { - if (!module) { - module = { exports: {} }; - callback(module.exports, module); - } - return module.exports; + var __commonJS = (cb, mod) => function __require() { + return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; - var __exportStar = (target, module, desc) => { + var __reExport = (target, module, desc) => { if (module && typeof module === "object" || typeof module === "function") { for (let key of __getOwnPropNames(module)) if (!__hasOwnProp.call(target, key) && key !== "default") @@ -23,9 +18,179 @@ return target; }; var __toModule = (module) => { - return __exportStar(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module); + return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module); }; - var require_shared_cjs = __commonJS((exports) => { + + // node_modules/@three11/scrollspy/dist/scrollspy.min.js + var require_scrollspy_min = __commonJS({ + "node_modules/@three11/scrollspy/dist/scrollspy.min.js"(exports, module) { + !function(e, t) { + typeof exports == "object" && typeof module != "undefined" ? module.exports = t() : typeof define == "function" && define.amd ? define(t) : (e = typeof globalThis != "undefined" ? globalThis : e || self).ScrollSpy = t(); + }(exports, function() { + "use strict"; + function e(e2, t2) { + var n2 = Object.keys(e2); + if (Object.getOwnPropertySymbols) { + var r2 = Object.getOwnPropertySymbols(e2); + t2 && (r2 = r2.filter(function(t3) { + return Object.getOwnPropertyDescriptor(e2, t3).enumerable; + })), n2.push.apply(n2, r2); + } + return n2; + } + function t(t2) { + for (var n2 = 1; n2 < arguments.length; n2++) { + var r2 = arguments[n2] != null ? arguments[n2] : {}; + n2 % 2 ? e(Object(r2), true).forEach(function(e2) { + i(t2, e2, r2[e2]); + }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t2, Object.getOwnPropertyDescriptors(r2)) : e(Object(r2)).forEach(function(e2) { + Object.defineProperty(t2, e2, Object.getOwnPropertyDescriptor(r2, e2)); + }); + } + return t2; + } + function n(e2, t2) { + if (!(e2 instanceof t2)) + throw new TypeError("Cannot call a class as a function"); + } + function r(e2, t2) { + for (var n2 = 0; n2 < t2.length; n2++) { + var r2 = t2[n2]; + r2.enumerable = r2.enumerable || false, r2.configurable = true, "value" in r2 && (r2.writable = true), Object.defineProperty(e2, r2.key, r2); + } + } + function i(e2, t2, n2) { + return t2 in e2 ? Object.defineProperty(e2, t2, { value: n2, enumerable: true, configurable: true, writable: true }) : e2[t2] = n2, e2; + } + function o(e2) { + return function(e3) { + if (Array.isArray(e3)) + return s(e3); + }(e2) || function(e3) { + if (typeof Symbol != "undefined" && e3[Symbol.iterator] != null || e3["@@iterator"] != null) + return Array.from(e3); + }(e2) || function(e3, t2) { + if (!e3) + return; + if (typeof e3 == "string") + return s(e3, t2); + var n2 = Object.prototype.toString.call(e3).slice(8, -1); + n2 === "Object" && e3.constructor && (n2 = e3.constructor.name); + if (n2 === "Map" || n2 === "Set") + return Array.from(e3); + if (n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2)) + return s(e3, t2); + }(e2) || function() { + throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); + }(); + } + function s(e2, t2) { + (t2 == null || t2 > e2.length) && (t2 = e2.length); + for (var n2 = 0, r2 = new Array(t2); n2 < t2; n2++) + r2[n2] = e2[n2]; + return r2; + } + typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" && self; + var a = function(e2, t2) { + return e2(t2 = { exports: {} }, t2.exports), t2.exports; + }(function(e2, t2) { + var n2, r2, i2; + e2.exports = (n2 = window, r2 = { easeOutSine: function(e3) { + return Math.sin(e3 * (Math.PI / 2)); + }, easeInOutSine: function(e3) { + return -0.5 * (Math.cos(Math.PI * e3) - 1); + }, easeInOutQuint: function(e3) { + return (e3 /= 0.5) < 1 ? 0.5 * Math.pow(e3, 5) : 0.5 * (Math.pow(e3 - 2, 5) + 2); + } }, i2 = n2.requestAnimationFrame || n2.webkitRequestAnimationFrame || n2.mozRequestAnimationFrame || function(e3) { + n2.setTimeout(e3, 1e3 / 60); + }, function() { + var e3 = 0 < arguments.length && arguments[0] !== void 0 ? arguments[0] : 0, t3 = 1 < arguments.length && arguments[1] !== void 0 ? arguments[1] : n2, o2 = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : 2e3, s2 = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : "easeOutSine", a2 = 0, u = t3.scrollY || document.documentElement.scrollTop, c = Math.max(0.1, Math.min(Math.abs(u - e3) / o2, 0.8)); + !function n3() { + var o3 = (a2 += 1 / 60) / c, l = r2[s2](o3), f = o3 < 1 ? u + (e3 - u) * l : e3; + o3 < 1 && i2(n3), t3.scrollTo(0, f); + }(); + }); + }); + return function() { + function e2() { + var r2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; + n(this, e2); + var i3 = t({ linkCurrentClass: "current", linksContainerSelector: ".js-scroll-spy-nav", sectionSelector: ".js-scroll-spy-section", headerOffset: true, headerClass: ".c-header" }, r2); + return this.init(i3), window.addEventListener("load", this.refreshPositions.bind(this)), window.addEventListener("resize", this.refreshPositions.bind(this)), this; + } + var i2, s2, u; + return i2 = e2, (s2 = [{ key: "init", value: function(e3) { + this.setProperties(e3), this.getSectionData(), this.getCurrentSectionIndex(), this.setCurrentState(), this.bindEvents(); + } }, { key: "setProperties", value: function(e3) { + var t2 = document; + this.linksContainerSelector = e3.linksContainerSelector, this.sectionSelector = e3.sectionSelector, this.linksContainer = t2.querySelector(this.linksContainerSelector), this.links = o(this.linksContainer.querySelectorAll("a")), this.sections = o(t2.querySelectorAll(this.sectionSelector)), this.headerOffset = e3.headerOffset, this.headerClass = e3.headerClass, this.linkCurrentClass = e3.linkCurrentClass, this.currentIdx = 0, this.data = { offsets: [], ids: [] }; + } }, { key: "getSectionData", value: function() { + var e3 = this; + this.sections.forEach(function(t2) { + e3.data.ids.push(t2.getAttribute("id")), e3.data.offsets.push(e3.getSectionOffset(t2)); + }); + } }, { key: "refreshPositions", value: function() { + var e3 = this; + this.data.offsets = this.data.offsets.map(function(t2, n2) { + return e3.getSectionOffset(e3.sections[n2]); + }); + } }, { key: "getSectionOffset", value: function(e3) { + return this.headerOffset ? e3.offsetTop - document.querySelector(this.headerClass).offsetHeight : e3.offsetTop; + } }, { key: "getCurrentSectionIndex", value: function() { + var e3 = this, t2 = window.pageYOffset; + this.data.offsets.forEach(function(n2, r2) { + var i3 = e3.data.offsets[r2 + 1]; + (t2 >= n2 && t2 < i3 || t2 >= n2 && i3 === void 0) && (e3.currentIdx = r2); + }), this.setCurrentState(); + } }, { key: "setCurrentState", value: function() { + var e3 = this; + document.querySelector(this.linksContainerSelector).querySelectorAll(".".concat(this.linkCurrentClass)).forEach(function(t2) { + return t2.classList.remove(e3.linkCurrentClass); + }), this.links[this.currentIdx].parentNode.classList.add(this.linkCurrentClass); + } }, { key: "scrollToCurrentSection", value: function() { + a(this.data.offsets[this.currentIdx]); + } }, { key: "bindEvents", value: function() { + var e3 = this, t2 = window; + this.links.forEach(function(t3, n2) { + t3.addEventListener("click", function(t4) { + t4.preventDefault(), e3.currentIdx = n2, e3.scrollToCurrentSection(); + }); + }), t2.addEventListener("scroll", function(t3) { + e3.getCurrentSectionIndex(); + }); + } }]) && r(i2.prototype, s2), u && r(i2, u), e2; + }(); + }); + } + }); + + // node_modules/alpinejs/dist/module.esm.js + var __create2 = Object.create; + var __defProp2 = Object.defineProperty; + var __getProtoOf2 = Object.getPrototypeOf; + var __hasOwnProp2 = Object.prototype.hasOwnProperty; + var __getOwnPropNames2 = Object.getOwnPropertyNames; + var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor; + var __markAsModule2 = (target) => __defProp2(target, "__esModule", { value: true }); + var __commonJS2 = (callback, module) => () => { + if (!module) { + module = { exports: {} }; + callback(module.exports, module); + } + return module.exports; + }; + var __exportStar = (target, module, desc) => { + if (module && typeof module === "object" || typeof module === "function") { + for (let key of __getOwnPropNames2(module)) + if (!__hasOwnProp2.call(target, key) && key !== "default") + __defProp2(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc2(module, key)) || desc.enumerable }); + } + return target; + }; + var __toModule2 = (module) => { + return __exportStar(__markAsModule2(__defProp2(module != null ? __create2(__getProtoOf2(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module); + }; + var require_shared_cjs = __commonJS2((exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function makeMap(str, expectsLowerCase) { @@ -426,7 +591,7 @@ exports.toRawType = toRawType; exports.toTypeString = toTypeString; }); - var require_shared = __commonJS((exports, module) => { + var require_shared = __commonJS2((exports, module) => { "use strict"; if (false) { module.exports = null; @@ -434,7 +599,7 @@ module.exports = require_shared_cjs(); } }); - var require_reactivity_cjs = __commonJS((exports) => { + var require_reactivity_cjs = __commonJS2((exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var shared = require_shared(); @@ -1239,7 +1404,7 @@ exports.triggerRef = triggerRef; exports.unref = unref; }); - var require_reactivity = __commonJS((exports, module) => { + var require_reactivity = __commonJS2((exports, module) => { "use strict"; if (false) { module.exports = null; @@ -2460,7 +2625,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el); data }; var alpine_default = Alpine; - var import_reactivity9 = __toModule(require_reactivity()); + var import_reactivity9 = __toModule2(require_reactivity()); magic("nextTick", () => nextTick); magic("dispatch", (el) => dispatch.bind(dispatch, el)); magic("watch", (el) => (key, callback) => { @@ -3281,7 +3446,133 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el); } var module_default2 = src_default2; + // node_modules/@alpinejs/collapse/dist/module.esm.js + function src_default3(Alpine2) { + Alpine2.directive("collapse", (el, { expression, modifiers }, { effect: effect2, evaluateLater: evaluateLater2 }) => { + let duration = modifierValue2(modifiers, "duration", 250) / 1e3; + let floor = 0; + if (!el._x_isShown) + el.style.height = `${floor}px`; + if (!el._x_isShown) + el.hidden = true; + if (!el._x_isShown) + el.style.overflow = "hidden"; + let setFunction = (el2, styles) => { + let revertFunction = Alpine2.setStyles(el2, styles); + return styles.height ? () => { + } : revertFunction; + }; + let transitionStyles = { + transitionProperty: "height", + transitionDuration: `${duration}s`, + transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)" + }; + el._x_transition = { + in(before = () => { + }, after = () => { + }) { + el.hidden = false; + el.style.display = null; + let current = el.getBoundingClientRect().height; + el.style.height = "auto"; + let full = el.getBoundingClientRect().height; + if (current === full) { + current = floor; + } + Alpine2.transition(el, Alpine2.setStyles, { + during: transitionStyles, + start: { height: current + "px" }, + end: { height: full + "px" } + }, () => el._x_isShown = true, () => { + if (el.style.height == `${full}px`) { + el.style.overflow = null; + } + }); + }, + out(before = () => { + }, after = () => { + }) { + let full = el.getBoundingClientRect().height; + Alpine2.transition(el, setFunction, { + during: transitionStyles, + start: { height: full + "px" }, + end: { height: floor + "px" } + }, () => el.style.overflow = "hidden", () => { + el._x_isShown = false; + if (el.style.height == `${floor}px`) { + el.style.display = "none"; + el.hidden = true; + } + }); + } + }; + }); + } + function modifierValue2(modifiers, key, fallback) { + if (modifiers.indexOf(key) === -1) + return fallback; + const rawValue = modifiers[modifiers.indexOf(key) + 1]; + if (!rawValue) + return fallback; + if (key === "duration") { + let match = rawValue.match(/([0-9]+)ms/); + if (match) + return match[1]; + } + return rawValue; + } + var module_default3 = src_default3; + + // node_modules/@alpinejs/persist/dist/module.esm.js + function src_default4(Alpine2) { + let persist = () => { + let alias; + let storage = localStorage; + return Alpine2.interceptor((initialValue, getter, setter, path, key) => { + let lookup = alias || `_x_${path}`; + let initial = storageHas(lookup, storage) ? storageGet(lookup, storage) : initialValue; + setter(initial); + Alpine2.effect(() => { + let value = getter(); + storageSet(lookup, value, storage); + setter(value); + }); + return initial; + }, (func) => { + func.as = (key) => { + alias = key; + return func; + }, func.using = (target) => { + storage = target; + return func; + }; + }); + }; + Object.defineProperty(Alpine2, "$persist", { get: () => persist() }); + Alpine2.magic("persist", persist); + } + function storageHas(key, storage) { + return storage.getItem(key) !== null; + } + function storageGet(key, storage) { + return JSON.parse(storage.getItem(key, storage)); + } + function storageSet(key, value, storage) { + storage.setItem(key, JSON.stringify(value)); + } + var module_default4 = src_default4; + // dev/bundle.jsx + var import_scrollspy = __toModule(require_scrollspy_min()); module_default.plugin(module_default2); + module_default.plugin(module_default3); + module_default.plugin(module_default4); module_default.start(); + var scrollSpy = new import_scrollspy.default({ + linkCurrentClass: "active", + linksContainerSelector: ".scrollSpyNav", + sectionSelector: ".members-article", + headerOffset: false, + headerClass: ".sideBarNav" + }); })(); diff --git a/fet2020/templates/home.html b/fet2020/templates/home.html index b784d96d..88d28eb0 100644 --- a/fet2020/templates/home.html +++ b/fet2020/templates/home.html @@ -5,7 +5,7 @@ {% block content %} -
+

@@ -83,8 +83,14 @@

-
-
+
+
@@ -95,7 +101,9 @@ FET Discord-Server
Klicke hier zum Beitreten - -
+ +
{% endblock %} diff --git a/fet2020/templates/members/partials/_jobs_side_bar.html b/fet2020/templates/members/partials/_jobs_side_bar.html index 0f88b5b9..4e10986a 100644 --- a/fet2020/templates/members/partials/_jobs_side_bar.html +++ b/fet2020/templates/members/partials/_jobs_side_bar.html @@ -5,7 +5,7 @@ {% if job.slug == active_job_group.slug %} {% regroup job_members by job.name as all_jobmem_list %} -