Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

more lipstick to the welcome page

Browse Source
This commit is contained in:
Matthew Hodgson 2017-05-31 00:36:57 +01:00
parent 1e1a43c78f
commit e16e52915b
2 changed files with 64 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
res/home.html
View File

@ -1,13 +1,13 @@
<link href="home/css/welcome.css" rel="stylesheet"> <link href="home/css/welcome.css" rel="stylesheet">
<div style="display: none" class="mx_HomePage_container"> <div style="display: none" class="mx_HomePage_container">
<div class="mx_HomePage_col"> <div class="mx_HomePage_col mx_HomePage_header">
<a href="https://riot.im"><img src="home/images/logo.svg" class="mx_HomePage_logo"></a> <a href="https://riot.im"><img src="home/images/logo.svg" class="mx_HomePage_logo"></a>
<div> <div>
<h1>Welcome to Riot.im</h1> <h1>Welcome to Riot.im</h1>
<h2>Decentralised, encrypted chat &amp; collaboration powered by <a href="https://matrix.org"><img width="79" height="34" style="padding-left: 1px;vertical-align: middle" src="home/images/matrix.svg"/></a></h2> <h2>Decentralised, encrypted chat &amp; collaboration powered by <a href="https://matrix.org"><img width="79" height="34" style="padding-left: 1px;vertical-align: middle" src="home/images/matrix.svg"/></a></h2>
</div> </div>
</div> </div>
<div class="mx_HomePage_col"> <div class="mx_HomePage_col mx_HomePage_toprow">
<div class="mx_HomePage_row"> <div class="mx_HomePage_row">
<div> <div>
<h3>Search the room directory</h3> <h3>Search the room directory</h3>
@ -33,9 +33,7 @@
</div> </div>
</div> </div>
<div class="mx_HomePage_row"> <h3>General discussion about Matrix</h3>
<h3>General discussion about Matrix</h3>
</div>
<div class="mx_HomePage_row"> <div class="mx_HomePage_row">
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
@ -50,31 +48,27 @@
<img class="mx_HomePage_icon" src="home/rooms/riot.png"> <img class="mx_HomePage_icon" src="home/rooms/riot.png">
<span class="mx_HomePage_name">Riot</span> <span class="mx_HomePage_name">Riot</span>
</a> </a>
<span class="mx_HomePage_desc">Chat about Riot/Web &amp; Desktop</span> <span class="mx_HomePage_desc">Riot/Web &amp; Desktop chat</span>
</div> </div>
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#riot-ios:matrix.org"> <a href="#/room/#riot-ios:matrix.org">
<img class="mx_HomePage_icon" src="home/rooms/riot-ios.png"> <img class="mx_HomePage_icon" src="home/rooms/riot-ios.png">
<span class="mx_HomePage_name">#riot-ios :matrix.org</span> <span class="mx_HomePage_name">#riot-ios</span>
</a> </a>
<span class="mx_HomePage_desc">Chat about Riot/iOS &amp; matrix-ios-sdk</span> <span class="mx_HomePage_desc">Riot/iOS &amp; matrix-ios-sdk chat</span>
</div> </div>
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#riot-android:matrix.org"> <a href="#/room/#riot-android:matrix.org">
<img class="mx_HomePage_icon" src="home/rooms/riot-android.png"> <img class="mx_HomePage_icon" src="home/rooms/riot-android.png">
<span class="mx_HomePage_name">#riot-android :matrix.org</span> <span class="mx_HomePage_name">#riot-android</span>
</a> </a>
<span class="mx_HomePage_desc">Chat about Riot/Android &amp; matrix-android-sdk</span> <span class="mx_HomePage_desc">Riot/Android &amp; matrix-android-sdk chat</span>
</div> </div>
</div> </div>
<div class="mx_HomePage_row"> <h3>Matrix technical discussions</h3>
<h3>Matrix technical discussions</h3> <h4>Running Matrix services</h4>
</div>
<div class="mx_HomePage_row">
<h4>Running Matrix services</h4>
</div>
<div class="mx_HomePage_row"> <div class="mx_HomePage_row">
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#synapse:matrix.org"> <a href="#/room/#synapse:matrix.org">
@ -106,9 +100,8 @@
</div> </div>
</div> </div>
<div class="mx_HomePage_row"> <h4>Building services on Matrix</h4>
<h4>Building services on Matrix</h4>
</div>
<div class="mx_HomePage_row"> <div class="mx_HomePage_row">
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#matrix-dev:matrix.org"> <a href="#/room/#matrix-dev:matrix.org">
@ -154,26 +147,25 @@
</div> </div>
</div> </div>
<div class="mx_HomePage_row"> <h4>Contributing code to Matrix and Riot</h4>
<h4>Contributing code to Matrix and Riot</h4>
</div>
<div class="mx_HomePage_row"> <div class="mx_HomePage_row">
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#riot-dev:matrix.org"> <a href="#/room/#riot-dev:matrix.org">
<img class="mx_HomePage_icon" src="home/rooms/riot-dev.png"> <img class="mx_HomePage_icon" src="home/rooms/riot-dev.png">
<span class="mx_HomePage_name">#riot-dev:matrix.org</span> <span class="mx_HomePage_name">#riot-dev</span>
</a> </a>
<span class="mx_HomePage_desc">Dev chat for the Riot/Web dev team</span> <span class="mx_HomePage_desc">Dev chat for the Riot/Web dev team</span>
</div> </div>
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#dendrite-dev:matrix.org"> <a href="#/room/#dendrite-dev:matrix.org">
<img class="mx_HomePage_icon" src="home/rooms/dendrite-dev.png"> <img class="mx_HomePage_icon" src="home/rooms/dendrite-dev.png">
<span class="mx_HomePage_name">#dendrite-dev :matrix.org</span> <span class="mx_HomePage_name">#dendrite-dev</span>
</a> </a>
<span class="mx_HomePage_desc">Dev chat for the Dendrite dev team</span> <span class="mx_HomePage_desc">Dev chat for the Dendrite dev team</span>
</div> </div>
<div class="mx_HomePage_room"> <div class="mx_HomePage_room">
<a href="#/room/#riotweb-translations.org"> <a href="#/room/#riotweb-translations:matrix.org">
<img class="mx_HomePage_icon" src="home/rooms/riot-translations.png"> <img class="mx_HomePage_icon" src="home/rooms/riot-translations.png">
<span class="mx_HomePage_name">Riot-Web Translations</span> <span class="mx_HomePage_name">Riot-Web Translations</span>
</a> </a>

