[frontend] Add more text

This commit is contained in:
Cathy Hu 2020-09-09 18:19:24 +02:00
parent d92942c8bd
commit 7ca8df1ece
5 changed files with 185 additions and 19 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 MiB

After

Width:  |  Height:  |  Size: 13 MiB