Another stab at landing

This commit is contained in:
Anton Ovchinnikov
2026-06-07 20:18:47 +02:00
parent e698f6d06e
commit 20e85cd998
4 changed files with 414 additions and 280 deletions
+112 -183
View File
@@ -1159,36 +1159,8 @@ input[type="search"]::-webkit-search-results-decoration {
bottom: -0.25rem;
}
.-left-\[33px\]{
left: -33px;
}
.-left-\[35px\]{
left: -35px;
}
.bottom-0{
bottom: 0px;
}
.left-3{
left: 0.75rem;
}
.top-0{
top: 0px;
}
.top-0\.5{
top: 0.125rem;
}
.top-1{
top: 0.25rem;
}
.top-1\.5{
top: 0.375rem;
.left-1\/2{
left: 50%;
}
.top-2{
@@ -1208,19 +1180,10 @@ input[type="search"]::-webkit-search-results-decoration {
margin-right: auto;
}
.my-6{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
@@ -1257,6 +1220,10 @@ input[type="search"]::-webkit-search-results-decoration {
margin-right: 0.5rem;
}
.mr-2\.5{
margin-right: 0.625rem;
}
.mr-3{
margin-right: 0.75rem;
}
@@ -1301,6 +1268,10 @@ input[type="search"]::-webkit-search-results-decoration {
margin-top: 2rem;
}
.mb-1\.5{
margin-bottom: 0.375rem;
}
.block{
display: block;
}
@@ -1349,14 +1320,6 @@ input[type="search"]::-webkit-search-results-decoration {
height: 6rem;
}
.h-3{
height: 0.75rem;
}
.h-3\.5{
height: 0.875rem;
}
.h-4{
height: 1rem;
}
@@ -1373,18 +1336,10 @@ input[type="search"]::-webkit-search-results-decoration {
height: 2rem;
}
.h-auto{
height: auto;
}
.h-full{
height: 100%;
}
.h-px{
height: 1px;
}
.min-h-screen{
min-height: 100vh;
}
@@ -1405,14 +1360,6 @@ input[type="search"]::-webkit-search-results-decoration {
width: 0.625rem;
}
.w-3{
width: 0.75rem;
}
.w-3\.5{
width: 0.875rem;
}
.w-4{
width: 1rem;
}
@@ -1437,14 +1384,6 @@ input[type="search"]::-webkit-search-results-decoration {
width: 100%;
}
.w-px{
width: 1px;
}
.max-w-2xl{
max-width: 42rem;
}
.max-w-3xl{
max-width: 48rem;
}
@@ -1453,10 +1392,6 @@ input[type="search"]::-webkit-search-results-decoration {
max-width: 56rem;
}
.max-w-5xl{
max-width: 64rem;
}
.max-w-6xl{
max-width: 72rem;
}
@@ -1477,6 +1412,18 @@ input[type="search"]::-webkit-search-results-decoration {
max-width: 20rem;
}
.max-w-lg{
max-width: 32rem;
}
.max-w-2xl{
max-width: 42rem;
}
.flex-shrink{
flex-shrink: 1;
}
.shrink-0{
flex-shrink: 0;
}
@@ -1531,18 +1478,10 @@ input[type="search"]::-webkit-search-results-decoration {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[20\%_20\%_1fr\]{
grid-template-columns: 20% 20% 1fr;
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
@@ -1683,6 +1622,15 @@ input[type="search"]::-webkit-search-results-decoration {
border-top-width: 1px;
}
.border-dashed{
border-style: dashed;
}
.border-emerald-300{
--tw-border-opacity: 1;
border-color: rgb(110 231 183 / var(--tw-border-opacity));
}
.border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -1702,20 +1650,25 @@ input[type="search"]::-webkit-search-results-decoration {
border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.border-zinc-300{
--tw-border-opacity: 1;
border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
.border-zinc-700\/50{
border-color: rgb(63 63 70 / 0.5);
}
.border-zinc-400{
--tw-border-opacity: 1;
border-color: rgb(161 161 170 / var(--tw-border-opacity));
}
.bg-emerald-100{
--tw-bg-opacity: 1;
background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-emerald-500{
--tw-bg-opacity: 1;
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -1751,16 +1704,6 @@ input[type="search"]::-webkit-search-results-decoration {
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-zinc-200{
--tw-bg-opacity: 1;
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
.bg-zinc-300{
--tw-bg-opacity: 1;
background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.bg-zinc-50{
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
@@ -1789,31 +1732,17 @@ input[type="search"]::-webkit-search-results-decoration {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-zinc-300{
--tw-gradient-from: #d4d4d8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-500{
--tw-gradient-from: #71717a 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);
}
.from-\[40\%\]{
--tw-gradient-from-position: 40%;
}
.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);
}
.to-transparent{
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-zinc-900{
--tw-gradient-to: #18181b var(--tw-gradient-to-position);
}
@@ -1880,16 +1809,16 @@ input[type="search"]::-webkit-search-results-decoration {
padding-right: 0.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
@@ -1910,6 +1839,11 @@ input[type="search"]::-webkit-search-results-decoration {
padding-bottom: 0.25rem;
}
.py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
@@ -1920,11 +1854,6 @@ input[type="search"]::-webkit-search-results-decoration {
padding-bottom: 0.5rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
@@ -1935,6 +1864,15 @@ input[type="search"]::-webkit-search-results-decoration {
padding-bottom: 2rem;
}
.py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
.pb-1{
padding-bottom: 0.25rem;
}
.pb-10{
padding-bottom: 2.5rem;
}
@@ -1947,20 +1885,12 @@ input[type="search"]::-webkit-search-results-decoration {
padding-bottom: 1rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pl-10{
padding-left: 2.5rem;
}
.pl-4{
padding-left: 1rem;
}
.pr-2{
padding-right: 0.5rem;
.pt-2{
padding-top: 0.5rem;
}
.pt-32{
@@ -2034,12 +1964,6 @@ input[type="search"]::-webkit-search-results-decoration {
line-height: 1.5715;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.5;
letter-spacing: -0.017em;
}
.text-xs{
font-size: 0.75rem;
line-height: 1.5;
@@ -2057,6 +1981,10 @@ input[type="search"]::-webkit-search-results-decoration {
font-weight: 600;
}
.font-normal{
font-weight: 400;
}
.uppercase{
text-transform: uppercase;
}
@@ -2070,12 +1998,12 @@ 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;
.leading-none{
line-height: 1;
}
.leading-snug{
line-height: 1.375;
.leading-relaxed{
line-height: 1.625;
}
.tracking-tight{
@@ -2086,10 +2014,6 @@ input[type="search"]::-webkit-search-results-decoration {
letter-spacing: 0.025em;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -2100,6 +2024,11 @@ input[type="search"]::-webkit-search-results-decoration {
color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-emerald-600{
--tw-text-opacity: 1;
color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-emerald-700{
--tw-text-opacity: 1;
color: rgb(4 120 87 / var(--tw-text-opacity));
@@ -2134,6 +2063,16 @@ input[type="search"]::-webkit-search-results-decoration {
color: transparent;
}
.text-violet-600{
--tw-text-opacity: 1;
color: rgb(124 58 237 / var(--tw-text-opacity));
}
.text-violet-700{
--tw-text-opacity: 1;
color: rgb(109 40 217 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2226,17 +2165,6 @@ input[type="search"]::-webkit-search-results-decoration {
--tw-shadow: var(--tw-shadow-colored);
}
.ring-4{
--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(4px + 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-zinc-50{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
}
.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);
@@ -2266,6 +2194,10 @@ input[type="search"]::-webkit-search-results-decoration {
transition-duration: 150ms;
}
.\[background\:linear-gradient\(theme\(colors\.white\)\2c theme\(colors\.white\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.violet\.400\)\2c theme\(colors\.purple\.300\)\2c theme\(colors\.violet\.400\)\)_border-box\]{
background: linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#a78bfa,#d8b4fe,#a78bfa) border-box;
}
.\[background\:linear-gradient\(theme\(colors\.white\)\2c theme\(colors\.white\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.zinc\.300\)\2c theme\(colors\.zinc\.100\)\2c theme\(colors\.zinc\.300\)\)_border-box\]{
background: linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#d4d4d8,#f4f4f5,#d4d4d8) border-box;
}
@@ -2278,6 +2210,10 @@ input[type="search"]::-webkit-search-results-decoration {
background: linear-gradient(#27272a,#27272a) padding-box,linear-gradient(120deg,#3f3f46,rgb(63 63 70 / 0),#3f3f46) border-box;
}
.\[background\:linear-gradient\(theme\(colors\.violet\.50\)\2c theme\(colors\.violet\.50\)\)_padding-box\2c linear-gradient\(120deg\2c theme\(colors\.violet\.400\)\2c theme\(colors\.purple\.300\)\2c theme\(colors\.violet\.400\)\)_border-box\]{
background: linear-gradient(#f5f3ff,#f5f3ff) padding-box,linear-gradient(120deg,#a78bfa,#d8b4fe,#a78bfa) border-box;
}
/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
[x-cloak=""] {
@@ -2452,11 +2388,21 @@ input[type="search"]::-webkit-search-results-decoration {
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
.hover\:bg-zinc-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.hover\:text-zinc-900:hover{
--tw-text-opacity: 1;
color: rgb(24 24 27 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover{
text-decoration-line: underline;
}
@@ -2565,18 +2511,6 @@ input[type="search"]::-webkit-search-results-decoration {
}
@media (min-width: 640px){
.sm\:-left-\[37px\]{
left: -37px;
}
.sm\:-left-\[39px\]{
left: -39px;
}
.sm\:left-4{
left: 1rem;
}
.sm\:col-span-6{
grid-column: span 6 / span 6;
}
@@ -2639,16 +2573,6 @@ input[type="search"]::-webkit-search-results-decoration {
padding-right: 1.5rem;
}
.sm\:pl-12{
padding-left: 3rem;
}
.sm\:text-2xl{
font-size: 1.5rem;
line-height: 1.415;
letter-spacing: -0.017em;
}
.sm\:text-\[0\.9375rem\]{
font-size: 0.9375rem;
}
@@ -2696,10 +2620,6 @@ input[type="search"]::-webkit-search-results-decoration {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-\[15\%_15\%_1fr\]{
grid-template-columns: 15% 15% 1fr;
}
.md\:gap-0{
gap: 0px;
}
@@ -2724,6 +2644,11 @@ input[type="search"]::-webkit-search-results-decoration {
padding-bottom: 5rem;
}
.md\:py-24{
padding-top: 6rem;
padding-bottom: 6rem;
}
.md\:pb-16{
padding-bottom: 4rem;
}
@@ -2736,6 +2661,10 @@ input[type="search"]::-webkit-search-results-decoration {
padding-top: 10rem;
}
.md\:pb-14{
padding-bottom: 3.5rem;
}
.md\:text-3xl{
font-size: 2rem;
line-height: 1.3125;