60
res/home/css/welcome.css
View File

@ -1,6 +1,35 @@
.mx_HomePage_header h1 {
margin-left: 0px;
margin-bottom: 0px;
margin-top: 20px;
margin-right: 20px;
}
.mx_HomePage_header h2 {
margin-left: 0px;
margin-top: 5px;
margin-bottom: 20px;
margin-right: 20px;
}
.mx_HomePage h3 {
margin-top: 30px;
}
.mx_HomePage_header {
border: 1px solid #76CFA6;
background-color: #eaf5f0;
border-radius: 5px;
color: #454545;
align-items: center;
}
.mx_HomePage_col { .mx_HomePage_col {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
}
.mx_HomePage_toprow {
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -31,10 +60,15 @@
width: 120px; width: 120px;
} }
.mx_HomePage_toprow .mx_HomePage_room {
width: 64px;
}
.mx_HomePage_room .mx_HomePage_icon { .mx_HomePage_room .mx_HomePage_icon {
border-radius: 50%; border-radius: 50%;
width: 65px; width: 64px;
height: 65px; height: 64px;
} }
.mx_HomePage_room .mx_HomePage_name { .mx_HomePage_room .mx_HomePage_name {
@ -48,12 +82,14 @@
} }
.mx_HomePage_comment { .mx_HomePage_comment {
display: block; display: flex;
margin-left: 140px; align-items: center;
vertical-align: top; margin-left: 100px;
min-height: 64px;
} }
h3::after, h4::after { .mx_HomePage_container h3::after,
.mx_HomePage_container h4::after {
content: ":"; content: ":";
} }
@ -62,11 +98,9 @@ h3::after, h4::after {
margin: 20px; margin: 20px;
} }
.mx_HomePage_container h1 { .mx_HomePage_container h1,
margin: 0px; .mx_HomePage_container h2,
margin-top: 35px; .mx_HomePage_container h3,
} .mx_HomePage_container h4 {
font-weight: 600;
.mx_HomePage_container h2 {
margin-top: 5px;
} }