Skip to content

Commit dc94c23

Browse files
coolmiccoolmic
committed
Add livegen logo in config, and add livegen welcome page
1 parent 8cc7dd3 commit dc94c23

File tree

2 files changed

+173
-3
lines changed

2 files changed

+173
-3
lines changed

‎config.json‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,20 @@
33
"m.homeserver": {
44
"base_url": "https://hs.livegen.net",
55
"server_name": "Livegen"
6-
},
7-
"m.identity_server": {
8-
"base_url": ""
96
}
107
},
118
"disable_custom_urls": false,
129
"disable_guests": false,
1310
"disable_login_language_selector": false,
1411
"disable_3pid_login": false,
1512
"brand": "Livegen",
13+
"branding": {
14+
"welcomeBackgroundUrl":"https://static.livegen.net/welcome-background.jpg",
15+
"authHeaderLogoUrl":"https://static.livegen.net/logo.svg"
16+
},
17+
"embeddedPages": {
18+
"welcomeUrl":"welcome/livegen.html"
19+
},
1620
"integrations_ui_url": "https://dimension.livegen.net/riot",
1721
"integrations_rest_url": "https://dimension.livegen.net/api/v1/scalar",
1822
"integrations_widgets_urls": [

‎res/welcome/livegen.html‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<style type="text/css">
2+
3+
/* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
4+
* voodoo where we have to set display: none by default
5+
*/
6+
7+
.mx_Parent {
8+
display: -webkit-box;
9+
display: -webkit-flex;
10+
display: -ms-flexbox;
11+
display: flex;
12+
-webkit-box-orient: vertical;
13+
-webkit-box-direction: normal;
14+
-webkit-flex-direction: column;
15+
-ms-flex-direction: column;
16+
flex-direction: column;
17+
-webkit-box-pack: center;
18+
-webkit-justify-content: center;
19+
-ms-flex-pack: center;
20+
justify-content: center;
21+
-webkit-box-align: center;
22+
-webkit-align-items: center;
23+
-ms-flex-align: center;
24+
align-items: center;
25+
text-align: center;
26+
padding: 25px 35px;
27+
color: #2e2f32;
28+
}
29+
30+
.mx_Logo {
31+
height: 54px;
32+
margin-top: 2px;
33+
}
34+
35+
.mx_ButtonGroup {
36+
margin-top: 10px;
37+
}
38+
39+
.mx_ButtonRow {
40+
display: -webkit-box;
41+
display: -webkit-flex;
42+
display: -ms-flexbox;
43+
display: flex;
44+
-webkit-justify-content: space-around;
45+
-ms-flex-pack: distribute;
46+
justify-content: space-around;
47+
-webkit-box-align: center;
48+
-webkit-align-items: center;
49+
-ms-flex-align: center;
50+
align-items: center;
51+
justify-content: space-between;
52+
box-sizing: border-box;
53+
margin: 12px 0 0;
54+
}
55+
56+
.mx_ButtonRow > * {
57+
margin: 0 10px;
58+
}
59+
60+
.mx_ButtonRow > *:first-child {
61+
margin-left: 0;
62+
}
63+
64+
.mx_ButtonRow > *:last-child {
65+
margin-right: 0;
66+
}
67+
68+
.mx_ButtonParent {
69+
display: -webkit-box;
70+
display: -webkit-flex;
71+
display: -ms-flexbox;
72+
display: flex;
73+
padding: 10px 20px;
74+
-webkit-box-orient: horizontal;
75+
-webkit-box-direction: normal;
76+
-webkit-flex-direction: row;
77+
-ms-flex-direction: row;
78+
flex-direction: row;
79+
-webkit-box-pack: center;
80+
-webkit-justify-content: center;
81+
-ms-flex-pack: center;
82+
justify-content: center;
83+
-webkit-box-align: center;
84+
-webkit-align-items: center;
85+
-ms-flex-align: center;
86+
align-items: center;
87+
border-radius: 4px;
88+
width: 150px;
89+
background-repeat: no-repeat;
90+
background-position: 10px center;
91+
text-decoration: none;
92+
color: #2e2f32 !important;
93+
}
94+
95+
.mx_ButtonHeadline {
96+
margin-bottom: 14px;
97+
}
98+
99+
.mx_ButtonLabel {
100+
margin-left: 20px;
101+
}
102+
103+
.mx_ButtonWrapperText {
104+
font-size: 13px;
105+
margin-bottom: 10px;
106+
}
107+
108+
.mx_Header_title {
109+
font-size: 18px;
110+
font-weight: 600;
111+
margin: 20px 0 0;
112+
}
113+
114+
.mx_Header_subtitle {
115+
font-size: 12px;
116+
font-weight: normal;
117+
margin: 8px 0 0;
118+
}
119+
120+
.mx_ButtonSignIn {
121+
background-color: #368BD6;
122+
color: white !important;
123+
}
124+
125+
.mx_ButtonCreateAccount {
126+
background-color: #03B381;
127+
color: white !important;
128+
}
129+
130+
.mx_SecondaryButton {
131+
background-color: #FFFFFF;
132+
color: #2E2F32;
133+
}
134+
135+
.mx_Button_iconSignIn {
136+
background-image: url('welcome/images/icon-sign-in.svg');
137+
}
138+
.mx_Button_iconCreateAccount {
139+
background-image: url('welcome/images/icon-create-account.svg');
140+
}
141+
.mx_Button_iconHelp {
142+
background-image: url('welcome/images/icon-help.svg');
143+
}
144+
.mx_Button_iconRoomDirectory {
145+
background-image: url('welcome/images/icon-room-directory.svg');
146+
}
147+
148+
</style>
149+
150+
<div class="mx_Parent">
151+
<a href="https://livegen.net" target="_blank" rel="noopener">
152+
<img src="https://static.livegen.net/logo.svg" alt="" class="mx_Logo"/>
153+
</a>
154+
<h1 class="mx_Header_title">Livegen x Element (Riot.im)</h1>
155+
<h4 class="mx_Header_subtitle">_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]")</h4>
156+
<div class="mx_ButtonGroup">
157+
<div class="mx_ButtonRow">
158+
<a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
159+
<div class="mx_ButtonLabel">_t("Sign In")</div>
160+
</a>
161+
<a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
162+
<div class="mx_ButtonLabel">_t("Create Account")</div>
163+
</a>
164+
</div>
165+
</div>
166+
</div>

0 commit comments

Comments
 (0)