WIP improvements on welcome page; fix indentation, some verbiage and some CSS

This commit is contained in:
Matthew Hodgson 2017-05-29 18:37:35 +01:00
parent 3ea3630c3b
commit 823fbafe85
2 changed files with 180 additions and 177 deletions

View File

@ -1,5 +1,4 @@
.container {
background-color: #e7e7e7;
}
div.row {
@ -45,10 +44,6 @@ a.bigicon .roomname {
vertical-align: top;
}
h1, h2, h3, h4 {
font-family: "Tahoma";
}
h2 {
font-size: 26px;
}
@ -62,5 +57,4 @@ h3::after, h4::after {
}
p {
font-family: "Tahoma";
}

View File

@ -10,6 +10,17 @@
<link href="css/welcome.css" rel="stylesheet">
<base target="_parent" />
<!-- evil hack to inherit CSS from the parent, so theming might work -->
<script type="text/javascript">
window.onload = function() {
if (parent) {
var oHead = document.getElementsByTagName("head")[0];
var arrStyleSheets = parent.document.getElementsByTagName("style");
for (var i = 0; i < arrStyleSheets.length; i++)
oHead.appendChild(arrStyleSheets[i].cloneNode(true));
}
}
</script>
</head>
<body>
<div class="container">
@ -17,28 +28,28 @@
<img src="images/logo.svg" class="logo">
<div>
<h1>Welcome to Riot.im</h1>
<h2>Distributed. Secure. Free and Open Source.</h2>
<h2>Decentralised, encrypted chat &amp; collaboration powered by <a href="https://matrix.org">Matrix</a>.</h2>
</div>
</div>
<div class="row">
<div>
<h3>Chat with Riot Bot</h3>
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#matrix:matrix.org">
<a class="bigicon" href="#/user/@riot-bot:matrix.org">
<img class="icon" src="rooms/riot-bot.png">
</a>
<span class="description">
Chat with our friendly friend the Riot bot. He just wants to help you use the thing.
Get started with some tips from Riot Bot!
</span>
</div>
</div>
<div class="row">
<div>
<h3>Find a room</h3>
<h3>Search the room directory</h3>
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#matrix:matrix.org">
<img class="icon" src="https://riot.im/app/img/icons-directory.svg">
</a>
<span class="description">
We got lotsa rooms. Find yourself one and talk in it.
Lots of rooms already exist in Matrix, both linked with existing networks (Slack, Freenode, Gitter etc) or existing independently. Check out the directory!
</span>
</div>
</div>
@ -91,7 +102,7 @@
</div>
<div class="row">
<h4>Building service atop Matrix</h4>
<h4>Building services on Matrix</h4>
</div>
<div class="row">
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#matrix-dev:matrix.org">
@ -151,8 +162,6 @@
<span class="roomname">#irc:matrix.org</span>
</a>
</div>
</div>
</body>
</html>