PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
res/home/css/welcome.css
View file

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

25
res/home/index.html
View file

@ -10,6 +10,17 @@
<link href="css/welcome.css" rel="stylesheet"> <link href="css/welcome.css" rel="stylesheet">
<base target="_parent" /> <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> </head>
<body> <body>
<div class="container"> <div class="container">
@ -17,28 +28,28 @@
<img src="images/logo.svg" class="logo"> <img src="images/logo.svg" class="logo">
<div> <div>
<h1>Welcome to Riot.im</h1> <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> </div>
<div class="row"> <div class="row">
<div> <div>
<h3>Chat with Riot Bot</h3> <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"> <img class="icon" src="rooms/riot-bot.png">
</a> </a>
<span class="description"> <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> </span>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div> <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"> <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"> <img class="icon" src="https://riot.im/app/img/icons-directory.svg">
</a> </a>
<span class="description"> <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> </span>
</div> </div>
</div> </div>
@ -91,7 +102,7 @@
</div> </div>
<div class="row"> <div class="row">
<h4>Building service atop Matrix</h4> <h4>Building services on Matrix</h4>
</div> </div>
<div class="row"> <div class="row">
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#matrix-dev:matrix.org"> <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> <span class="roomname">#irc:matrix.org</span>
</a> </a>
</div> </div>
</div> </div>
</body> </body>
</html> </html>