From caaa6fd5e592a8d4178a42fdc43993bc85ca5df5 Mon Sep 17 00:00:00 2001
From: Cathy Hu <cathy.hu@fau.de>
Date: Wed, 9 Sep 2020 02:36:27 +0200
Subject: [PATCH] [frontend] Replace homepage anonymous description

---
 .../src/app/homepage/homepage.component.html  | 41 ++++++++++++-------
 .../src/app/homepage/homepage.component.scss  |  4 +-
 2 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/kibicara-frontend/src/app/homepage/homepage.component.html b/kibicara-frontend/src/app/homepage/homepage.component.html
index ba4e982..e52887b 100644
--- a/kibicara-frontend/src/app/homepage/homepage.component.html
+++ b/kibicara-frontend/src/app/homepage/homepage.component.html
@@ -12,24 +12,28 @@
 
 <div class="howto-container">
   <div class="howto">
-    <h3>Cross-platform</h3>
+    <h2>Cross-platform</h2>
     <p>
-      Kibicara provides a connection to your community, without the need to
-      install new software. This minimizes the barrier of entry for new users.
+      Kibicara is a bridge between multiple messaging platforms with the goal of
+      providing real-time broadcast messages for real-life communities. Kibicara
+      distributes your message to all subscribers of a Kibicara hood on
+      different platforms.
     </p>
   </div>
   <div class="howto">
-    <h3>Anonymous</h3>
+    <h2>Community-driven</h2>
     <p>
-      Messages sent with Kibicara are anonymous - perfect for news tickers,
-      activism or disaster warnings
+      Kibicara provides a connection to your (local) community, without the need
+      to install new software or to create new accounts. Just use the platforms
+      you already know and love and subscribe to your Kibicara hood!
     </p>
   </div>
   <div class="howto">
-    <h3>Community-driven</h3>
+    <h2>Inclusive and easy</h2>
     <p>
-      Hoods aren't centrally administrated - Admins can customize the behavior
-      of their hoods to their hearts content.
+      Messages sent with Kibicara reach people via Telegram, Twitter and even
+      E-Mail - perfect for announcing the next neighborhood meetings, creating
+      news tickers or even providing disaster warnings.
     </p>
   </div>
 </div>
@@ -39,21 +43,28 @@
 <div class="container">
   <p class="text">
     Kibicara is a bridge between multiple messaging platforms with the goal of
-    providing anoymous communication for (local) communities. Hoods are
-    community-administrated instances of kibicara, being able to blacklist or
-    whitelist certain phrases. You subscribe to a hood through your service of
-    choice. This can either be a E-Mail, Telegram or Twitter.
+    providing broadcast communication for (local) communities. Hoods are
+    community-administrated instances of Kibicara, being able to customize
+    different platform accounts and filters. You subscribe to a Kibicara hood
+    through your service of choice. This can either be E-Mail, Telegram or
+    Twitter.
   </p>
   <a mat-raised-button [routerLink]="['/hoods']">Discover hoods!</a>
 </div>
 
 <div class="howto-container-2">
   <div class="howto">
+    <h2>Gather a new hood!</h2>
     If you want to create your own hood for your community, you can read our
-    <a [routerLink]="['/organizers']">FAQ</a> for hood-admins.
+    <a [routerLink]="['/organizers']">FAQ</a> for hood-admins. As a hood admin
+    you can create a new real-life social network by sharing the
+    <a [routerLink]="['/hoods']">public page</a> of your hood and start
+    networking with your real life neighbors.
   </div>
   <div class="howto">
-    If you want to contribute to the development of Kibicara check out our
+    <h2>Contribute!</h2>
+    Kibicara is Free and Open Source software (FOSS). If you want to contribute
+    to the development of Kibicara or report a bug check out our
     <a href="https://github.com/acipm/kibicara">Github</a>.
   </div>
 </div>
diff --git a/kibicara-frontend/src/app/homepage/homepage.component.scss b/kibicara-frontend/src/app/homepage/homepage.component.scss
index c6d886e..9fd4100 100644
--- a/kibicara-frontend/src/app/homepage/homepage.component.scss
+++ b/kibicara-frontend/src/app/homepage/homepage.component.scss
@@ -83,7 +83,7 @@
   line-height: 1.875rem;
 }
 
-h3 {
+h2 {
   font-weight: bold;
   font-size: 1.6375rem;
 }
@@ -91,4 +91,4 @@ h3 {
 // color can be changed, i just chose a slightly better color than dark blue
 a {
   color: #673ab7;
-}
\ No newline at end of file
+}