From a00d65e7ee9062b417fd7de7b964e879a3eea9a6 Mon Sep 17 00:00:00 2001
From: Fabio <fabrix.xm@gmail.com>
Date: Tue, 20 Oct 2020 10:29:41 +0200
Subject: [PATCH] Rework "download" and "try it"

- Remove "Download" button
- Add "Try friendica" section with link to directory
- Add "Run your server" section with link to install guide

See https://github.com/friendica/friendica/issues/9430
---
 assets/css/main.css |  7 +++++++
 header-home.php     |  2 +-
 page-home.php       | 43 ++++++++++++++++++++++++++++++++++++-------
 3 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 7195106..ea20c41 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1902,6 +1902,13 @@
 		justify-content: space-between;
 	}
 
+		.flex.center {
+			-moz-justify-content: center;
+			-webkit-justify-content: center;
+			-ms-justify-content: center;
+			justify-content: center;
+		}
+
 		.flex.flex-2 article {
 			width: 47%;
 		}
diff --git a/header-home.php b/header-home.php
index 238eaa2..5f101a9 100644
--- a/header-home.php
+++ b/header-home.php
@@ -62,5 +62,5 @@
                                 ?>
                                 </span>
                                 </h1>				<p><?php echo esc_html(get_bloginfo('description')); ?></p>
-                <p><a href="https://github.com/friendica/friendica/releases" class="button special">Download</a> <a href="http://dir.friendica.social/servers" class="button">Try It</a></p>
+                <p><a href="#try" class="button special">Try It!</a></p>
 			</section>
diff --git a/page-home.php b/page-home.php
index 5da7337..368ebb8 100644
--- a/page-home.php
+++ b/page-home.php
@@ -1,7 +1,8 @@
 <?php get_header("home"); ?>
 
-        <!-- One -->
-            <section id="one" class="wrapper">
+
+            <!-- intro -->
+            <section class="wrapper">
                 <div class="inner">
                     <div class="flex flex-3">
                         <article>
@@ -35,8 +36,9 @@
                 </div>
             </section>
 
-        <!-- Two -->
-            <section id="two" class="wrapper style1 special">
+
+            <!-- more key feature -->
+            <section class="wrapper style1 special">
                 <div class="inner">
                     <header>
                         <h2>A decentralized social network</h2>
@@ -78,8 +80,25 @@
                 </div>
             </section>
 
-        <!-- Three -->
-            <section id="three" class="wrapper special">
+            <!-- try friendica -->
+            <section id="try" class="wrapper style1 special">
+                <div class="inner">
+                    <header>
+                        <h2>Try Friendica</h2>
+                    </header>
+                    <div class="flex center flex-3">
+                        <article>
+                            <p>Do you want to try Friendica but don't have the technical knowledge to install your server?
+                            You can create an account on one of the many servers out there which accept new users!</p>
+                            
+                        </article>
+                    </div>
+                    <p><a href="https://dir.friendica.social/servers" class="button">Have a look at the list of public servers</a></p>
+                </div>
+            </section>
+        
+            <!-- technical -->
+            <section class="wrapper special">
                 <div class="inner">
                     <header class="align-center">
                         <h2>Free software &mdash; Free protocols</h2>
@@ -113,11 +132,21 @@
                             </footer>
                         </article>
                     </div>
+                    </div>
+            </section>
+            <section id="run">
+                <div class="inner">
+                    <header class="align-center">
+                        <h2>Run your own server</h2>
+                        <p>Be part of the network, host a Friendica server for you, your family and your friends!</p>
+                        <p><a href="/resources/installation/" class="button special">Installation guide</a></p>
+                    </header>
                 </div>
             </section>
 
             <hr>
-            <!-- Four -->
+
+            <!-- Last news -->
             <?php
             $args = array(
                 'post_type' => "post"