[frontend] Add text for homepage

This commit is contained in:
hagi 2020-09-05 02:06:03 +02:00
parent da47f1062f
commit d78ad6d125
2 changed files with 31 additions and 33 deletions

View file

@ -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
tempor incididunt ut labore et dolore magna aliqua.
Kibicara hoods are connecting your local community - while you use your
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
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.
<h3>Cross-platform</h3>
<p>
Kibicara provides a connection to your community, without the need to
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
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.
<h3>Anonymous</h3>
<p>
Messages sent with Kibicara are anonymous - perfect for news tickers,
activism or disaster warnings
</p>
</div>
<div class="howto">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
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.
<h3>Community-driven</h3>
<p>
Hoods aren't centrally administrated - Admins can customize the behavior
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
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod 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.
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.
</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
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.
If you want to run your own hood for your community, you can read our
FAQ(link tba) for hood-admins.
</div>
<div class="howto">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
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.
If you want to help with the development of Kibicara check out our Github(link).
</div>
<div class="howto">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
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.
(not sure what goes here, maybe social media)
</div>
</div>

View file

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