[frontend] Add more text

kibicara-frontend/src/app/dashboard/board/platforms/platforms.component.html

@@ -9,7 +9,28 @@
           </div>
         </mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        Platform connections are the heart of your hood. Since each platform
+        works differently, the connection will be different. Click the
+        <mat-icon>info</mat-icon> icon next to the platform's name to find the
+        specific setup tutorial.
+      </p>
+      <p>
+        When a platform has been successfully connected, it will show up below
+        and also your users will see the way to subscribe to in your public hood
+        page.
+      </p>
+      <p>
+        <strong>Link to your hood page:</strong>
+        <a
+          mat-icon-button
+          [routerLink]="['/hoods', hoodId]"
+          target="_blank"
+          aria-label="Open in new tab"
+        >
+          <mat-icon>open_in_new</mat-icon>
+        </a>
+      </p>
     </mat-expansion-panel>
   </mat-accordion>
 </div>

kibicara-frontend/src/app/dashboard/hoods/faq/faq.component.html

@@ -7,7 +7,26 @@
           >I just created an account. How do I proceed?</mat-panel-title
         >
       </mat-expansion-panel-header>
-      <p></p>
+      <ol>
+        <li>
+          Create a hood by clicking on the <strong>New hood</strong> button and
+          entering its name.
+        </li>
+        <li>Click on the created hoods configuration page.</li>
+        <li>
+          Add platforms according to the <mat-icon>info</mat-icon> buttons in
+          the <strong>Platforms</strong> tab.
+        </li>
+        <li>
+          Write a nice text for the public hood page in the
+          <strong>Hoodpage</strong> tab.
+        </li>
+        <li>
+          (Optional) Add some filters to prevent abuse and spam in the
+          <strong>Filters</strong> tab.
+        </li>
+        <li>Share your public hood page with your community!</li>
+      </ol>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
@@ -15,7 +34,19 @@
           >My messages don't not get broadcasted, why?</mat-panel-title
         >
       </mat-expansion-panel-header>
-      <p></p>
+      <ul>
+        <li>Be sure to have platforms configured.</li>
+        <li>
+          Be sure your message did NOT contain a badword configured in the
+          <strong>Filters</strong> tab.
+        </li>
+        <li>
+          Be sure to have at least one trigger in the
+          <strong>Filters</strong> tab. If you don't have one, try adding a
+          <strong>dot</strong> to the list which means that all messages should
+          be broadcasted.
+        </li>
+      </ul>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
@@ -23,13 +54,42 @@
           >Someone is spamming my hood, how do I stop it?</mat-panel-title
         >
       </mat-expansion-panel-header>
-      <p></p>
+      <p>You have the following options:</p>
+      <ul>
+        <li>
+          Add a few badwords in the
+          <strong>Filters</strong>
+          tab that the spam contains (e.g. "business", "opportunity").
+        </li>
+        <li>
+          Limit the messages sent by replacing the
+          <strong>dot</strong>
+          in the Triggers list in the
+          <strong>Filters</strong>
+          tab with topic-based keywords (e.g. your city region) and
+          communicating them to your hood members via public hood page.
+        </li>
+        <li>
+          If the spam comes via e-mail, you can change the inbox address. This
+          will automatically update on the public hood page.
+        </li>
+      </ul>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>My hood page is empty, why?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>This can have different reasons:</p>
+      <ul>
+        <li>
+          Be sure that you have saved your hood page text in the
+          <strong>Hoodpage</strong> tab.
+        </li>
+        <li>
+          Be sure to have platforms configured in the
+          <strong>Platforms</strong> tab
+        </li>
+      </ul>
     </mat-expansion-panel>
   </mat-accordion>
 </div>

kibicara-frontend/src/app/public-pages/homepage/faq/faq.component.html

@@ -5,25 +5,63 @@
       <mat-expansion-panel-header>
         <mat-panel-title>What is a Kibicara hood?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        Kibicara hoods are community-administrated instances of Kibicara. A hood
