From b3102480c033e3ccbd3743d53ec3e69a876ca805 Mon Sep 17 00:00:00 2001 From: Pavel Sviderski Date: Mon, 20 Jan 2025 13:41:55 +1000 Subject: [PATCH] rename site -> website --- .../css/additional-styles/theme.css | 0 .../additional-styles/utility-patterns.css | 0 {site => website}/css/style.css | 0 {site => website}/images/apple-touch-icon.png | Bin {site => website}/images/favicon.png | Bin {site => website}/images/logo.svg | 0 {site => website}/index.html | 0 {site => website}/js/vendors/alpinejs.min.js | 0 {site => website}/package-lock.json | 0 {site => website}/package.json | 0 {site => website}/style.css | 790 ++++++++++++++++++ {site => website}/tailwind.config.js | 0 12 files changed, 790 insertions(+) rename {site => website}/css/additional-styles/theme.css (100%) rename {site => website}/css/additional-styles/utility-patterns.css (100%) rename {site => website}/css/style.css (100%) rename {site => website}/images/apple-touch-icon.png (100%) rename {site => website}/images/favicon.png (100%) rename {site => website}/images/logo.svg (100%) rename {site => website}/index.html (100%) rename {site => website}/js/vendors/alpinejs.min.js (100%) rename {site => website}/package-lock.json (100%) rename {site => website}/package.json (100%) rename {site => website}/style.css (79%) rename {site => website}/tailwind.config.js (100%) diff --git a/site/css/additional-styles/theme.css b/website/css/additional-styles/theme.css similarity index 100% rename from site/css/additional-styles/theme.css rename to website/css/additional-styles/theme.css diff --git a/site/css/additional-styles/utility-patterns.css b/website/css/additional-styles/utility-patterns.css similarity index 100% rename from site/css/additional-styles/utility-patterns.css rename to website/css/additional-styles/utility-patterns.css diff --git a/site/css/style.css b/website/css/style.css similarity index 100% rename from site/css/style.css rename to website/css/style.css diff --git a/site/images/apple-touch-icon.png b/website/images/apple-touch-icon.png similarity index 100% rename from site/images/apple-touch-icon.png rename to website/images/apple-touch-icon.png diff --git a/site/images/favicon.png b/website/images/favicon.png similarity index 100% rename from site/images/favicon.png rename to website/images/favicon.png diff --git a/site/images/logo.svg b/website/images/logo.svg similarity index 100% rename from site/images/logo.svg rename to website/images/logo.svg diff --git a/site/index.html b/website/index.html similarity index 100% rename from site/index.html rename to website/index.html diff --git a/site/js/vendors/alpinejs.min.js b/website/js/vendors/alpinejs.min.js similarity index 100% rename from site/js/vendors/alpinejs.min.js rename to website/js/vendors/alpinejs.min.js diff --git a/site/package-lock.json b/website/package-lock.json similarity index 100% rename from site/package-lock.json rename to website/package-lock.json diff --git a/site/package.json b/website/package.json similarity index 100% rename from site/package.json rename to website/package.json diff --git a/site/style.css b/website/style.css similarity index 79% rename from site/style.css rename to website/style.css index f11eb8e5..d8285d72 100644 --- a/site/style.css +++ b/website/style.css @@ -737,6 +737,40 @@ select{ --tw-backdrop-sepia: ; } +.container{ + width: 100%; +} + +@media (min-width: 640px){ + .container{ + max-width: 640px; + } +} + +@media (min-width: 768px){ + .container{ + max-width: 768px; + } +} + +@media (min-width: 1024px){ + .container{ + max-width: 1024px; + } +} + +@media (min-width: 1280px){ + .container{ + max-width: 1280px; + } +} + +@media (min-width: 1536px){ + .container{ + max-width: 1536px; + } +} + .form-input,.form-textarea,.form-select,.form-multiselect{ -webkit-appearance: none; -moz-appearance: none; @@ -1167,6 +1201,22 @@ input[type="search"]::-webkit-search-results-decoration { position: relative; } +.-inset-0{ + inset: -0px; +} + +.-inset-0\.5{ + inset: -0.125rem; +} + +.inset-0{ + inset: 0px; +} + +.-inset-\[1px\]{ + inset: -1px; +} + .-top-5{ top: -1.25rem; } @@ -1215,6 +1265,10 @@ input[type="search"]::-webkit-search-results-decoration { top: 100%; } +.right-0{ + right: 0px; +} + .-z-10{ z-index: -10; } @@ -1231,6 +1285,10 @@ input[type="search"]::-webkit-search-results-decoration { order: -9999; } +.col-span-3{ + grid-column: span 3 / span 3; +} + .-m-2{ margin: -0.5rem; } @@ -1259,6 +1317,11 @@ input[type="search"]::-webkit-search-results-decoration { margin-bottom: 1.25rem; } +.-mx-4{ + margin-left: -1rem; + margin-right: -1rem; +} + .-mr-20{ margin-right: -5rem; } @@ -1355,6 +1418,26 @@ input[type="search"]::-webkit-search-results-decoration { margin-top: 3rem; } +.ml-4{ + margin-left: 1rem; +} + +.-mt-4{ + margin-top: -1rem; +} + +.mr-6{ + margin-right: 1.5rem; +} + +.mt-0\.5{ + margin-top: 0.125rem; +} + +.mb-5{ + margin-bottom: 1.25rem; +} + .box-content{ box-sizing: content-box; } @@ -1375,6 +1458,10 @@ input[type="search"]::-webkit-search-results-decoration { display: inline-flex; } +.table{ + display: table; +} + .grid{ display: grid; } @@ -1435,6 +1522,22 @@ input[type="search"]::-webkit-search-results-decoration { height: 1.5rem; } +.h-96{ + height: 24rem; +} + +.h-2{ + height: 0.5rem; +} + +.h-2\.5{ + height: 0.625rem; +} + +.h-12{ + height: 3rem; +} + .min-h-screen{ min-height: 100vh; } @@ -1487,6 +1590,18 @@ input[type="search"]::-webkit-search-results-decoration { width: 1.5rem; } +.w-2{ + width: 0.5rem; +} + +.w-2\.5{ + width: 0.625rem; +} + +.w-12{ + width: 3rem; +} + .max-w-2xl{ max-width: 42rem; } @@ -1648,6 +1763,16 @@ input[type="search"]::-webkit-search-results-decoration { animation: infinite-scroll-inverse 60s linear infinite; } +@keyframes pulse{ + 50%{ + opacity: .5; + } +} + +.animate-pulse{ + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + .cursor-help{ cursor: help; } @@ -1656,6 +1781,12 @@ input[type="search"]::-webkit-search-results-decoration { cursor: pointer; } +.select-none{ + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + .appearance-none{ -webkit-appearance: none; -moz-appearance: none; @@ -1738,6 +1869,14 @@ input[type="search"]::-webkit-search-results-decoration { gap: 0.75rem; } +.gap-2{ + gap: 0.5rem; +} + +.gap-1{ + gap: 0.25rem; +} + .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); @@ -1786,6 +1925,18 @@ input[type="search"]::-webkit-search-results-decoration { margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } +.space-x-2 > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-6 > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-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))); @@ -1796,10 +1947,22 @@ input[type="search"]::-webkit-search-results-decoration { overflow: hidden; } +.overflow-x-auto{ + overflow-x: auto; +} + +.overflow-y-auto{ + overflow-y: auto; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + .rounded{ border-radius: 0.25rem; } @@ -1820,6 +1983,10 @@ input[type="search"]::-webkit-search-results-decoration { border-radius: 0.75rem; } +.rounded-2xl{ + border-radius: 1rem; +} + .rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -1845,6 +2012,14 @@ input[type="search"]::-webkit-search-results-decoration { border-top-width: 1px; } +.border-b{ + border-bottom-width: 1px; +} + +.border-dashed{ + border-style: dashed; +} + .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -1869,6 +2044,64 @@ input[type="search"]::-webkit-search-results-decoration { border-color: rgb(244 244 245 / var(--tw-border-opacity)); } +.border-zinc-700{ + --tw-border-opacity: 1; + border-color: rgb(63 63 70 / var(--tw-border-opacity)); +} + +.border-zinc-700\/30{ + border-color: rgb(63 63 70 / 0.3); +} + +.border-zinc-700\/50{ + border-color: rgb(63 63 70 / 0.5); +} + +.border-zinc-700\/10{ + border-color: rgb(63 63 70 / 0.1); +} + +.border-zinc-700\/0{ + border-color: rgb(63 63 70 / 0); +} + +.border-zinc-700\/100{ + border-color: rgb(63 63 70 / 1); +} + +.border-zinc-800{ + --tw-border-opacity: 1; + border-color: rgb(39 39 42 / var(--tw-border-opacity)); +} + +.border-zinc-900{ + --tw-border-opacity: 1; + border-color: rgb(24 24 27 / var(--tw-border-opacity)); +} + +.border-zinc-600{ + --tw-border-opacity: 1; + border-color: rgb(82 82 91 / var(--tw-border-opacity)); +} + +.border-zinc-500{ + --tw-border-opacity: 1; + border-color: rgb(113 113 122 / var(--tw-border-opacity)); +} + +.border-white\/10{ + border-color: rgb(255 255 255 / 0.1); +} + +.border-zinc-300{ + --tw-border-opacity: 1; + border-color: rgb(212 212 216 / var(--tw-border-opacity)); +} + +.border-opacity-10{ + --tw-border-opacity: 0.1; +} + .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); @@ -1922,6 +2155,97 @@ input[type="search"]::-webkit-search-results-decoration { background-color: rgb(255 255 255 / 0.6); } +.bg-green-500{ + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +} + +.bg-red-500{ + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + +.bg-yellow-500{ + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + +.bg-zinc-400{ + --tw-bg-opacity: 1; + background-color: rgb(161 161 170 / var(--tw-bg-opacity)); +} + +.bg-\[\#27C93F\]{ + --tw-bg-opacity: 1; + background-color: rgb(39 201 63 / var(--tw-bg-opacity)); +} + +.bg-\[\#FF5F56\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 95 86 / var(--tw-bg-opacity)); +} + +.bg-\[\#FFBD2E\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 189 46 / var(--tw-bg-opacity)); +} + +.bg-amber-500{ + --tw-bg-opacity: 1; + background-color: rgb(245 158 11 / var(--tw-bg-opacity)); +} + +.bg-zinc-950{ + --tw-bg-opacity: 1; + background-color: rgb(9 9 11 / var(--tw-bg-opacity)); +} + +.bg-zinc-800\/50{ + background-color: rgb(39 39 42 / 0.5); +} + +.bg-zinc-500{ + --tw-bg-opacity: 1; + background-color: rgb(113 113 122 / var(--tw-bg-opacity)); +} + +.bg-\[\#18181B\]{ + --tw-bg-opacity: 1; + background-color: rgb(24 24 27 / var(--tw-bg-opacity)); +} + +.bg-zinc-800\/90{ + background-color: rgb(39 39 42 / 0.9); +} + +.bg-emerald-500{ + --tw-bg-opacity: 1; + background-color: rgb(16 185 129 / var(--tw-bg-opacity)); +} + +.bg-zinc-700\/30{ + background-color: rgb(63 63 70 / 0.3); +} + +.bg-blue-50{ + --tw-bg-opacity: 1; + background-color: rgb(239 246 255 / var(--tw-bg-opacity)); +} + +.bg-emerald-50{ + --tw-bg-opacity: 1; + background-color: rgb(236 253 245 / var(--tw-bg-opacity)); +} + +.bg-purple-50{ + --tw-bg-opacity: 1; + background-color: rgb(250 245 255 / var(--tw-bg-opacity)); +} + +.bg-zinc-50\/50{ + background-color: rgb(250 250 250 / 0.5); +} + .bg-gradient-to-b{ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } @@ -1930,6 +2254,14 @@ input[type="search"]::-webkit-search-results-decoration { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } +.bg-\[linear-gradient\(to_right\2c theme\(colors\.zinc\.700\/5\)_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c theme\(colors\.zinc\.700\/5\)_1px\2c transparent_1px\)\]{ + background-image: linear-gradient(to right,rgb(63 63 70 / 5) 1px,transparent 1px),linear-gradient(to bottom,rgb(63 63 70 / 5) 1px,transparent 1px); +} + +.bg-gradient-to-br{ + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +} + .from-zinc-100{ --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position); @@ -1948,15 +2280,119 @@ input[type="search"]::-webkit-search-results-decoration { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.from-zinc-900{ + --tw-gradient-from: #18181b var(--tw-gradient-from-position); + --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-green-400{ + --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-red-400{ + --tw-gradient-from: #f87171 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-yellow-400{ + --tw-gradient-from: #facc15 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-zinc-600\/20{ + --tw-gradient-from: rgb(82 82 91 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-zinc-700\/50{ + --tw-gradient-from: rgb(63 63 70 / 0.5) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-zinc-500\/20{ + --tw-gradient-from: rgb(113 113 122 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + .via-zinc-900{ --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to); } +.via-zinc-500\/20{ + --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(113 113 122 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-zinc-700\/30{ + --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(63 63 70 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-zinc-700\/10{ + --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(63 63 70 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-zinc-700\/0{ + --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(63 63 70 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-zinc-400\/20{ + --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(161 161 170 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-zinc-500\/5{ + --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(113 113 122 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + .to-zinc-900{ --tw-gradient-to: #18181b var(--tw-gradient-to-position); } +.to-zinc-950{ + --tw-gradient-to: #09090b var(--tw-gradient-to-position); +} + +.to-green-500{ + --tw-gradient-to: #22c55e var(--tw-gradient-to-position); +} + +.to-red-500{ + --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); +} + +.to-yellow-500{ + --tw-gradient-to: #eab308 var(--tw-gradient-to-position); +} + +.to-zinc-600\/20{ + --tw-gradient-to: rgb(82 82 91 / 0.2) var(--tw-gradient-to-position); +} + +.to-zinc-700\/50{ + --tw-gradient-to: rgb(63 63 70 / 0.5) var(--tw-gradient-to-position); +} + +.to-zinc-500\/20{ + --tw-gradient-to: rgb(113 113 122 / 0.2) var(--tw-gradient-to-position); +} + +.bg-\[size\:4rem_4rem\]{ + background-size: 4rem 4rem; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; @@ -1986,6 +2422,14 @@ input[type="search"]::-webkit-search-results-decoration { fill: #27272a; } +.fill-white{ + fill: #fff; +} + +.stroke-zinc-400{ + stroke: #a1a1aa; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2008,6 +2452,22 @@ input[type="search"]::-webkit-search-results-decoration { padding: 1.5rem; } +.p-0{ + padding: 0px; +} + +.p-3{ + padding: 0.75rem; +} + +.p-8{ + padding: 2rem; +} + +.p-7{ + padding: 1.75rem; +} + .px-0{ padding-left: 0px; padding-right: 0px; @@ -2088,6 +2548,16 @@ input[type="search"]::-webkit-search-results-decoration { padding-bottom: 0.25rem; } +.py-3{ + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.py-1\.5{ + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + .pb-12{ padding-bottom: 3rem; } @@ -2120,6 +2590,22 @@ input[type="search"]::-webkit-search-results-decoration { padding-top: 0.5rem; } +.pt-3{ + padding-top: 0.75rem; +} + +.pt-0{ + padding-top: 0px; +} + +.pl-4{ + padding-left: 1rem; +} + +.pt-4{ + padding-top: 1rem; +} + .text-left{ text-align: left; } @@ -2144,6 +2630,10 @@ input[type="search"]::-webkit-search-results-decoration { font-family: Inter Tight, sans-serif; } +.font-mono{ + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + .text-2xl{ font-size: 1.5rem; line-height: 1.415; @@ -2178,6 +2668,16 @@ input[type="search"]::-webkit-search-results-decoration { line-height: 1.5; } +.text-\[0\.9375rem\]{ + font-size: 0.9375rem; +} + +.text-xl{ + font-size: 1.25rem; + line-height: 1.5; + letter-spacing: -0.017em; +} + .font-bold{ font-weight: 700; } @@ -2190,6 +2690,10 @@ input[type="search"]::-webkit-search-results-decoration { font-weight: 600; } +.font-normal{ + font-weight: 400; +} + .italic{ font-style: italic; } @@ -2203,6 +2707,10 @@ input[type="search"]::-webkit-search-results-decoration { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } +.leading-relaxed{ + line-height: 1.625; +} + .tracking-tight{ letter-spacing: -0.025em; } @@ -2285,6 +2793,80 @@ input[type="search"]::-webkit-search-results-decoration { color: rgb(24 24 27 / var(--tw-text-opacity)); } +.text-cyan-400{ + --tw-text-opacity: 1; + color: rgb(34 211 238 / var(--tw-text-opacity)); +} + +.text-green-400{ + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + +.text-zinc-300{ + --tw-text-opacity: 1; + color: rgb(212 212 216 / var(--tw-text-opacity)); +} + +.text-\[\#27C93F\]{ + --tw-text-opacity: 1; + color: rgb(39 201 63 / var(--tw-text-opacity)); +} + +.text-\[\#61AFEF\]{ + --tw-text-opacity: 1; + color: rgb(97 175 239 / var(--tw-text-opacity)); +} + +.text-emerald-500{ + --tw-text-opacity: 1; + color: rgb(16 185 129 / var(--tw-text-opacity)); +} + +.text-violet-500{ + --tw-text-opacity: 1; + color: rgb(139 92 246 / var(--tw-text-opacity)); +} + +.text-white{ + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-zinc-400\/75{ + color: rgb(161 161 170 / 0.75); +} + +.text-emerald-400{ + --tw-text-opacity: 1; + color: rgb(52 211 153 / var(--tw-text-opacity)); +} + +.text-blue-400{ + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + +.text-blue-600{ + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); +} + +.text-emerald-600{ + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity)); +} + +.text-green-500{ + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + +.text-purple-600{ + --tw-text-opacity: 1; + color: rgb(147 51 234 / var(--tw-text-opacity)); +} + .underline{ text-decoration-line: underline; } @@ -2322,6 +2904,18 @@ input[type="search"]::-webkit-search-results-decoration { opacity: 0.6; } +.opacity-50{ + opacity: 0.5; +} + +.opacity-70{ + opacity: 0.7; +} + +.opacity-75{ + opacity: 0.75; +} + .mix-blend-exclusion{ mix-blend-mode: exclusion; } @@ -2362,6 +2956,24 @@ input[type="search"]::-webkit-search-results-decoration { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-inner{ + --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: inset 0 2px 4px 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-\[inset_0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ + --tw-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + --tw-shadow-colored: inset 0 1px 0 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-\[inset_0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ + --tw-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2); + --tw-shadow-colored: inset 0 1px 0 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-black\/5{ --tw-shadow-color: rgb(0 0 0 / 0.05); --tw-shadow: var(--tw-shadow-colored); @@ -2377,6 +2989,62 @@ input[type="search"]::-webkit-search-results-decoration { --tw-shadow: var(--tw-shadow-colored); } +.shadow-green-900\/20{ + --tw-shadow-color: rgb(20 83 45 / 0.2); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-red-900\/20{ + --tw-shadow-color: rgb(127 29 29 / 0.2); + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-yellow-900\/20{ + --tw-shadow-color: rgb(113 63 18 / 0.2); + --tw-shadow: var(--tw-shadow-colored); +} + +.ring-1{ + --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(1px + 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); +} + +.ring-violet-200\/20{ + --tw-ring-color: rgb(221 214 254 / 0.2); +} + +.ring-white\/20{ + --tw-ring-color: rgb(255 255 255 / 0.2); +} + +.ring-green-900\/30{ + --tw-ring-color: rgb(20 83 45 / 0.3); +} + +.ring-red-900\/30{ + --tw-ring-color: rgb(127 29 29 / 0.3); +} + +.ring-yellow-900\/30{ + --tw-ring-color: rgb(113 63 18 / 0.3); +} + +.blur{ + --tw-blur: blur(8px); + 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); +} + +.blur-2xl{ + --tw-blur: blur(40px); + 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); +} + +.blur-md{ + --tw-blur: blur(12px); + 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); } @@ -2387,6 +3055,24 @@ input[type="search"]::-webkit-search-results-decoration { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-blur-md{ + --tw-backdrop-blur: blur(12px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-blur-\[2px\]{ + --tw-backdrop-blur: blur(2px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-saturate-150{ + --tw-backdrop-saturate: saturate(1.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, 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; @@ -2464,6 +3150,30 @@ input[type="search"]::-webkit-search-results-decoration { mask-image: linear-gradient(white 0%,white calc(100% - 40px), transparent calc(100% - 1px)); } +.\[background\:linear-gradient\(theme\(colors\.zinc\.900\)\2c theme\(colors\.zinc\.900\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.800\)\2c theme\(colors\.zinc\.700\/30\)\2c theme\(colors\.zinc\.800\)\)_border-box\]{ + background: linear-gradient(#18181b,#18181b) padding-box,linear-gradient(120deg,#27272a,rgb(63 63 70 / 30),#27272a) border-box; +} + +.\[background\:linear-gradient\(theme\(colors\.zinc\.950\)\2c theme\(colors\.zinc\.950\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.800\)\2c theme\(colors\.zinc\.700\/30\)\2c theme\(colors\.zinc\.800\)\)_border-box\]{ + background: linear-gradient(#09090b,#09090b) padding-box,linear-gradient(120deg,#27272a,rgb(63 63 70 / 30),#27272a) border-box; +} + +.\[background\:linear-gradient\(theme\(colors\.zinc\.950\)\2c theme\(colors\.zinc\.900\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.800\)\2c theme\(colors\.zinc\.700\/30\)\2c theme\(colors\.zinc\.800\)\)_border-box\]{ + background: linear-gradient(#09090b,#18181b) padding-box,linear-gradient(120deg,#27272a,rgb(63 63 70 / 30),#27272a) border-box; +} + +.\[background\:linear-gradient\(170deg\2c theme\(colors\.zinc\.700\)_0\%\2c theme\(colors\.zinc\.800\)_20\%\2c theme\(colors\.zinc\.800\)_80\%\2c theme\(colors\.zinc\.900\)_100\%\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.700\)\2c theme\(colors\.zinc\.600\/30\)\2c theme\(colors\.zinc\.700\)\)_border-box\]{ + background: linear-gradient(170deg,#3f3f46 0%,#27272a 20%,#27272a 80%,#18181b 100%) padding-box,linear-gradient(120deg,#3f3f46,rgb(82 82 91 / 30),#3f3f46) border-box; +} + +.\[background\:linear-gradient\(170deg\2c theme\(colors\.zinc\.800\)_0\%\2c theme\(colors\.zinc\.800\)_100\%\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.700\)\2c theme\(colors\.zinc\.600\/30\)\2c theme\(colors\.zinc\.700\)\)_border-box\]{ + background: linear-gradient(170deg,#27272a 0%,#27272a 100%) padding-box,linear-gradient(120deg,#3f3f46,rgb(82 82 91 / 30),#3f3f46) border-box; +} + +.\[background\:linear-gradient\(180deg\2c theme\(colors\.zinc\.800\/97\)\2c theme\(colors\.zinc\.800\/97\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.700\/50\)\2c theme\(colors\.zinc\.600\/20\)\2c theme\(colors\.zinc\.700\/50\)\)_border-box\]{ + background: linear-gradient(180deg,rgb(39 39 42 / 97),rgb(39 39 42 / 97)) padding-box,linear-gradient(120deg,rgb(63 63 70 / 50),rgb(82 82 91 / 20),rgb(63 63 70 / 50)) border-box; +} + /* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */ [x-cloak=""] { @@ -2765,6 +3475,15 @@ input[type="search"]::-webkit-search-results-decoration { background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } +.hover\:bg-white\/10:hover{ + background-color: rgb(255 255 255 / 0.1); +} + +.hover\:bg-zinc-100:hover{ + --tw-bg-opacity: 1; + background-color: rgb(244 244 245 / var(--tw-bg-opacity)); +} + .hover\:from-zinc-900:hover{ --tw-gradient-from: #18181b var(--tw-gradient-from-position); --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); @@ -2943,6 +3662,11 @@ input[type="search"]::-webkit-search-results-decoration { grid-column: span 6 / span 6; } + .sm\:-mx-6{ + margin-left: -1.5rem; + margin-right: -1.5rem; + } + .sm\:mr-4{ margin-right: 1rem; } @@ -2971,6 +3695,10 @@ input[type="search"]::-webkit-search-results-decoration { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:flex-row{ + flex-direction: row; + } + .sm\:justify-center{ justify-content: center; } @@ -3002,6 +3730,10 @@ input[type="search"]::-webkit-search-results-decoration { object-fit: contain; } + .sm\:p-6{ + padding: 1.5rem; + } + .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; @@ -3016,6 +3748,18 @@ input[type="search"]::-webkit-search-results-decoration { padding-left: 1rem; padding-right: 1rem; } + + .sm\:pb-6{ + padding-bottom: 1.5rem; + } + + .sm\:text-\[0\.9375rem\]{ + font-size: 0.9375rem; + } + + .sm\:text-\[1rem\]{ + font-size: 1rem; + } } @media (min-width: 768px){ @@ -3027,6 +3771,10 @@ input[type="search"]::-webkit-search-results-decoration { grid-column: span 3 / span 3; } + .md\:col-span-2{ + grid-column: span 2 / span 2; + } + .md\:-mx-5{ margin-left: -1.25rem; margin-right: -1.25rem; @@ -3036,6 +3784,10 @@ input[type="search"]::-webkit-search-results-decoration { margin-bottom: 0px; } + .md\:mt-0{ + margin-top: 0px; + } + .md\:block{ display: block; } @@ -3068,10 +3820,22 @@ input[type="search"]::-webkit-search-results-decoration { grid-template-columns: repeat(4, minmax(0, 1fr)); } + .md\:flex-row{ + flex-direction: row; + } + + .md\:items-center{ + align-items: center; + } + .md\:justify-start{ justify-content: flex-start; } + .md\:justify-between{ + justify-content: space-between; + } + .md\:gap-0{ gap: 0px; } @@ -3080,6 +3844,14 @@ input[type="search"]::-webkit-search-results-decoration { gap: 1.5rem; } + .md\:border-b-0{ + border-bottom-width: 0px; + } + + .md\:border-r{ + border-right-width: 1px; + } + .md\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; @@ -3111,6 +3883,14 @@ input[type="search"]::-webkit-search-results-decoration { padding-top: 10rem; } + .md\:text-left{ + text-align: left; + } + + .md\:text-right{ + text-align: right; + } + .md\:text-3xl{ font-size: 2rem; line-height: 1.3125; @@ -3129,6 +3909,12 @@ input[type="search"]::-webkit-search-results-decoration { letter-spacing: -0.017em; } + .md\:text-lg{ + font-size: 1.125rem; + line-height: 1.5; + letter-spacing: -0.017em; + } + .md\:after\:block::after{ content: var(--tw-content); display: block; @@ -3181,6 +3967,10 @@ input[type="search"]::-webkit-search-results-decoration { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .lg\:flex-row{ + flex-direction: row; + } + .lg\:gap-16{ gap: 4rem; } diff --git a/site/tailwind.config.js b/website/tailwind.config.js similarity index 100% rename from site/tailwind.config.js rename to website/tailwind.config.js