From 1368e9abbb42982b4962fab1007fcdc63ce32e02 Mon Sep 17 00:00:00 2001
From: texm <texm@users.noreply.github.com>
Date: Wed, 26 Apr 2023 08:12:33 +0800
Subject: [PATCH] update readme, web

---
 README.md                         | 5 ++++-
 web/src/routes/+page.svelte       | 7 ++++++-
 web/src/routes/Features.svelte    | 7 +++----
 web/src/routes/Hero.svelte        | 2 +-
 web/src/routes/Screenshots.svelte | 2 +-
 5 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index e7751d4..2549d42 100644
--- a/README.md
+++ b/README.md
@@ -7,6 +7,9 @@ A friendly interface for [Dokku](https://github.com/dokku/dokku)
 ## Usage
 Read the [docs](https://shokku.app)
 
-## License
+## Support
+Shokku is provided 'as-is' - no support is available.
+Consider [Dokku Pro](https://pro.dokku.com).
 
+## License
 [AGPL License](https://github.com/texm/shokku/blob/master/LICENSE)
\ No newline at end of file
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index b13d031..61603b0 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -2,6 +2,7 @@
 	import Navbar from "$components/Navbar.svelte";
   import Hero from "./Hero.svelte";
   import Features from "./Features.svelte";
+  import Screenshots from "./Screenshots.svelte";
 </script>
 
 <div class="flex flex-col h-screen">
@@ -13,7 +14,11 @@
 		<Hero />
 	</div>
 
-	<div class="bg-base-300 justify-center p-8">
+	<div class="bg-base-300 flex flex-col md:flex-row justify-center p-8 gap-8">
+		<div class="w-full md:w-3/5">
+			<Screenshots />
+		</div>
+
 		<Features />
 	</div>
 </div>
\ No newline at end of file
diff --git a/web/src/routes/Features.svelte b/web/src/routes/Features.svelte
index 9af3d62..be3f42e 100644
--- a/web/src/routes/Features.svelte
+++ b/web/src/routes/Features.svelte
@@ -3,16 +3,15 @@
 	  {title: "Free and Open Source", ref: "", description: "description"},
 	  {title: "Github Integration", ref: "", description: "description"},
 	  {title: "Services Support", ref: "", description: "description"},
-	  {title: "Services Support", ref: "", description: "description"},
 	]
 </script>
 
-<div class="grid grid-flow-row sm:grid-flow-col sm:auto-cols-fr gap-4">
+<div class="flex flex-col gap-2">
 	{#each features as feature}
-		<div class="card bg-base-200 hover:bg-base-100 shadow-xl">
+		<div class="card bg-base-100 shadow-xl">
 			<div class="card-body">
 				<h2 class="card-title">{feature.title}</h2>
-				<p>{feature.description}</p>
+				<!--p>{feature.description}</p-->
 				<!--div class="card-actions justify-end">
 					<button class="btn btn-ghost">Learn More</button>
 				</div-->
diff --git a/web/src/routes/Hero.svelte b/web/src/routes/Hero.svelte
index da72442..b74d1cb 100644
--- a/web/src/routes/Hero.svelte
+++ b/web/src/routes/Hero.svelte
@@ -9,7 +9,7 @@
 	<div class="hero-content text-center flex-col py-10 px-0">
 		<div class="max-w-md mb-4">
 			<h1 class="text-5xl font-bold mb-2">A friendly interface for Dokku</h1>
-			<p class="text-xl">
+			<p class="text-xl px-4">
 				an open-source self-hostable web UI to help
 				<strong>configure</strong> and <strong>deploy</strong>
 				your apps and services with <a class="link" href="https://dokku.com/">Dokku</a>
diff --git a/web/src/routes/Screenshots.svelte b/web/src/routes/Screenshots.svelte
index 1d7edd2..9616aaa 100644
--- a/web/src/routes/Screenshots.svelte
+++ b/web/src/routes/Screenshots.svelte
@@ -9,7 +9,7 @@
 	const prevIdx = i => (carouselImages - i)
 </script>
 
-<div class="mockup-window rounded-xl bg-base-200 shadow-secondary w-3/5 h-auto">
+<div class="mockup-window rounded-xl bg-base-200 w-auto h-fit shadow-lg shadow-secondary">
 	<img class="inline dark:hidden" alt="dashboard screenshot" src="/images/dashboard-dark.webp" />
 	<img class="hidden dark:inline" alt="dashboard screenshot" src="/images/dashboard-light.webp" />
 </div>