mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-13 03:42:01 +03:00
192 lines
5.4 KiB
HTML
192 lines
5.4 KiB
HTML
<style type="text/css">
|
|
|
|
/* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
|
|
* voodoo where we have to set display: none by default
|
|
*/
|
|
|
|
.mx_HomePage_container {
|
|
text-align: center;
|
|
display: block ! important;
|
|
width: 690px;
|
|
margin: 20px;
|
|
}
|
|
|
|
.mx_HomePage_header {
|
|
margin-top: 37px;
|
|
margin-left: 10px;
|
|
width: 670px;
|
|
box-sizing: border-box;
|
|
font-size: 18px;
|
|
background-color: #fff;
|
|
box-shadow: 0px 2px 10px 0px rgba(48,55,81,0.05);
|
|
border-radius: 5px;
|
|
padding: 20px 80px 20px 80px;
|
|
align-items: center;
|
|
}
|
|
|
|
.mx_HomePage_header h1 {
|
|
font-size: 29px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mx_HomePage_intro h2 {
|
|
margin-top: 32px;
|
|
font-size: 25px;
|
|
color: #49555F;
|
|
}
|
|
|
|
.mx_HomePage_intro {
|
|
margin: auto;
|
|
width: 600px;
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mx_HomePage_coc {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mx_HomePage_coc a {
|
|
color: #4360DF;
|
|
}
|
|
|
|
.mx_HomePage_room, .mx_HomePage_telegram {
|
|
float: left;
|
|
background-color: #fff;
|
|
box-shadow: 0px 2px 10px 0px rgba(48,55,81,0.05);
|
|
border-radius: 5px;
|
|
margin: 10px;
|
|
width: 210px;
|
|
height: 250px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.mx_HomePage_telegram {
|
|
background-color: transparent;
|
|
border: 1px solid rgba(113, 129, 142, 0.2);
|
|
box-shadow: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.mx_HomePage_telegram a {
|
|
text-transform: uppercase;
|
|
color: #4360DF;
|
|
font-size: 13px;
|
|
font-family: PostGrotesk-Medium, Arial, Helvetica, Sans-Serif;
|
|
font-weight: 600;
|
|
opacity: 1.0;
|
|
transition: opacity .2s ease;
|
|
}
|
|
|
|
.mx_HomePage_telegram a:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.mx_HomePage_room .mx_HomePage_icon {
|
|
margin-top: 24px;
|
|
margin-bottom: 16px;
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mx_HomePage_room .mx_HomePage_name {
|
|
display: block;
|
|
font-family: PostGrotesk-Medium, Arial, Helvetica, Sans-Serif;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
color: #49555F;
|
|
line-height: 25px;
|
|
margin: 0px 12px 0px 12px;
|
|
}
|
|
|
|
.mx_HomePage_room .mx_HomePage_desc {
|
|
flex: 1;
|
|
display: block;
|
|
margin: 0px 12px 0px 12px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.mx_HomePage_button {
|
|
align-self: normal;
|
|
margin: 12px;
|
|
border-radius: 8px;
|
|
border: 1px solid rgba(199, 206, 209, 0.12);
|
|
background-color: #6CC1F6;
|
|
font-size: 13px;
|
|
font-family: PostGrotesk-Medium, Arial, Helvetica, Sans-Serif;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
color: #fff ! important;
|
|
cursor: pointer;
|
|
outline: none;
|
|
padding: 14px;
|
|
box-sizing: border-box;
|
|
padding-left: 1.5em;
|
|
padding-right: 1.5em;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="mx_HomePage_container">
|
|
<div class="mx_HomePage_header">
|
|
<div>
|
|
<h1>Welcome to Status Community Chat, powered by Riot.</h1>
|
|
<p>For contributors, developers and Ethereum-enthusiasts who care about the movement for decentralization.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mx_HomePage_intro">
|
|
<h2>Our rooms</h2>
|
|
<p>Please abide by the channels discussion categories and remain on topic to the specific category details listed.</p>
|
|
<p class="mx_HomePage_coc">Before posting please refer to our <a href="https://wiki.status.im/Code_of_conduct">Code of Conduct</a></p>
|
|
</div>
|
|
|
|
|
|
<div class="mx_HomePage_room">
|
|
<img class="mx_HomePage_icon" src="themes/status/img/a.png">
|
|
<span class="mx_HomePage_name">#announcements</span>
|
|
<span class="mx_HomePage_desc">Company wide announcements.</span>
|
|
<a class="mx_HomePage_button" href="#/room/#announcements:status.im">Join</a>
|
|
</div>
|
|
<div class="mx_HomePage_room">
|
|
<img class="mx_HomePage_icon" src="themes/status/img/i.png">
|
|
<span class="mx_HomePage_name">#introductions</span>
|
|
<span class="mx_HomePage_desc">Newcomer introductions.</span>
|
|
<a class="mx_HomePage_button" href="#/room/#introductions:status.im">Join</a>
|
|
</div>
|
|
<div class="mx_HomePage_room">
|
|
<img class="mx_HomePage_icon" src="themes/status/img/g.png">
|
|
<span class="mx_HomePage_name">#general</span>
|
|
<span class="mx_HomePage_desc">General discussions of Status.</span>
|
|
<a class="mx_HomePage_button" href="#/room/#general:status.im">Join</a>
|
|
</div>
|
|
<div class="mx_HomePage_room">
|
|
<img class="mx_HomePage_icon" src="themes/status/img/d.png">
|
|
<span class="mx_HomePage_name">#dev-status</span>
|
|
<span class="mx_HomePage_desc">Contributing to our codebase? Building a DApp or a chatbot? We're here to help.</span>
|
|
<a class="mx_HomePage_button" href="#/room/#dev-status:status.im">Join</a>
|
|
</div>
|
|
<div class="mx_HomePage_room">
|
|
<img class="mx_HomePage_icon" src="themes/status/img/n.png">
|
|
<span class="mx_HomePage_name">#news-articles</span>
|
|
<span class="mx_HomePage_desc">Share news, articles related to Ethereum or projects you're excited about</span>
|
|
<a class="mx_HomePage_button" href="#/room/#news-articles:status.im">Join</a>
|
|
</div>
|
|
<div class="mx_HomePage_telegram">
|
|
<p>
|
|
Interested in market and cryptocurrency type discussions?
|
|
</p>
|
|
<a href="https://t.me/StatusNetworkChat">Join Telegram</a>
|
|
</div>
|
|
</div>
|