+        can be imagined as a box that takes messages from different messaging
+        platforms and distributes it to other messaging platforms.
+      </p>
+      <p>
+        You as a hood user can join a hood by searching for its public hood
+        page. There you will find the information on how to subscribe to this
+        hood from your favourite platform. Additionally the public hood page
+        provides information on how to send broadcast messages to the hood.
+      </p>
+      <p>
+        Kibicara hoods are thought to represent a community that exists in real
+        life. This means for example a neighborhood community that wants to use
+        technology to communicate but has people who only can use specific
+        technology and don't want to be excluded (e.g. people who only have
+        email).
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>What is a public hood page?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        A public hood page provides you with the information about your hood.
+        This includes how to join, receive messages and send messages. Usually
+        you receive a link to the hood page of your community, but you can also
+        use the <a [routerLink]="['/hoods']">search</a> to find your hood page.
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>What is a hood admin?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        A hood admin is a person from your community who configures your
+        Kibicara hood for you to use. They give you a proper introduction and
+        usually send you the link to your hood page. They take care of the
+        social networking and the technology to use.
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
-        <mat-panel-title>How can I use Kibicara?</mat-panel-title>
+        <mat-panel-title
+          >How can I send a message to a Kibicara hood?</mat-panel-title
+        >
       </mat-expansion-panel-header>
-      <p></p>
+      <ol>
+        <li>Find your public hood page.</li>
+        <li>
+          Check the linked platforms. Choose the one you are most familiar with.
+        </li>
+        <li>
+          Use your platform's method to subscribe to an account. The account you
+          have to connect with is also linked there.
+        </li>
+      </ol>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
@@ -31,19 +69,37 @@
           >I want to be included in a Kibicara hood. How?</mat-panel-title
         >
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        If your community already has a hood, you can
+        <a [routerLink]="['/hoods']">search</a> for its name. If your community
+        does not have a hood and you want to create a hood, check out the page
+        for <a [routerLink]="['/organizers']">hood admins</a>.
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>I want to be a hood admin. How?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        Check out the page for
+        <a [routerLink]="['/organizers']">hood admins</a>.
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
         <mat-panel-title>Are my messages anonymous?</mat-panel-title>
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        No, your messages are not generally sent anonymously. Depending on the platform
+        you use, you can get away with being pseudonymous. We don't
+        send your user name, but the terms of the platform you use to send the
+        message still applies.
+      </p>
+      <p>
+        Also: Everyone on the Internet can read the content of your messages. We
+        disadvice to send sensitive data since everyone on the Internet can read
+        it. The use case of hoods is broadcasting public messages!
+      </p>
     </mat-expansion-panel>
     <mat-expansion-panel>
       <mat-expansion-panel-header>
@@ -51,7 +107,41 @@
           >What information do you save about me?</mat-panel-title
         >
       </mat-expansion-panel-header>
-      <p></p>
+      <p>
+        The Kibicara server does save different information depending on the
+        use. If you are a normal user:
+      </p>
+      <ul>
+        <li>
+          Twitter: We save the id of the last received message (mentions and
+          direct messages). This can be a message of yours if you sent the
+          latest message.
+        </li>
+        <li>Telegram: We save your telegram username.</li>
+        <li>E-Mail: We save your e-mail address.</li>
+      </ul>
+      <p>
+        We don't save any messages sent. Still every of your message will be
+        broadcasted to different platforms, so these platforms of course save
+        the content of your message. We disadvice to send sensitive data since
+        everyone on the Internet can read it. The use case of hoods is
+        broadcasting public messages.
+      </p>
+      <p>For hood admins:</p>
+      <ul>
+        <li>We save your e-mail address and your password.</li>
+        <li>
+          Twitter: We save oauth tokens provided by twitter that give us access
+          to the twitter account and the username of the twitter account. We
+          disadvice the use of your private twitter account for acting as
+          Kibicara platform bot. Please create a new twitter account.
+        </li>
+        <li>
+          Telegram: We save the telegram API token to the provided telegram bot
+          and a welcome message. Also we retrieve the name of the telegram bot.
+        </li>
+        <li>E-Mail: We save the inbox address name that you provide.</li>
+      </ul>
     </mat-expansion-panel>
   </mat-accordion>
 </div>

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

@@ -46,8 +46,3 @@
   height: 100%;
   min-height: 200px;
 }
-
-// color can be changed, i just chose a slightly better color than dark blue
-a {
-  color: #673ab7;
-}