kosmos/akkounts-web
kosmos
/
akkounts-web
Archived
8
1
Fork 0
Code Releases Activity

Add Mastodon content

This commit is contained in:
Basti 2019-10-21 15:38:43 +02:00
parent 11824a1119
commit 58afd02a97
No known key found for this signature in database
GPG Key ID: BE4634D632D39B67
2 changed files with 68 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/styles/app.scss
View File

@ -108,10 +108,16 @@ main {
font-size: 1.4rem;
line-height: 1.4em;
margin-bottom: 2rem;
}
p.actions {
padding: 3rem 0 2rem;
// &.illustration {
// img {
// height: 14rem;
// }
// }
&.actions {
padding: 3rem 0 2rem;
}
}
span.email {

60
app/templates/mastodon/index.hbs
View File

@ -1,7 +1,65 @@
<div class="hero">
<h2>kosmos<span class="service">.social</span></h2>
<p class="byline">Join over 2,000,000 people on the fediverse today!</p>
<p class="byline">
Decentralized social media, used by millions of people
</p>
</div>
<!--
<p class="illustration">
<img src="/img/undraw_connected_world_wuay.svg" alt="">
</p>
-->
<h3>How it works</h3>
<section class="explainer">
<div>
<p class="illustration">
<img src="/img/undraw_connected_world_wuay.svg" alt="">
</p>
<p>
Instead of a single large website, like e.g. Twitter or Facebook, the
<strong>Fediverse</strong> is a social media platform that connects many
different sites around the world.
</p>
</div>
<div>
<p class="illustration">
<img src="/img/undraw_connection_b38q.svg" alt="">
</p>
<p>
Every site is both its own community, as well as part of the global
community of all sites in the federation. You can <strong>connect to
people on any participating site</strong>, and others can connect to
you in the same way.
</p>
</div>
<div>
<p class="illustration">
<img src="/img/undraw_team_chat_y27k-blue.svg" alt="">
</p>
<p>
You can post public or direct messages, consisting of <strong>text,
pictures, videos, and audio files</strong>. Use and browse hashtags to
join conversations about current topics, or pin them to your dashboard to
keep following.
</p>
</div>
<div>
<p class="illustration">
<img src="/img/undraw_collab_8oes-blue.svg" alt="">
</p>
<p>
<strong>Curating your timeline and connections is easy</strong> and
flexible. Set up filters for words or topics you're not interested in, or
for languages that you speak or want to learn. It's also easy to mute or
block users, or even entire sites, that you do not wish to interact with.
</p>
</div>
</section>
<p class="actions">
{{#link-to "mastodon.signup" class="button"}}Sign up{{/link-to}}
</p>