diff options
Diffstat (limited to 'assets/css/tailwind.css')
-rw-r--r-- | assets/css/tailwind.css | 621 |
1 files changed, 466 insertions, 155 deletions
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index e3025f1..bf0845a 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -555,13 +555,24 @@ video { } blockquote { + font-family: baskerville, serif; position: relative; margin: 2rem; border-left-width: 4px; --tw-border-opacity: 1; border-color: rgb(132 204 22 / var(--tw-border-opacity, 1)); padding: 1rem; - font-family: baskerville, serif; +} + +blockquote::before { + font-family: "Font Awesome 6 Free"; + color: #79c753; + content: "\f10d"; + font-weight: 900; + font-size: 2rem; + position: absolute; + left: 10px; + top: -15px; } blockquote p:last-of-type { @@ -660,6 +671,10 @@ h6 { } } +.baskerville { + font-family: baskerville, serif; +} + .menu { transition: max-height 0.2s ease-out; overflow: hidden; @@ -724,17 +739,11 @@ h6 { text-shadow: 2px 2px 3px black; } -.main-content { - p { - code { - padding-left: 0.25rem; - padding-right: 0.25rem; - } - code { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); - } - } +.main-content p code { + padding-left: 0.25rem; + padding-right: 0.25rem; + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .main-content a { @@ -1002,15 +1011,6 @@ h6 { margin: 0.5rem; } -.m-4 { - margin: 1rem; -} - -.mx-0 { - margin-left: 0px; - margin-right: 0px; -} - .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; @@ -1046,10 +1046,6 @@ h6 { margin-bottom: 1rem; } -.\!mt-1 { - margin-top: 0.25rem !important; -} - .ml-2 { margin-left: 0.5rem; } @@ -1086,14 +1082,6 @@ h6 { display: flex; } -.table { - display: table; -} - -.grid { - display: grid; -} - .contents { display: contents; } @@ -1102,18 +1090,6 @@ h6 { display: none; } -.h-4 { - height: 1rem; -} - -.h-64 { - height: 16rem; -} - -.h-full { - height: 100%; -} - .min-h-screen { min-height: 100vh; } @@ -1130,18 +1106,10 @@ h6 { width: 100%; } -.max-w-3xl { - max-width: 48rem; -} - .max-w-64 { max-width: 16rem; } -.max-w-lg { - max-width: 32rem; -} - .max-w-screen-md { max-width: 768px; } @@ -1154,10 +1122,6 @@ h6 { 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)); } -.cursor-pointer { - cursor: pointer; -} - .items-start { align-items: flex-start; } @@ -1194,16 +1158,6 @@ h6 { border-radius: 0.375rem; } -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - .border { border-width: 1px; } @@ -1255,35 +1209,11 @@ h6 { background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } -.bg-black\/80 { - background-color: rgb(0 0 0 / 0.8); -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); -} - .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } -.bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); -} - -.bg-lime-50 { - --tw-bg-opacity: 1; - background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1)); -} - .bg-lime-500 { --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1)); @@ -1299,16 +1229,6 @@ h6 { background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } -.bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); -} - -.bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); -} - .bg-transparent { background-color: transparent; } @@ -1342,11 +1262,6 @@ h6 { padding: 2rem; } -.px-0 { - padding-left: 0px; - padding-right: 0px; -} - .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; @@ -1357,11 +1272,6 @@ h6 { padding-right: 0.5rem; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - .px-8 { padding-left: 2rem; padding-right: 2rem; @@ -1411,11 +1321,6 @@ h6 { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } -.\!text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1466,30 +1371,15 @@ h6 { text-transform: uppercase; } -.ordinal { - --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); -} - .leading-normal { line-height: 1.5; } -.text-amber-400 { - --tw-text-opacity: 1; - color: rgb(251 191 36 / var(--tw-text-opacity, 1)); -} - .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity, 1)); -} - .text-lime-500 { --tw-text-opacity: 1; color: rgb(132 204 22 / var(--tw-text-opacity, 1)); @@ -1526,11 +1416,6 @@ h6 { outline-width: 4px; } -.invert { - --tw-invert: invert(100%); - 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); -} - .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); } @@ -1553,17 +1438,458 @@ h6 { transition-duration: 300ms; } +/* + * Academicons 1.9.4 by James Walsh (https://github.com/jpswalsh) and Katja Bercic (https://github.com/katjabercic) + * Fonts generated using FontForge - https://fontforge.org + * Square icons designed to be used alongside Font Awesome square icons - https://fortawesome.github.io/Font-Awesome/ + * Licenses - Font: SIL OFL 1.1, CSS: MIT License + */ + +@font-face { + font-family: 'Academicons'; + + font-style: normal; + + font-weight: 400; + + font-display: block; + + src:url('/fonts/academicons.eot') format('embedded-opentype'), + url('/fonts/academicons.ttf') format('truetype'), + url('/fonts/academicons.woff') format('woff'), + url('/fonts/academicons.svg') format('svg'); +} + +.ai { + font-family: 'Academicons'; + font-weight: 400; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; +} + +.ai-google-scholar:before { + content: "\e9d4"; +} + +/* Duplication of the FontAwesome style classes using 'ai' in place of 'fa'. */ + +.ai.ai-pull-left { + margin-right: .3em; +} + +.ai.ai-pull-right { + margin-right: .3em; +} + +/*! + * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + * Copyright 2024 Fonticons, Inc. + */ + +.fa { + font-family: var(--fa-style-family, "Font Awesome 6 Free"); + font-weight: var(--fa-style, 900); +} + +.fas, +.far, +.fab, +.fa-solid, +.fa-regular, +.fa-brands, +.fa { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: var(--fa-display, inline-block); + font-style: normal; + font-variant: normal; + line-height: 1; + text-rendering: auto; +} + +.fas::before, +.far::before, +.fab::before, +.fa-solid::before, +.fa-regular::before, +.fa-brands::before, +.fa::before { + content: var(--fa); +} + +.fa-classic, +.fas, +.fa-solid, +.far, +.fa-regular { + font-family: 'Font Awesome 6 Free'; +} + +.fa-brands, +.fab { + font-family: 'Font Awesome 6 Brands'; +} + +@keyframes fa-beat { + 0%, 90% { + transform: scale(1); + } + + 45% { + transform: scale(var(--fa-beat-scale, 1.25)); + } +} + +@keyframes fa-bounce { + 0% { + transform: scale(1, 1) translateY(0); + } + + 10% { + transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); + } + + 30% { + transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); + } + + 50% { + transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); + } + + 57% { + transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); + } + + 64% { + transform: scale(1, 1) translateY(0); + } + + 100% { + transform: scale(1, 1) translateY(0); + } +} + +@keyframes fa-fade { + 50% { + opacity: var(--fa-fade-opacity, 0.4); + } +} + +@keyframes fa-beat-fade { + 0%, 100% { + opacity: var(--fa-beat-fade-opacity, 0.4); + transform: scale(1); + } + + 50% { + opacity: 1; + transform: scale(var(--fa-beat-fade-scale, 1.125)); + } +} + +@keyframes fa-flip { + 50% { + transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); + } +} + +@keyframes fa-shake { + 0% { + transform: rotate(-15deg); + } + + 4% { + transform: rotate(15deg); + } + + 8%, 24% { + transform: rotate(-18deg); + } + + 12%, 28% { + transform: rotate(18deg); + } + + 16% { + transform: rotate(-22deg); + } + + 20% { + transform: rotate(22deg); + } + + 32% { + transform: rotate(-12deg); + } + + 36% { + transform: rotate(12deg); + } + + 40%, 100% { + transform: rotate(0deg); + } +} + +@keyframes fa-spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ + +.fa-angle-right { + --fa: "\f105"; +} + +.fa-folder-open { + --fa: "\f07c"; +} + +.fa-circle { + --fa: "\f111"; +} + +.fa-tags { + --fa: "\f02c"; +} + +.fa-envelope { + --fa: "\f0e0"; +} + +.fa-flask { + --fa: "\f0c3"; +} + +.fa-bolt { + --fa: "\f0e7"; +} + +.fa-chain { + --fa: "\f0c1"; +} + +.fa-magnifying-glass { + --fa: "\f002"; +} + +.fa-calendar { + --fa: "\f133"; +} + +.fa-rss { + --fa: "\f09e"; +} + +:root, :host { + --fa-style-family-brands: 'Font Awesome 6 Brands'; + --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; +} + +@font-face { + font-family: 'Font Awesome 6 Brands'; + + font-style: normal; + + font-weight: 400; + + font-display: block; + + src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype"); +} + +.fab, +.fa-brands { + font-weight: 400; +} + +.fa-creative-commons-nc { + --fa: "\f4e8"; +} + +.fa-creative-commons-by { + --fa: "\f4e7"; +} + +.fa-stack-overflow { + --fa: "\f16c"; +} + +.fa-creative-commons-sa { + --fa: "\f4ef"; +} + +.fa-creative-commons { + --fa: "\f25e"; +} + +.fa-git-alt { + --fa: "\f841"; +} + +.fa-bitcoin { + --fa: "\f379"; +} + +.fa-gitlab { + --fa: "\f296"; +} + +.fa-creative-commons-nd { + --fa: "\f4eb"; +} + +.fa-linkedin { + --fa: "\f08c"; +} + +.fa-instagram { + --fa: "\f16d"; +} + +.fa-github { + --fa: "\f09b"; +} + +.fa-twitter { + --fa: "\f099"; +} + +:root, :host { + --fa-style-family-classic: 'Font Awesome 6 Free'; + --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; +} + +@font-face { + font-family: 'Font Awesome 6 Free'; + + font-style: normal; + + font-weight: 400; + + font-display: block; + + src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype"); +} + +.far, +.fa-regular { + font-weight: 400; +} + +:root, :host { + --fa-style-family-classic: 'Font Awesome 6 Free'; + --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; +} + +@font-face { + font-family: 'Font Awesome 6 Free'; + + font-style: normal; + + font-weight: 900; + + font-display: block; + + src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype"); +} + +.fas, +.fa-solid { + font-weight: 900; +} + +@font-face { + font-family: 'Font Awesome 5 Brands'; + + font-display: block; + + font-weight: 400; + + src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype"); +} + +@font-face { + font-family: 'Font Awesome 5 Free'; + + font-display: block; + + font-weight: 900; + + src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype"); +} + +@font-face { + font-family: 'Font Awesome 5 Free'; + + font-display: block; + + font-weight: 400; + + src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype"); +} + +@font-face { + font-family: 'FontAwesome'; + + font-display: block; + + src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype"); +} + +@font-face { + font-family: 'FontAwesome'; + + font-display: block; + + src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype"); +} + +@font-face { + font-family: 'FontAwesome'; + + font-display: block; + + src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype"); + + unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; +} + +@font-face { + font-family: 'FontAwesome'; + + font-display: block; + + src: url("/fonts/fa-v4compatibility.woff2") format("woff2"), url("/fonts/fa-v4compatibility.ttf") format("truetype"); + + unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; +} + @font-face { font-family: "BerkshireSwash-Regular"; font-display: optional; src: - url("/css/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"), - url("/css/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular") + url("/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"), + url("/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular") format("svg"), - url("/css/fonts/BerkshireSwash-Regular.ttf.eot"), - url("/css/fonts/BerkshireSwash-Regular.ttf.eot?#iefix") + url("/fonts/BerkshireSwash-Regular.ttf.eot"), + url("/fonts/BerkshireSwash-Regular.ttf.eot?#iefix") format("embedded-opentype"); font-weight: normal; @@ -1575,21 +1901,6 @@ h6 { font-family: "BerkshireSwash-Regular"; } -.baskerville { - font-family: baskerville, serif; -} - -blockquote::before { - font-family: "Font Awesome 6 Free"; - color: #79c753; - content: "\f10d"; - font-weight: 900; - font-size: 2rem; - position: absolute; - left: 10px; - top: -15px; -} - .odd\:bg-white:nth-child(odd) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); |