mirror of
https://github.com/element-hq/element-web
synced 2024-11-25 18:55:58 +03:00
rework tom's welcome page to fit in slightly better with riot's UI/UX
* moves login button to top-left * switches from iframe to a request() to load the welcome page to inherit CSS (probably breaks RTS :/) * namespace CSS * change the layout a bit.
This commit is contained in:
Matthew Hodgson
parent
1af86405bd
commit
1f4f86b5f8
21 changed files with 548 additions and 238 deletions
192
res/home.html
192
res/home.html
|
|
@ -1,9 +1,183 @@
|
||||||
<!DOCTYPE html>
|
<link href="home/css/welcome.css" rel="stylesheet">
|
||||||
<html>
|
<div style="display: none" class="mx_HomePage_container">
|
||||||
<head>
|
<div class="mx_HomePage_col">
|
||||||
<title>Riot - Home</title>
|
<a href="https://riot.im"><img src="home/images/logo.svg" class="mx_HomePage_logo"></a>
|
||||||
</head>
|
<div>
|
||||||
<body>
|
<h1>Welcome to Riot.im</h1>
|
||||||
<div>Welcome to Riot</div>
|
<h2>Decentralised, encrypted chat & 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>
|
||||||
</body>
|
</div>
|
||||||
</html>
|
</div>
|
||||||
|
<div class="mx_HomePage_col">
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div>
|
||||||
|
<h3>Search the room directory</h3>
|
||||||
|
<a class="mx_HomePage_room" href="#/room/#matrix:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="img/icons-directory.svg">
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_comment">
|
||||||
|
Lots of rooms already exist in Matrix, linked to existing networks (Slack, IRC, Gitter etc) or independent.
|
||||||
|
Check out the directory!
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div>
|
||||||
|
<h3>Chat with Riot Bot</h3>
|
||||||
|
<a class="mx_HomePage_room" href="#/user/@riot-bot:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot-bot.png">
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_comment">
|
||||||
|
Get started with some tips from Riot Bot!
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<h3>General discussion about Matrix</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#matrix:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/matrix.png">
|
||||||
|
<span class="mx_HomePage_name">Matrix HQ</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Discussion of all things Matrix!</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#riot:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot.png">
|
||||||
|
<span class="mx_HomePage_name">Riot</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Chat about Riot/Web & Desktop</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#riot-ios:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot-ios.png">
|
||||||
|
<span class="mx_HomePage_name">#riot-ios :matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Chat about Riot/iOS & matrix-ios-sdk</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#riot-android:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot-android.png">
|
||||||
|
<span class="mx_HomePage_name">#riot-android :matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Chat about Riot/Android & matrix-android-sdk</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<h3>Matrix technical discussions</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<h4>Running Matrix services</h4>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#synapse:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/matrix.png">
|
||||||
|
<span class="mx_HomePage_name">Synapse Support Community</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Community-run support for Synapse</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#dendrite:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/dendrite.png">
|
||||||
|
<span class="mx_HomePage_name">#dendrite:matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Admin support for Dendrite</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#homeowners:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/homeowners.png">
|
||||||
|
<span class="mx_HomePage_name">Synapse Homeowners</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Announcements about Synapse releases</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#irc:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/irc.png">
|
||||||
|
<span class="mx_HomePage_name">IRC Matrix Bridges</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Support for those using and running matrix-appservice-irc</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<h4>Building services on Matrix</h4>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#matrix-dev:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/matrix-dev.png">
|
||||||
|
<span class="mx_HomePage_name">#matrix-dev:matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Support for those using the Matrix spec</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#e2e:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/e2e.png">
|
||||||
|
<span class="mx_HomePage_name">End-to-end crypto in Matrix</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Design and implementation of E2E in Matrix</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#vr:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/vr.png">
|
||||||
|
<span class="mx_HomePage_name">#vr:matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Implementing VR services with Matrix</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#webrtc:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/webrtc.png">
|
||||||
|
<span class="mx_HomePage_name">#webrtc:matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Implementing VoIP services with Matrix</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#identity:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/identity.jpg">
|
||||||
|
<span class="mx_HomePage_name">Matrix Identity</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Discussion of the Identity Service API</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#bridging:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/bridging.png">
|
||||||
|
<span class="mx_HomePage_name">Matrix Bridging</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Support for those using, running and writing other bridges</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<h4>Contributing code to Matrix and Riot</h4>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_row">
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#riot-dev:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot-dev.png">
|
||||||
|
<span class="mx_HomePage_name">#riot-dev:matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Dev chat for the Riot/Web dev team</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#dendrite-dev:matrix.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/dendrite-dev.png">
|
||||||
|
<span class="mx_HomePage_name">#dendrite-dev :matrix.org</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Dev chat for the Dendrite dev team</span>
|
||||||
|
</div>
|
||||||
|
<div class="mx_HomePage_room">
|
||||||
|
<a href="#/room/#riotweb-translations.org">
|
||||||
|
<img class="mx_HomePage_icon" src="home/rooms/riot-translations.png">
|
||||||
|
<span class="mx_HomePage_name">Riot-Web Translations</span>
|
||||||
|
</a>
|
||||||
|
<span class="mx_HomePage_desc">Co-ordination for Riot/Web translators</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,29 @@
|
||||||
.container {
|
.mx_HomePage_col {
|
||||||
}
|
|
||||||
|
|
||||||
div.row {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.logo {
|
.mx_HomePage_row {
|
||||||
margin-top: 26px;
|
flex: 1 1 0;
|
||||||
margin-left: 10px;
|
margin-right: 20px;
|
||||||
display: inline;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.bigicon {
|
.mx_HomePage_logo {
|
||||||
cursor: pointer;
|
margin-top: 20px;
|
||||||
|
margin-left: 40px;
|
||||||
|
margin-right: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
display: inline;
|
display: inline;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_HomePage_room {
|
||||||
|
cursor: pointer;
|
||||||
|
float: left;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
@ -23,38 +31,42 @@ a.bigicon {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.bigicon .icon {
|
.mx_HomePage_room .mx_HomePage_icon {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 65px;
|
width: 65px;
|
||||||
height: 65px;
|
height: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.bigicon .title {
|
.mx_HomePage_room .mx_HomePage_name {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.bigicon .roomname {
|
.mx_HomePage_room .mx_HomePage_desc {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.mx_HomePage_comment {
|
||||||
display: inline;
|
display: block;
|
||||||
|
margin-left: 140px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3::after, h4::after {
|
h3::after, h4::after {
|
||||||
content: ":";
|
content: ":";
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
.mx_HomePage_container {
|
||||||
|
display: block ! important;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_HomePage_container h1 {
|
||||||
|
margin: 0px;
|
||||||
|
margin-top: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_HomePage_container h2 {
|
||||||
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
153
res/home/images/matrix.svg
Normal file
153
res/home/images/matrix.svg
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14576) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
width="793.322px" height="340.809px" viewBox="0 0 793.322 340.809" enable-background="new 0 0 793.322 340.809"
|
||||||
|
xml:space="preserve">
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M34.004,340.809H2c-1.104,0-2-0.896-2-2V2c0-1.104,0.896-2,2-2h32.004c1.104,0,2,0.896,2,2
|
||||||
|
v7.71c0,1.104-0.896,2-2,2h-21.13v317.386h21.13c1.104,0,2,0.896,2,2.001v7.712C36.004,339.913,35.108,340.809,34.004,340.809
|
||||||
|
L34.004,340.809z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M10.875,9.711v321.386h23.13v7.711H1.999V2.001h32.006v7.71H10.875z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M252.402,233.711h-32.993c-1.104,0-2-0.896-2-2v-68.073c0-3.949-0.154-7.722-0.457-11.213
|
||||||
|
c-0.289-3.282-1.074-6.153-2.332-8.53c-1.204-2.276-3.017-4.119-5.384-5.476c-2.393-1.362-5.775-2.056-10.042-2.056
|
||||||
|
c-4.238,0-7.674,0.798-10.213,2.371c-2.565,1.596-4.604,3.701-6.053,6.258c-1.498,2.643-2.51,5.694-3.013,9.067
|
||||||
|
c-0.526,3.513-0.793,7.125-0.793,10.741v66.91c0,1.104-0.896,2-2,2h-32.991c-1.104,0-2-0.896-2-2v-67.373
|
||||||
|
c0-3.435-0.078-6.964-0.228-10.485c-0.148-3.251-0.767-6.278-1.841-8.995c-1.018-2.571-2.667-4.584-5.047-6.153
|
||||||
|
c-2.372-1.552-6.029-2.341-10.865-2.341c-1.372,0-3.265,0.328-5.629,0.976c-2.28,0.624-4.536,1.826-6.705,3.577
|
||||||
|
c-2.152,1.732-4.036,4.306-5.605,7.655c-1.569,3.356-2.367,7.877-2.367,13.438v69.701c0,1.104-0.895,2-2,2H68.857
|
||||||
|
c-1.104,0-2-0.896-2-2V111.594c0-1.104,0.896-1.999,2-1.999h31.13c1.104,0,2,0.896,2,1.999v11.007
|
||||||
|
c3.834-4.499,8.248-8.152,13.173-10.896c6.396-3.559,13.799-5.362,22.002-5.362c7.846,0,15.127,1.548,21.642,4.604
|
||||||
|
c5.794,2.722,10.424,7.26,13.791,13.52c3.449-4.362,7.833-8.306,13.071-11.752c6.422-4.228,14.102-6.371,22.824-6.371
|
||||||
|
c6.499,0,12.625,0.807,18.209,2.399c5.686,1.628,10.635,4.271,14.712,7.857c4.088,3.605,7.318,8.357,9.601,14.123
|
||||||
|
c2.25,5.719,3.391,12.649,3.391,20.604v80.384C254.402,232.815,253.507,233.711,252.402,233.711L252.402,233.711z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M99.988,111.595v16.264h0.463c4.338-6.191,9.563-10.998,15.684-14.406
|
||||||
|
c6.117-3.402,13.129-5.11,21.027-5.11c7.588,0,14.521,1.475,20.793,4.415c6.274,2.945,11.038,8.131,14.291,15.567
|
||||||
|
c3.56-5.265,8.4-9.913,14.521-13.94c6.117-4.025,13.358-6.042,21.724-6.042c6.351,0,12.234,0.776,17.66,2.325
|
||||||
|
c5.418,1.549,10.065,4.027,13.938,7.434c3.869,3.41,6.889,7.863,9.062,13.357c2.167,5.504,3.253,12.122,3.253,19.869v80.385H219.41
|
||||||
|
v-68.074c0-4.025-0.154-7.82-0.465-11.385c-0.313-3.56-1.161-6.656-2.555-9.293c-1.395-2.631-3.45-4.724-6.157-6.274
|
||||||
|
c-2.711-1.543-6.391-2.322-11.037-2.322s-8.403,0.896-11.269,2.671c-2.868,1.784-5.112,4.109-6.737,6.971
|
||||||
|
c-1.626,2.869-2.711,6.12-3.252,9.762c-0.545,3.638-0.814,7.318-0.814,11.035v66.91h-32.991v-67.375c0-3.562-0.081-7.087-0.23-10.57
|
||||||
|
c-0.158-3.487-0.814-6.7-1.978-9.645c-1.162-2.94-3.099-5.304-5.809-7.088c-2.711-1.775-6.699-2.671-11.965-2.671
|
||||||
|
c-1.551,0-3.603,0.349-6.156,1.048c-2.556,0.697-5.036,2.016-7.435,3.949c-2.404,1.938-4.454,4.726-6.158,8.363
|
||||||
|
c-1.705,3.642-2.556,8.402-2.556,14.287v69.701h-32.99V111.595H99.988z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M304.909,236.733c-5.883,0-11.46-0.729-16.574-2.163c-5.192-1.464-9.806-3.774-13.713-6.871
|
||||||
|
c-3.944-3.117-7.068-7.111-9.282-11.871c-2.205-4.733-3.324-10.412-3.324-16.876c0-7.13,1.293-13.117,3.846-17.797
|
||||||
|
c2.542-4.674,5.877-8.464,9.912-11.263c3.97-2.752,8.556-4.842,13.63-6.209c4.901-1.322,9.937-2.394,14.961-3.184
|
||||||
|
c4.986-0.775,9.949-1.404,14.754-1.872c4.679-0.452,8.88-1.139,12.489-2.039c3.412-0.854,6.118-2.09,8.042-3.672
|
||||||
|
c1.666-1.37,2.416-3.384,2.292-6.151c-0.002-3.289-0.502-5.816-1.492-7.595c-0.998-1.798-2.283-3.15-3.927-4.138
|
||||||
|
c-1.703-1.02-3.725-1.713-6.012-2.062c-2.47-0.37-5.146-0.557-7.947-0.557c-6.034,0-10.789,1.271-14.135,3.783
|
||||||
|
c-3.233,2.424-5.155,6.64-5.714,12.527c-0.098,1.026-0.961,1.812-1.992,1.812h-32.992c-0.552,0-1.079-0.229-1.457-0.629
|
||||||
|
c-0.376-0.402-0.572-0.941-0.54-1.491c0.485-8.073,2.55-14.894,6.142-20.272c3.548-5.331,8.147-9.682,13.661-12.931
|
||||||
|
c5.424-3.191,11.612-5.498,18.392-6.857c6.684-1.335,13.5-2.013,20.26-2.013c6.096,0,12.365,0.437,18.626,1.296
|
||||||
|
c6.377,0.88,12.285,2.622,17.562,5.177c5.376,2.604,9.845,6.29,13.282,10.951c3.498,4.744,5.271,11.048,5.271,18.731v62.494
|
||||||
|
c0,5.307,0.306,10.462,0.915,15.319c0.576,4.64,1.572,8.116,2.963,10.338c0.385,0.616,0.407,1.395,0.055,2.031
|
||||||
|
c-0.353,0.635-1.022,1.03-1.75,1.03h-33.457c-0.861,0-1.624-0.55-1.898-1.367c-0.646-1.941-1.176-3.939-1.572-5.936
|
||||||
|
c-0.141-0.696-0.267-1.402-0.38-2.12c-4.825,4.184-10.349,7.24-16.474,9.105C320.033,235.609,312.489,236.733,304.909,236.733
|
||||||
|
L304.909,236.733z M341.941,176.661c-0.809,0.409-1.676,0.768-2.596,1.074c-2.161,0.72-4.511,1.326-6.988,1.807
|
||||||
|
c-2.442,0.475-5.033,0.872-7.699,1.186c-2.631,0.311-5.251,0.697-7.784,1.146c-2.329,0.433-4.705,1.035-7.051,1.792
|
||||||
|
c-2.194,0.711-4.114,1.667-5.699,2.842c-1.531,1.128-2.785,2.587-3.731,4.335c-0.917,1.709-1.385,3.97-1.385,6.719
|
||||||
|
c0,2.598,0.465,4.778,1.385,6.481c0.928,1.722,2.142,3.035,3.716,4.018c1.644,1.026,3.601,1.757,5.816,2.17
|
||||||
|
c2.344,0.439,4.799,0.663,7.297,0.663c6.105,0,10.836-0.996,14.063-2.961c3.244-1.973,5.666-4.349,7.199-7.062
|
||||||
|
c1.568-2.78,2.542-5.62,2.892-8.436c0.376-3.019,0.565-5.436,0.565-7.187V176.661L341.941,176.661z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M273.544,129.255c3.405-5.113,7.744-9.215,13.012-12.316
|
||||||
|
c5.264-3.097,11.186-5.303,17.771-6.621c6.582-1.315,13.205-1.976,19.865-1.976c6.042,0,12.158,0.428,18.354,1.277
|
||||||
|
c6.195,0.855,11.85,2.522,16.962,4.997c5.111,2.477,9.292,5.926,12.546,10.338c3.253,4.414,4.879,10.262,4.879,17.543v62.494
|
||||||
|
c0,5.428,0.31,10.611,0.931,15.567c0.615,4.959,1.701,8.676,3.251,11.153H347.66c-0.621-1.86-1.126-3.755-1.511-5.693
|
||||||
|
c-0.39-1.933-0.661-3.908-0.813-5.923c-5.267,5.422-11.465,9.217-18.585,11.386c-7.127,2.163-14.407,3.251-21.842,3.251
|
||||||
|
c-5.733,0-11.077-0.698-16.033-2.09c-4.958-1.395-9.293-3.562-13.01-6.51c-3.718-2.938-6.622-6.656-8.713-11.147
|
||||||
|
s-3.138-9.84-3.138-16.033c0-6.813,1.199-12.43,3.604-16.84c2.399-4.417,5.495-7.939,9.295-10.575
|
||||||
|
c3.793-2.632,8.129-4.607,13.01-5.923c4.878-1.315,9.795-2.358,14.752-3.137c4.957-0.772,9.835-1.393,14.638-1.857
|
||||||
|
c4.801-0.466,9.062-1.164,12.779-2.093c3.718-0.929,6.658-2.282,8.829-4.065c2.165-1.781,3.172-4.375,3.02-7.785
|
||||||
|
c0-3.56-0.58-6.389-1.742-8.479c-1.161-2.09-2.711-3.719-4.646-4.88c-1.937-1.161-4.183-1.936-6.737-2.325
|
||||||
|
c-2.557-0.382-5.309-0.58-8.248-0.58c-6.506,0-11.617,1.395-15.335,4.183c-3.716,2.788-5.889,7.437-6.506,13.94h-32.991
|
||||||
|
C268.199,140.794,270.132,134.363,273.544,129.255z M338.713,175.838c-2.09,0.696-4.337,1.275-6.736,1.741
|
||||||
|
c-2.402,0.465-4.918,0.853-7.551,1.161c-2.635,0.313-5.268,0.698-7.899,1.163c-2.48,0.461-4.919,1.086-7.317,1.857
|
||||||
|
c-2.404,0.779-4.495,1.822-6.274,3.138c-1.784,1.317-3.216,2.985-4.3,4.994c-1.085,2.014-1.626,4.571-1.626,7.668
|
||||||
|
c0,2.94,0.541,5.422,1.626,7.431c1.084,2.017,2.558,3.604,4.416,4.765s4.025,1.976,6.507,2.438c2.475,0.466,5.031,0.698,7.665,0.698
|
||||||
|
c6.505,0,11.537-1.082,15.103-3.253c3.561-2.166,6.192-4.762,7.899-7.785c1.702-3.019,2.749-6.072,3.137-9.174
|
||||||
|
c0.384-3.097,0.58-5.576,0.58-7.434v-12.316C342.547,174.173,340.805,175.14,338.713,175.838z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M444.542,234.874c-5.187,0-10.173-0.361-14.823-1.069c-4.802-0.732-9.104-2.183-12.779-4.313
|
||||||
|
c-3.789-2.185-6.821-5.341-9.006-9.375c-2.163-3.986-3.26-9.232-3.26-15.59v-68.859h-17.981c-1.104,0-2-0.896-2-1.999v-22.073
|
||||||
|
c0-1.104,0.896-1.999,2-1.999h17.981V75.582c0-1.104,0.896-2,2-2h32.992c1.104,0,2,0.896,2,2v34.014h22.162c1.104,0,2,0.896,2,1.999
|
||||||
|
v22.073c0,1.104-0.896,1.999-2,1.999h-22.162v57.479c0,6.229,1.198,8.731,2.202,9.733c1.004,1.007,3.506,2.205,9.738,2.205
|
||||||
|
c1.804,0,3.542-0.076,5.161-0.225c1.604-0.144,3.174-0.367,4.669-0.665c0.13-0.026,0.261-0.039,0.391-0.039
|
||||||
|
c0.458,0,0.907,0.159,1.27,0.454c0.463,0.379,0.73,0.946,0.73,1.546v25.555c0,0.979-0.707,1.813-1.672,1.974
|
||||||
|
c-2.834,0.472-6.041,0.794-9.527,0.957C451.015,234.798,447.718,234.874,444.542,234.874L444.542,234.874z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M463.825,111.595v22.072h-24.161v59.479c0,5.573,0.928,9.292,2.788,11.149
|
||||||
|
c1.856,1.859,5.576,2.788,11.152,2.788c1.859,0,3.638-0.076,5.343-0.232c1.703-0.152,3.33-0.388,4.878-0.696v25.557
|
||||||
|
c-2.788,0.465-5.887,0.773-9.293,0.931c-3.407,0.149-6.737,0.23-9.99,0.23c-5.111,0-9.953-0.35-14.521-1.048
|
||||||
|
c-4.571-0.695-8.597-2.047-12.081-4.063c-3.486-2.011-6.236-4.88-8.248-8.597c-2.016-3.714-3.021-8.595-3.021-14.639v-70.859h-19.98
|
||||||
|
v-22.072h19.98V75.583h32.992v36.012H463.825z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M512.613,233.711h-32.991c-1.104,0-2-0.896-2-2V111.594c0-1.104,0.896-1.999,2-1.999h31.366
|
||||||
|
c1.104,0,2,0.896,2,1.999v15.069c0.967-1.516,2.034-2.978,3.199-4.382c2.754-3.312,5.949-6.182,9.496-8.522
|
||||||
|
c3.545-2.332,7.385-4.169,11.415-5.462c4.056-1.298,8.327-1.954,12.691-1.954c2.341,0,4.953,0.418,7.766,1.243
|
||||||
|
c0.852,0.25,1.437,1.032,1.437,1.92v30.67c0,0.6-0.269,1.167-0.732,1.547c-0.361,0.296-0.808,0.452-1.265,0.452
|
||||||
|
c-0.133,0-0.265-0.013-0.398-0.039c-1.484-0.3-3.299-0.565-5.392-0.787c-2.098-0.224-4.136-0.339-6.062-0.339
|
||||||
|
c-5.706,0-10.572,0.95-14.467,2.823c-3.862,1.86-7.012,4.428-9.361,7.629c-2.389,3.263-4.115,7.12-5.127,11.47
|
||||||
|
c-1.043,4.479-1.574,9.409-1.574,14.647v54.132C514.613,232.815,513.717,233.711,512.613,233.711L512.613,233.711z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M510.988,111.595V133.9h0.465c1.546-3.72,3.636-7.163,6.272-10.341
|
||||||
|
c2.634-3.172,5.652-5.885,9.06-8.131c3.405-2.242,7.047-3.985,10.923-5.228c3.868-1.237,7.898-1.859,12.081-1.859
|
||||||
|
c2.168,0,4.566,0.39,7.202,1.163v30.67c-1.551-0.312-3.41-0.584-5.576-0.814c-2.17-0.233-4.26-0.35-6.274-0.35
|
||||||
|
c-6.041,0-11.152,1.01-15.332,3.021c-4.182,2.014-7.55,4.761-10.107,8.247c-2.555,3.487-4.379,7.55-5.462,12.198
|
||||||
|
c-1.083,4.645-1.625,9.682-1.625,15.102v54.133h-32.991V111.595H510.988z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M603.923,233.711H570.93c-1.104,0-2-0.896-2-2V111.594c0-1.104,0.896-1.999,2-1.999h32.994
|
||||||
|
c1.104,0,2,0.896,2,1.999v120.117C605.923,232.815,605.027,233.711,603.923,233.711L603.923,233.711z M603.923,95.006H570.93
|
||||||
|
c-1.104,0-2-0.896-2-1.999V65.825c0-1.104,0.896-2,2-2h32.994c1.104,0,2,0.896,2,2v27.182
|
||||||
|
C605.923,94.11,605.027,95.006,603.923,95.006L603.923,95.006z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M570.93,93.007V65.824h32.994v27.183H570.93z M603.924,111.595v120.117H570.93V111.595
|
||||||
|
H603.924z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M742.163,233.711h-37.64c-0.671,0-1.297-0.335-1.667-0.896l-23.426-35.352l-23.426,35.352
|
||||||
|
c-0.369,0.561-0.995,0.896-1.667,0.896h-36.938c-0.741,0-1.424-0.411-1.77-1.067c-0.345-0.654-0.3-1.449,0.118-2.061l42.435-62.055
|
||||||
|
l-38.71-55.793c-0.424-0.613-0.474-1.408-0.128-2.069c0.343-0.658,1.028-1.071,1.771-1.071h37.636c0.665,0,1.287,0.33,1.658,0.882
|
||||||
|
l19.477,28.893l19.255-28.884c0.372-0.556,0.996-0.891,1.665-0.891h36.475c0.746,0,1.43,0.415,1.776,1.078
|
||||||
|
c0.343,0.66,0.289,1.46-0.139,2.071l-38.69,55.082l43.578,62.744c0.424,0.61,0.474,1.408,0.128,2.066
|
||||||
|
C743.591,233.298,742.908,233.711,742.163,233.711L742.163,233.711z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M621.115,111.595h37.637l21.144,31.365l20.911-31.365h36.476l-39.496,56.226l44.377,63.892
|
||||||
|
h-37.64l-25.093-37.87l-25.094,37.87h-36.938l43.213-63.193L621.115,111.595z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M791.322,340.809h-32.008c-1.105,0-2-0.896-2-2v-7.712c0-1.105,0.896-2.001,2-2.001h21.13
|
||||||
|
V11.71h-21.13c-1.105,0-2-0.896-2-2V2c0-1.104,0.896-2,2-2h32.008c1.104,0,2,0.896,2,2v336.809
|
||||||
|
C793.322,339.913,792.426,340.809,791.322,340.809L791.322,340.809z"/>
|
||||||
|
<path opacity="0.5" fill="#FFFFFF" d="M782.443,331.097V9.711h-23.13v-7.71h32.008v336.807h-32.008v-7.711H782.443z"/>
|
||||||
|
<path d="M10.875,9.711v321.386h23.13v7.711H1.999V2.001h32.006v7.71H10.875z"/>
|
||||||
|
<path d="M99.988,111.595v16.264h0.463c4.338-6.191,9.563-10.998,15.684-14.406c6.117-3.402,13.129-5.11,21.027-5.11
|
||||||
|
c7.588,0,14.521,1.475,20.793,4.415c6.274,2.945,11.038,8.131,14.291,15.567c3.56-5.265,8.4-9.913,14.521-13.94
|
||||||
|
c6.117-4.025,13.358-6.042,21.724-6.042c6.351,0,12.234,0.776,17.66,2.325c5.418,1.549,10.065,4.027,13.938,7.434
|
||||||
|
c3.869,3.41,6.889,7.863,9.062,13.357c2.167,5.504,3.253,12.122,3.253,19.869v80.385H219.41v-68.074
|
||||||
|
c0-4.025-0.154-7.82-0.465-11.385c-0.313-3.56-1.161-6.656-2.555-9.293c-1.395-2.631-3.45-4.724-6.157-6.274
|
||||||
|
c-2.711-1.543-6.391-2.322-11.037-2.322s-8.403,0.896-11.269,2.671c-2.868,1.784-5.112,4.109-6.737,6.971
|
||||||
|
c-1.626,2.869-2.711,6.12-3.252,9.762c-0.545,3.638-0.814,7.318-0.814,11.035v66.91h-32.991v-67.375c0-3.562-0.081-7.087-0.23-10.57
|
||||||
|
c-0.158-3.487-0.814-6.7-1.978-9.645c-1.162-2.94-3.099-5.304-5.809-7.088c-2.711-1.775-6.699-2.671-11.965-2.671
|
||||||
|
c-1.551,0-3.603,0.349-6.156,1.048c-2.556,0.697-5.036,2.016-7.435,3.949c-2.404,1.938-4.454,4.726-6.158,8.363
|
||||||
|
c-1.705,3.642-2.556,8.402-2.556,14.287v69.701h-32.99V111.595H99.988z"/>
|
||||||
|
<path d="M273.544,129.255c3.405-5.113,7.744-9.215,13.012-12.316c5.264-3.097,11.186-5.303,17.771-6.621
|
||||||
|
c6.582-1.315,13.205-1.976,19.865-1.976c6.042,0,12.158,0.428,18.354,1.277c6.195,0.855,11.85,2.522,16.962,4.997
|
||||||
|
c5.111,2.477,9.292,5.926,12.546,10.338c3.253,4.414,4.879,10.262,4.879,17.543v62.494c0,5.428,0.31,10.611,0.931,15.567
|
||||||
|
c0.615,4.959,1.701,8.676,3.251,11.153H347.66c-0.621-1.86-1.126-3.755-1.511-5.693c-0.39-1.933-0.661-3.908-0.813-5.923
|
||||||
|
c-5.267,5.422-11.465,9.217-18.585,11.386c-7.127,2.163-14.407,3.251-21.842,3.251c-5.733,0-11.077-0.698-16.033-2.09
|
||||||
|
c-4.958-1.395-9.293-3.562-13.01-6.51c-3.718-2.938-6.622-6.656-8.713-11.147s-3.138-9.84-3.138-16.033
|
||||||
|
c0-6.813,1.199-12.43,3.604-16.84c2.399-4.417,5.495-7.939,9.295-10.575c3.793-2.632,8.129-4.607,13.01-5.923
|
||||||
|
c4.878-1.315,9.795-2.358,14.752-3.137c4.957-0.772,9.835-1.393,14.638-1.857c4.801-0.466,9.062-1.164,12.779-2.093
|
||||||
|
c3.718-0.929,6.658-2.282,8.829-4.065c2.165-1.781,3.172-4.375,3.02-7.785c0-3.56-0.58-6.389-1.742-8.479
|
||||||
|
c-1.161-2.09-2.711-3.719-4.646-4.88c-1.937-1.161-4.183-1.936-6.737-2.325c-2.557-0.382-5.309-0.58-8.248-0.58
|
||||||
|
c-6.506,0-11.617,1.395-15.335,4.183c-3.716,2.788-5.889,7.437-6.506,13.94h-32.991
|
||||||
|
C268.199,140.794,270.132,134.363,273.544,129.255z M338.713,175.838c-2.09,0.696-4.337,1.275-6.736,1.741
|
||||||
|
c-2.402,0.465-4.918,0.853-7.551,1.161c-2.635,0.313-5.268,0.698-7.899,1.163c-2.48,0.461-4.919,1.086-7.317,1.857
|
||||||
|
c-2.404,0.779-4.495,1.822-6.274,3.138c-1.784,1.317-3.216,2.985-4.3,4.994c-1.085,2.014-1.626,4.571-1.626,7.668
|
||||||
|
c0,2.94,0.541,5.422,1.626,7.431c1.084,2.017,2.558,3.604,4.416,4.765s4.025,1.976,6.507,2.438c2.475,0.466,5.031,0.698,7.665,0.698
|
||||||
|
c6.505,0,11.537-1.082,15.103-3.253c3.561-2.166,6.192-4.762,7.899-7.785c1.702-3.019,2.749-6.072,3.137-9.174
|
||||||
|
c0.384-3.097,0.58-5.576,0.58-7.434v-12.316C342.547,174.173,340.805,175.14,338.713,175.838z"/>
|
||||||
|
<path d="M463.825,111.595v22.072h-24.161v59.479c0,5.573,0.928,9.292,2.788,11.149c1.856,1.859,5.576,2.788,11.152,2.788
|
||||||
|
c1.859,0,3.638-0.076,5.343-0.232c1.703-0.152,3.33-0.388,4.878-0.696v25.557c-2.788,0.465-5.887,0.773-9.293,0.931
|
||||||
|
c-3.407,0.149-6.737,0.23-9.99,0.23c-5.111,0-9.953-0.35-14.521-1.048c-4.571-0.695-8.597-2.047-12.081-4.063
|
||||||
|
c-3.486-2.011-6.236-4.88-8.248-8.597c-2.016-3.714-3.021-8.595-3.021-14.639v-70.859h-19.98v-22.072h19.98V75.583h32.992v36.012
|
||||||
|
H463.825z"/>
|
||||||
|
<path d="M510.988,111.595V133.9h0.465c1.546-3.72,3.636-7.163,6.272-10.341c2.634-3.172,5.652-5.885,9.06-8.131
|
||||||
|
c3.405-2.242,7.047-3.985,10.923-5.228c3.868-1.237,7.898-1.859,12.081-1.859c2.168,0,4.566,0.39,7.202,1.163v30.67
|
||||||
|
c-1.551-0.312-3.41-0.584-5.576-0.814c-2.17-0.233-4.26-0.35-6.274-0.35c-6.041,0-11.152,1.01-15.332,3.021
|
||||||
|
c-4.182,2.014-7.55,4.761-10.107,8.247c-2.555,3.487-4.379,7.55-5.462,12.198c-1.083,4.645-1.625,9.682-1.625,15.102v54.133h-32.991
|
||||||
|
V111.595H510.988z"/>
|
||||||
|
<path d="M570.93,93.007V65.824h32.994v27.183H570.93z M603.924,111.595v120.117H570.93V111.595H603.924z"/>
|
||||||
|
<path d="M621.115,111.595h37.637l21.144,31.365l20.911-31.365h36.476l-39.496,56.226l44.377,63.892h-37.64l-25.093-37.87
|
||||||
|
l-25.094,37.87h-36.938l43.213-63.193L621.115,111.595z"/>
|
||||||
|
<path d="M782.443,331.097V9.711h-23.13v-7.71h32.008v336.807h-32.008v-7.711H782.443z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 16 KiB |
|
|
@ -1,167 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
||||||
<title>Welcome to Riot.im</title>
|
|
||||||
|
|
||||||
<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">
|
|
||||||
<div class="row">
|
|
||||||
<img src="images/logo.svg" class="logo">
|
|
||||||
<div>
|
|
||||||
<h1>Welcome to Riot.im</h1>
|
|
||||||
<h2>Decentralised, encrypted chat & 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="#/user/@riot-bot:matrix.org">
|
|
||||||
<img class="icon" src="rooms/riot-bot.png">
|
|
||||||
</a>
|
|
||||||
<span class="description">
|
|
||||||
Get started with some tips from Riot Bot!
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div>
|
|
||||||
<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">
|
|
||||||
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>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<h3>General discussion about Matrix</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#matrix:matrix.org">
|
|
||||||
<img class="icon" src="rooms/matrix.png">
|
|
||||||
<span class="title">Matrix HQ</span>
|
|
||||||
<span class="roomname">#matrix:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#riot:matrix.org">
|
|
||||||
<img class="icon" src="rooms/riot_im.png">
|
|
||||||
<span class="title">Riot.im</span>
|
|
||||||
<span class="roomname">#riot:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<h3>Matrix technical discussions</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<h4>Running Matrix services</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#synapse:matrix.org">
|
|
||||||
<img class="icon" src="rooms/matrix.png">
|
|
||||||
<span class="title">#synapse</span>
|
|
||||||
<span class="roomname">#synapse:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#dendrite:matrix.org">
|
|
||||||
<img class="icon" src="rooms/dendrite.png">
|
|
||||||
<span class="title">#dendrite</span>
|
|
||||||
<span class="roomname">#dendrite:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#homeowners:matrix.org">
|
|
||||||
<img class="icon" src="rooms/homeowners.png">
|
|
||||||
<span class="title">#homeowners</span>
|
|
||||||
<span class="roomname">#homeowners:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#irc:matrix.org">
|
|
||||||
<img class="icon" src="rooms/irc.png">
|
|
||||||
<span class="title">#irc</span>
|
|
||||||
<span class="roomname">#irc:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<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">
|
|
||||||
<img class="icon" src="rooms/matrix-dev.png">
|
|
||||||
<span class="title">#matrix-dev</span>
|
|
||||||
<span class="roomname">#matrix-dev:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#e2e:matrix.org">
|
|
||||||
<img class="icon" src="rooms/e2e.png">
|
|
||||||
<span class="title">#e2e</span>
|
|
||||||
<span class="roomname">#e2e:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#vr:matrix.org">
|
|
||||||
<img class="icon" src="rooms/vr.png">
|
|
||||||
<span class="title">#vr</span>
|
|
||||||
<span class="roomname">#vr:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#webrtc:matrix.org">
|
|
||||||
<img class="icon" src="rooms/webrtc.png">
|
|
||||||
<span class="title">#webrtc</span>
|
|
||||||
<span class="roomname">#webrtc:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#identity:matrix.org">
|
|
||||||
<img class="icon" src="rooms/identity.png">
|
|
||||||
<span class="title">#identity</span>
|
|
||||||
<span class="roomname">#identity:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#bridging:matrix.org">
|
|
||||||
<img class="icon" src="rooms/bridging.png">
|
|
||||||
<span class="title">#bridging</span>
|
|
||||||
<span class="roomname">#bridging:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<h4>Contributing code to Matrix and Riot</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#riot-dev:matrix.org">
|
|
||||||
<img class="icon" src="rooms/riot-dev.png">
|
|
||||||
<span class="title">#riot-dev</span>
|
|
||||||
<span class="roomname">#riot-dev:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#dendrite-dev:matrix.org">
|
|
||||||
<img class="icon" src="rooms/dendrite-dev.png">
|
|
||||||
<span class="title">#dendrite-dev</span>
|
|
||||||
<span class="roomname">#dendrite-dev:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#riotweb-translations.org">
|
|
||||||
<img class="icon" src="rooms/riot-translations.png">
|
|
||||||
<span class="title">#riot-translations</span>
|
|
||||||
<span class="roomname">#riotweb-translations:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
<a class="bigicon" href="https://lant.uk/riot/new-guest-access/#/room/#irc:matrix.org">
|
|
||||||
<img class="icon" src="rooms/irc.png">
|
|
||||||
<span class="title">#irc</span>
|
|
||||||
<span class="roomname">#irc:matrix.org</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 966 B After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 966 B After Width: | Height: | Size: 68 KiB |
BIN
res/home/rooms/identity.jpg
Normal file
BIN
res/home/rooms/identity.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
res/home/rooms/riot-android.png
Normal file
BIN
res/home/rooms/riot-android.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 146 B After Width: | Height: | Size: 34 KiB |
BIN
res/home/rooms/riot-ios.png
Normal file
BIN
res/home/rooms/riot-ios.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 9.6 KiB |
|
|
@ -26,6 +26,7 @@ const INCLUDE_LANGS = [
|
||||||
const COPY_LIST = [
|
const COPY_LIST = [
|
||||||
["res/manifest.json", "webapp"],
|
["res/manifest.json", "webapp"],
|
||||||
["res/home.html", "webapp"],
|
["res/home.html", "webapp"],
|
||||||
|
["res/home/**", "webapp/home"],
|
||||||
["res/{media,vector-icons}/**", "webapp"],
|
["res/{media,vector-icons}/**", "webapp"],
|
||||||
["res/flags/*", "webapp/flags/"],
|
["res/flags/*", "webapp/flags/"],
|
||||||
["src/skins/vector/{fonts,img}/**", "webapp"],
|
["src/skins/vector/{fonts,img}/**", "webapp"],
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,8 @@ limitations under the License.
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
|
import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
|
||||||
import sdk from 'matrix-react-sdk';
|
import sdk from 'matrix-react-sdk';
|
||||||
|
import GeminiScrollbar from 'react-gemini-scrollbar';
|
||||||
|
import request from 'browser-request';
|
||||||
|
|
||||||
module.exports = React.createClass({
|
module.exports = React.createClass({
|
||||||
displayName: 'HomePage',
|
displayName: 'HomePage',
|
||||||
|
|
@ -34,17 +36,46 @@ module.exports = React.createClass({
|
||||||
homePageUrl: React.PropTypes.string,
|
homePageUrl: React.PropTypes.string,
|
||||||
},
|
},
|
||||||
|
|
||||||
render: function() {
|
getInitialState: function() {
|
||||||
let src = this.props.homePageUrl || '/home/home.html';
|
return {
|
||||||
|
page: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
componentWillMount: function() {
|
||||||
|
// we use request() to inline the homepage into the react component
|
||||||
|
// so that it can inherit CSS and theming easily rather than mess around
|
||||||
|
// with iframes and trying to synchronise document.stylesheets.
|
||||||
|
|
||||||
|
let src = this.props.homePageUrl || '/home.html';
|
||||||
|
|
||||||
if (this.props.teamToken && this.props.teamServerUrl) {
|
if (this.props.teamToken && this.props.teamServerUrl) {
|
||||||
src = `${this.props.teamServerUrl}/static/${this.props.teamToken}/home.html`;
|
src = `${this.props.teamServerUrl}/static/${this.props.teamToken}/home.html`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
request(
|
||||||
|
{ method: "GET", url: src },
|
||||||
|
(err, response, body) => {
|
||||||
|
if (err || response.status < 200 || response.status >= 300) {
|
||||||
|
console.log(error);
|
||||||
|
this.setState({ page: "Couldn't load home page" });
|
||||||
|
}
|
||||||
|
|
||||||
|
// We parse the JSON ourselves rather than use the JSON
|
||||||
|
// parameter, since this throws a parse error on empty
|
||||||
|
// which breaks if there's no config.json and we're
|
||||||
|
// loading from the filesystem (see above).
|
||||||
|
this.setState({ page: body });
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function() {
|
||||||
return (
|
return (
|
||||||
<div className="mx_HomePage">
|
<GeminiScrollbar autoshow={true} className="mx_HomePage">
|
||||||
<iframe src={src}/>
|
<div className="mx_HomePage_body" dangerouslySetInnerHTML={{ __html: this.state.page }}>
|
||||||
</div>
|
</div>
|
||||||
|
</GeminiScrollbar>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -21,10 +21,13 @@ var DragDropContext = require('react-dnd').DragDropContext;
|
||||||
var HTML5Backend = require('react-dnd-html5-backend');
|
var HTML5Backend = require('react-dnd-html5-backend');
|
||||||
var sdk = require('matrix-react-sdk')
|
var sdk = require('matrix-react-sdk')
|
||||||
var dis = require('matrix-react-sdk/lib/dispatcher');
|
var dis = require('matrix-react-sdk/lib/dispatcher');
|
||||||
|
import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
|
||||||
|
|
||||||
var VectorConferenceHandler = require('../../VectorConferenceHandler');
|
var VectorConferenceHandler = require('../../VectorConferenceHandler');
|
||||||
var CallHandler = require("matrix-react-sdk/lib/CallHandler");
|
var CallHandler = require("matrix-react-sdk/lib/CallHandler");
|
||||||
|
|
||||||
|
import AccessibleButton from 'matrix-react-sdk/lib/components/views/elements/AccessibleButton';
|
||||||
|
|
||||||
var LeftPanel = React.createClass({
|
var LeftPanel = React.createClass({
|
||||||
displayName: 'LeftPanel',
|
displayName: 'LeftPanel',
|
||||||
|
|
||||||
|
|
@ -96,17 +99,21 @@ var LeftPanel = React.createClass({
|
||||||
render: function() {
|
render: function() {
|
||||||
var RoomList = sdk.getComponent('rooms.RoomList');
|
var RoomList = sdk.getComponent('rooms.RoomList');
|
||||||
var BottomLeftMenu = sdk.getComponent('structures.BottomLeftMenu');
|
var BottomLeftMenu = sdk.getComponent('structures.BottomLeftMenu');
|
||||||
var SearchBox = sdk.getComponent('structures.SearchBox');
|
|
||||||
|
|
||||||
var collapseButton;
|
var topBox;
|
||||||
|
if (MatrixClientPeg.get().isGuest()) {
|
||||||
|
var LoginBox = sdk.getComponent('structures.LoginBox');
|
||||||
|
topBox = <LoginBox collapsed={ this.props.collapsed }/>;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var SearchBox = sdk.getComponent('structures.SearchBox');
|
||||||
|
topBox = <SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />;
|
||||||
|
}
|
||||||
|
|
||||||
var classes = "mx_LeftPanel mx_fadable";
|
var classes = "mx_LeftPanel mx_fadable";
|
||||||
if (this.props.collapsed) {
|
if (this.props.collapsed) {
|
||||||
classes += " collapsed";
|
classes += " collapsed";
|
||||||
}
|
}
|
||||||
else {
|
|
||||||
// Hide the collapse button until we work out how to display it in the new skin
|
|
||||||
// collapseButton = <img className="mx_LeftPanel_hideButton" onClick={ this.onHideClick } src="img/hide.png" width="12" height="20" alt="<"/>
|
|
||||||
}
|
|
||||||
|
|
||||||
var callPreview;
|
var callPreview;
|
||||||
if (this.state.showCallElement && !this.props.collapsed) {
|
if (this.state.showCallElement && !this.props.collapsed) {
|
||||||
|
|
@ -120,8 +127,7 @@ var LeftPanel = React.createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<aside className={classes} style={{ opacity: this.props.opacity }}>
|
<aside className={classes} style={{ opacity: this.props.opacity }}>
|
||||||
<SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />
|
{ topBox }
|
||||||
{ collapseButton }
|
|
||||||
{ callPreview }
|
{ callPreview }
|
||||||
<RoomList
|
<RoomList
|
||||||
selectedRoom={this.props.selectedRoom}
|
selectedRoom={this.props.selectedRoom}
|
||||||
|
|
|
||||||
86
src/components/structures/LoginBox.js
Normal file
86
src/components/structures/LoginBox.js
Normal file
|
|
@ -0,0 +1,86 @@
|
||||||
|
/*
|
||||||
|
Copyright 2017 Vector Creations Ltd
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var React = require('react');
|
||||||
|
import { _t } from 'matrix-react-sdk/lib/languageHandler';
|
||||||
|
var sdk = require('matrix-react-sdk')
|
||||||
|
var dis = require('matrix-react-sdk/lib/dispatcher');
|
||||||
|
var rate_limited_func = require('matrix-react-sdk/lib/ratelimitedfunc');
|
||||||
|
var AccessibleButton = require('matrix-react-sdk/lib/components/views/elements/AccessibleButton');
|
||||||
|
|
||||||
|
module.exports = React.createClass({
|
||||||
|
displayName: 'LoginBox',
|
||||||
|
|
||||||
|
propTypes: {
|
||||||
|
collapsed: React.PropTypes.bool,
|
||||||
|
},
|
||||||
|
|
||||||
|
onToggleCollapse: function(show) {
|
||||||
|
if (show) {
|
||||||
|
dis.dispatch({
|
||||||
|
action: 'show_left_panel',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
dis.dispatch({
|
||||||
|
action: 'hide_left_panel',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoginClick: function() {
|
||||||
|
dis.dispatch({ action: 'start_login' });
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function() {
|
||||||
|
var TintableSvg = sdk.getComponent('elements.TintableSvg');
|
||||||
|
|
||||||
|
var toggleCollapse;
|
||||||
|
if (this.props.collapsed) {
|
||||||
|
toggleCollapse =
|
||||||
|
<AccessibleButton className="mx_SearchBox_maximise" onClick={ this.onToggleCollapse.bind(this, true) }>
|
||||||
|
<TintableSvg src="img/maximise.svg" width="10" height="16" alt="Expand panel"/>
|
||||||
|
</AccessibleButton>
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
toggleCollapse =
|
||||||
|
<AccessibleButton className="mx_SearchBox_minimise" onClick={ this.onToggleCollapse.bind(this, false) }>
|
||||||
|
<TintableSvg src="img/minimise.svg" width="10" height="16" alt="Collapse panel"/>
|
||||||
|
</AccessibleButton>
|
||||||
|
}
|
||||||
|
|
||||||
|
var loginButton;
|
||||||
|
if (!this.props.collapsed) {
|
||||||
|
loginButton = (
|
||||||
|
<div className="mx_LoginBox_loginButton_wrapper">
|
||||||
|
<AccessibleButton className="mx_LoginBox_loginButton" element="button" onClick={this.onLoginClick}>
|
||||||
|
Login
|
||||||
|
</AccessibleButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
return (
|
||||||
|
<div className="mx_SearchBox">
|
||||||
|
{ loginButton }
|
||||||
|
{ toggleCollapse }
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -101,10 +101,6 @@ module.exports = React.createClass({
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
onLoginClick: function() {
|
|
||||||
dis.dispatch({ action: 'start_login' });
|
|
||||||
},
|
|
||||||
|
|
||||||
onRoomStateMember: function(ev, state, member) {
|
onRoomStateMember: function(ev, state, member) {
|
||||||
// redraw the badge on the membership list
|
// redraw the badge on the membership list
|
||||||
if (this.state.phase == this.Phase.MemberList && member.roomId === this.props.roomId) {
|
if (this.state.phase == this.Phase.MemberList && member.roomId === this.props.roomId) {
|
||||||
|
|
@ -222,10 +218,6 @@ module.exports = React.createClass({
|
||||||
<TintableSvg src="img/minimise.svg" width="10" height="16"/>
|
<TintableSvg src="img/minimise.svg" width="10" height="16"/>
|
||||||
</div>
|
</div>
|
||||||
</div>;
|
</div>;
|
||||||
} else if (MatrixClientPeg.get().isGuest()) {
|
|
||||||
buttonGroup = <AccessibleButton className="mx_RightPanel_loginButton" element="button" onClick={this.onLoginClick}>
|
|
||||||
Login
|
|
||||||
</AccessibleButton>;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!this.props.collapsed) {
|
if (!this.props.collapsed) {
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
@import "./matrix-react-sdk/structures/_ContextualMenu.scss";
|
@import "./matrix-react-sdk/structures/_ContextualMenu.scss";
|
||||||
@import "./matrix-react-sdk/structures/_CreateRoom.scss";
|
@import "./matrix-react-sdk/structures/_CreateRoom.scss";
|
||||||
@import "./matrix-react-sdk/structures/_FilePanel.scss";
|
@import "./matrix-react-sdk/structures/_FilePanel.scss";
|
||||||
|
@import "./matrix-react-sdk/structures/_LoginBox.scss";
|
||||||
@import "./matrix-react-sdk/structures/_MatrixChat.scss";
|
@import "./matrix-react-sdk/structures/_MatrixChat.scss";
|
||||||
@import "./matrix-react-sdk/structures/_NotificationPanel.scss";
|
@import "./matrix-react-sdk/structures/_NotificationPanel.scss";
|
||||||
@import "./matrix-react-sdk/structures/_RoomStatusBar.scss";
|
@import "./matrix-react-sdk/structures/_RoomStatusBar.scss";
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
/*
|
||||||
|
Copyright 2017 OpenMarket Ltd
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.mx_LoginBox_loginButton_wrapper {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_LoginBox_loginButton {
|
||||||
|
margin-top: -8px;
|
||||||
|
height: 40px;
|
||||||
|
border: 0px;
|
||||||
|
border-radius: 40px;
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
|
|
||||||
|
background-color: $accent-color;
|
||||||
|
color: $primary-bg-color;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
@ -30,5 +30,5 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_HomePage_body {
|
.mx_HomePage_body {
|
||||||
margin-left: 63px;
|
// margin-left: 63px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,21 +30,6 @@ limitations under the License.
|
||||||
flex: 0 0 70px;
|
flex: 0 0 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_RightPanel_loginButton {
|
|
||||||
margin-top: 15px;
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
border: 0px;
|
|
||||||
border-radius: 40px;
|
|
||||||
|
|
||||||
background-color: $accent-color;
|
|
||||||
color: $primary-bg-color;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Fixme - factor this out with the main header **/
|
/** Fixme - factor this out with the main header **/
|
||||||
|
|
||||||
.mx_RightPanel_headerButtonGroup {
|
.mx_RightPanel_headerButtonGroup {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue