From 5061097dfff5b798a28a7d4d63fa5edba5572cdd Mon Sep 17 00:00:00 2001 From: Pavel Sviderski Date: Wed, 22 Jan 2025 21:26:49 +1000 Subject: [PATCH] add landing section to follow the journey and subscribe via email --- website/index.html | 163 +++++++++++---------------------------------- website/style.css | 89 +++++++++++++++++++++++++ 2 files changed, 129 insertions(+), 123 deletions(-) diff --git a/website/index.html b/website/index.html index 8e2d8902..b80dd6c0 100644 --- a/website/index.html +++ b/website/index.html @@ -424,7 +424,7 @@

Deploy anywhere

-

Run your apps on any Linux machine — from cloud VMs and +

Run your apps on any Linux machine — from cloud VMs and dedicated servers to bare metal at your office or home.

@@ -437,7 +437,7 @@

Automatic HTTPS

-

Get free TLS certificates and automatic HTTPS for your +

Get free TLS certificates and automatic HTTPS for your domains with zero configuration using built-in Caddy reverse proxy.

@@ -453,7 +453,7 @@

Load balancing

-

Distribute traffic across container replicas running on +

Distribute traffic across container replicas running on different machines for improved reliability and performance.

@@ -466,7 +466,7 @@

Service discovery

-

Access any service by its name from any container using the +

Access any service by its name from any container using the built-in DNS that automatically tracks services across your network.

@@ -479,7 +479,7 @@

Infrastructure as Code

-

Define your entire app stack in a familiar Docker Compose +

Define your entire app stack in a familiar Docker Compose file. No need to learn a new config format.

@@ -494,7 +494,7 @@

No vendor lock-in

-

Mix cloud providers and your own hardware freely to +

Mix cloud providers and your own hardware freely to optimize costs and performance, without changing how you deploy or manage apps.

@@ -507,11 +507,11 @@
-
-

Start your - journey +
+

+ Be part of the development - today + journey

-

Gray removes creative distances by connecting beginners, - pros, and every team in between. Are you ready to start your journey?

-
- - +

+ Uncloud is an open source project I'm actively developing. I'd love to share this journey with you. Subscribe to follow the progress, get early insights into new features, and be the first to know when it's ready for production use. +

+ + +

+ +
+ + +
+
+
+

+ Want to contribute? Check out the + GitHub issues + or join the + GitHub Discussions. +

@@ -541,115 +557,16 @@

- - diff --git a/website/style.css b/website/style.css index 315731cb..c86c68c9 100644 --- a/website/style.css +++ b/website/style.css @@ -1557,6 +1557,10 @@ input[type="search"]::-webkit-search-results-decoration { width: 16px; } +.min-w-0{ + min-width: 0px; +} + .max-w-2xl{ max-width: 42rem; } @@ -1617,6 +1621,10 @@ input[type="search"]::-webkit-search-results-decoration { flex-shrink: 0; } +.flex-grow{ + flex-grow: 1; +} + .grow{ flex-grow: 1; } @@ -1786,6 +1794,10 @@ input[type="search"]::-webkit-search-results-decoration { align-items: baseline; } +.items-stretch{ + align-items: stretch; +} + .justify-end{ justify-content: flex-end; } @@ -1822,6 +1834,10 @@ input[type="search"]::-webkit-search-results-decoration { gap: 2rem; } +.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)); @@ -1884,6 +1900,10 @@ input[type="search"]::-webkit-search-results-decoration { overflow-x: auto; } +.whitespace-nowrap{ + white-space: nowrap; +} + .rounded{ border-radius: 0.25rem; } @@ -1909,6 +1929,21 @@ input[type="search"]::-webkit-search-results-decoration { border-top-right-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.rounded-l-none{ + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.rounded-r-none{ + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + .border{ border-width: 1px; } @@ -1933,6 +1968,14 @@ input[type="search"]::-webkit-search-results-decoration { border-top-width: 1px; } +.border-l-0{ + border-left-width: 0px; +} + +.border-r-0{ + border-right-width: 0px; +} + .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -2202,6 +2245,11 @@ input[type="search"]::-webkit-search-results-decoration { padding-bottom: 2rem; } +.px-8{ + padding-left: 2rem; + padding-right: 2rem; +} + .pb-12{ padding-bottom: 3rem; } @@ -2928,6 +2976,10 @@ input[type="search"]::-webkit-search-results-decoration { color: rgb(24 24 27 / var(--tw-text-opacity)); } +.hover\:underline:hover{ + text-decoration-line: underline; +} + .hover\:no-underline:hover{ text-decoration-line: none; } @@ -2960,6 +3012,11 @@ input[type="search"]::-webkit-search-results-decoration { border-color: transparent; } +.focus\:border-zinc-900:focus{ + --tw-border-opacity: 1; + border-color: rgb(24 24 27 / var(--tw-border-opacity)); +} + .focus\:bg-gray-200:focus{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -3078,10 +3135,18 @@ input[type="search"]::-webkit-search-results-decoration { grid-column: span 6 / span 6; } + .sm\:col-span-12{ + grid-column: span 12 / span 12; + } + .sm\:inline{ display: inline; } + .sm\:flex{ + display: flex; + } + .sm\:inline-flex{ display: inline-flex; } @@ -3106,6 +3171,10 @@ input[type="search"]::-webkit-search-results-decoration { flex-direction: row; } + .sm\:justify-start{ + justify-content: flex-start; + } + .sm\:justify-center{ justify-content: center; } @@ -3114,6 +3183,10 @@ input[type="search"]::-webkit-search-results-decoration { gap: 1rem; } + .sm\:gap-0{ + gap: 0px; + } + .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); @@ -3154,6 +3227,10 @@ input[type="search"]::-webkit-search-results-decoration { grid-column: span 3 / span 3; } + .md\:col-span-4{ + grid-column: span 4 / span 4; + } + .md\:-mx-5{ margin-left: -1.25rem; margin-right: -1.25rem; @@ -3287,6 +3364,18 @@ input[type="search"]::-webkit-search-results-decoration { grid-column: span 6 / span 6; } + .lg\:col-span-3{ + grid-column: span 3 / span 3; + } + + .lg\:col-span-4{ + grid-column: span 4 / span 4; + } + + .lg\:col-span-5{ + grid-column: span 5 / span 5; + } + .lg\:mb-16{ margin-bottom: 4rem; }