[frontend] Add text for homepage

kibicara-frontend/src/app/homepage/homepage.component.html

@@ -2,8 +2,8 @@
   <div class="heading">
     <h1 class="h1">Kibicara</h1>
     <p class="text">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      Kibicara hoods are connecting your local community - while you use your
-      tempor incididunt ut labore et dolore magna aliqua.
+      favorite messenger.
     </p>
     <a mat-raised-button [routerLink]="['/hoods']">Find your hood!</a>
   </div>
@@ -12,22 +12,25 @@
 
 <div class="howto-container">
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    <h3>Cross-platform</h3>
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    <p>
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      Kibicara provides a connection to your community, without the need to
-    consequat.
+      install new software. This minimizes the barrier of entry for new users.
+    </p>
   </div>
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    <h3>Anonymous</h3>
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    <p>
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      Messages sent with Kibicara are anonymous - perfect for news tickers,
-    consequat.
+      activism or disaster warnings
+    </p>
   </div>
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    <h3>Community-driven</h3>
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    <p>
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      Hoods aren't centrally administrated - Admins can customize the behavior
-    consequat.
+      of their hoods to their hearts content.
+    </p>
   </div>
 </div>
 
@@ -35,34 +38,24 @@
 
 <div class="container">
   <p class="text">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    Kibicara is a bridge between multiple messaging platforms with the goal of
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    providing anoymous communication for (local) communities. Hoods are
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    community-administrated instances of kibicara, being able to blacklist or
-    consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+    whitelist certain phrases. You subscribe to a hood through your service of
-    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+    choice. This can either be a E-Mail, Telegram or Twitter.
-    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-    commodo consequat.
   </p>
   <a mat-raised-button [routerLink]="['/hoods']">Discover hoods!</a>
 </div>
 
 <div class="howto-container">
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    If you want to run your own hood for your community, you can read our
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+    FAQ(link tba) for hood-admins.
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat.
   </div>
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    If you want to help with the development of Kibicara check out our Github(link).
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat.
   </div>
   <div class="howto">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+    (not sure what goes here, maybe social media)
-    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat.
   </div>
 </div>

kibicara-frontend/src/app/homepage/homepage.component.scss

@@ -71,3 +71,8 @@
   font-size: 1.4375rem;
   line-height: 1.875rem;
 }
+
+h3 {
+  font-weight: bold;
+  font-size: 1.6375rem;
+}