Matrix-Mirrors/matrix-dimension
1
0
Fork 0
mirror of https://github.com/turt2live/matrix-dimension.git synced 2024-10-01 05:05:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move 'Made for Matrix' to the footer; Promote stickers;

Browse Source
This commit is contained in:
Travis Ralston 2018-10-20 23:55:24 -06:00
parent 0b460b9423
commit ef22391743
2 changed files with 42 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/app/home/home.component.html
View File

@ -4,9 +4,6 @@
<h1>An open source integration manager for Matrix</h1>
<div class="banner">
Self-host your favourite bots, bridges, and widgets.
<a href="https://matrix.org" target="_blank" class="made-for-matrix-anchor">
<img src="/img/logo/made-for-matrix.svg" class="made-for-matrix">
</a>
</div>
<div class="links">
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source</a>
@ -31,7 +28,7 @@
<div class="integrations">
<h3 class="title">Widgets</h3>
<p class="intro">Embed full-blown applications into your rooms, adding utility for everyone.</p>
<p class="intro">Add utility for everyone in your room by embedding an application.</p>
<div class="integration-list">
<div class="integration">
@ -69,7 +66,7 @@
<div class="integrations">
<h3 class="title">Bots</h3>
<p class="intro">Add some fun or enhance productivity in your room with bots. They're here to help at your command.</p>
<p class="intro">Add some bots for fun or productivity. They're here to help at your command.</p>
<div class="integration-list">
<!--<div class="integration">-->
@ -146,10 +143,39 @@
</div>
<hr class="spacer">
<div class="integrations">
<h3 class="title">Stickers</h3>
<p class="intro">Have some fun and post a sticker.</p>
<div class="integration-list">
<div class="integration">
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/193408b58f5e1eb72d9bea13f23914e6?width=64&height=64&method=scale&animated=true">
<span>Huskies</span>
</div>
<div class="integration">
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/8c88a05eb8e5a555830c8fffa36043f5?width=64&height=64&method=scale&animated=true">
<span>Cats</span>
</div>
<div class="integration">
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/01e06e2489185ac5b1fc73c904e1d5f0?width=64&height=64&method=scale&animated=true">
<span>Cat Faces</span>
</div>
<div class="integration">
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/d7a7c72df5ea59c432eb142646b45a96?width=64&height=64&method=scale&animated=true">
<span>Loading Artist</span>
</div>
</div>
</div>
<hr class="spacer">
</div>
<div class="footer">
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source on GitHub</a>
<a href="https://matrix.org" target="_blank" class="made-for-matrix-anchor">
<img src="/img/logo/made-for-matrix.svg" class="made-for-matrix">
</a>
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
</div>
</div>
@ -208,6 +234,9 @@
<div class="footer">
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source on GitHub</a>
<a href="https://matrix.org" target="_blank" class="made-for-matrix-anchor">
<img src="/img/logo/made-for-matrix.svg" class="made-for-matrix">
</a>
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
</div>
</div>

16
web/app/home/home.component.scss
View File

@ -70,6 +70,14 @@ pre {
flex-wrap: wrap;
}
.made-for-matrix {
height: 45px;
}
.made-for-matrix-anchor {
margin-left: 20px;
}
.promo {
.hero {
padding-top: 50px;
@ -81,14 +89,6 @@ pre {
padding: 20px 20px 40px;
}
.made-for-matrix {
height: 45px;
}
.made-for-matrix-anchor {
margin-left: 20px;
}
.banner {
font-size: 1.2em;
margin-top: 30px;