ticketfrei/ticketfrei3
8
1
Fork 0
Code Issues 11 Pull requests 2 Projects 1 Releases Wiki Activity

[frontend] Replace homepage anonymous description

Browse source
This commit is contained in:
Cathy Hu 2020-09-09 02:36:27 +02:00
parent e72840449b
commit caaa6fd5e5
2 changed files with 28 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
kibicara-frontend/src/app/homepage/homepage.component.html
View file

@ -12,24 +12,28 @@
<div class="howto-container"> <div class="howto-container">
<div class="howto"> <div class="howto">
<h3>Cross-platform</h3> <h2>Cross-platform</h2>
<p> <p>
Kibicara provides a connection to your community, without the need to Kibicara is a bridge between multiple messaging platforms with the goal of
install new software. This minimizes the barrier of entry for new users. providing real-time broadcast messages for real-life communities. Kibicara
distributes your message to all subscribers of a Kibicara hood on
different platforms.
</p> </p>
</div> </div>
<div class="howto"> <div class="howto">
<h3>Anonymous</h3> <h2>Community-driven</h2>
<p> <p>
Messages sent with Kibicara are anonymous - perfect for news tickers, Kibicara provides a connection to your (local) community, without the need
activism or disaster warnings 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> </p>
</div> </div>
<div class="howto"> <div class="howto">
<h3>Community-driven</h3> <h2>Inclusive and easy</h2>
<p> <p>
Hoods aren't centrally administrated - Admins can customize the behavior Messages sent with Kibicara reach people via Telegram, Twitter and even
of their hoods to their hearts content. E-Mail - perfect for announcing the next neighborhood meetings, creating
news tickers or even providing disaster warnings.
</p> </p>
</div> </div>
</div> </div>
@ -39,21 +43,28 @@
<div class="container"> <div class="container">
<p class="text"> <p class="text">
Kibicara is a bridge between multiple messaging platforms with the goal of Kibicara is a bridge between multiple messaging platforms with the goal of
providing anoymous communication for (local) communities. Hoods are providing broadcast communication for (local) communities. Hoods are
community-administrated instances of kibicara, being able to blacklist or community-administrated instances of Kibicara, being able to customize
whitelist certain phrases. You subscribe to a hood through your service of different platform accounts and filters. You subscribe to a Kibicara hood
choice. This can either be a E-Mail, Telegram or Twitter. through your service of choice. This can either be E-Mail, Telegram or
Twitter.
</p> </p>
<a mat-raised-button [routerLink]="['/hoods']">Discover hoods!</a> <a mat-raised-button [routerLink]="['/hoods']">Discover hoods!</a>
</div> </div>
<div class="howto-container-2"> <div class="howto-container-2">
<div class="howto"> <div class="howto">
<h2>Gather a new hood!</h2>
If you want to create your own hood for your community, you can read our 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>
<div class="howto"> <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>. <a href="https://github.com/acipm/kibicara">Github</a>.
</div> </div>
</div> </div>

4
kibicara-frontend/src/app/homepage/homepage.component.scss
View file

@ -83,7 +83,7 @@
line-height: 1.875rem; line-height: 1.875rem;
} }
h3 { h2 {
font-weight: bold; font-weight: bold;
font-size: 1.6375rem; font-size: 1.6375rem;
} }
@ -91,4 +91,4 @@ h3 {
// color can be changed, i just chose a slightly better color than dark blue // color can be changed, i just chose a slightly better color than dark blue
a { a {
color: #673ab7; color: #673ab7;
} }