diff --git a/res/home.html b/res/home.html index 4ee8d8fd19..dfb7bed8b8 100644 --- a/res/home.html +++ b/res/home.html @@ -66,8 +66,12 @@ h1::after { -webkit-align-items: center; -ms-flex-align: center; align-items: center; - border-radius: 10px; - width: 140px; + border-radius: 4px; + width: 150px; + background-repeat: no-repeat; + background-position: 10px center; + text-decoration: none; + color: #2e2f32 !important; } .mx_ButtonRow { @@ -75,8 +79,7 @@ h1::after { display: -webkit-flex; display: -ms-flexbox; display: flex; - width: 600px; - height: 120px; + width: 480px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; @@ -84,27 +87,28 @@ h1::after { -webkit-align-items: center; -ms-flex-align: center; align-items: center; + justify-content: space-between; + padding: 0 40px; + box-sizing: border-box; + margin: 28px 0; } .mx_buttonheadline { margin-bottom: 14px; } -.mx_buttonicon { - width: 40px; -} - .mx_buttonlabel { margin-left: 20px; } .mx_buttonwrappertext { + font-size: 13px; margin-bottom: 10px; } .mx_Header2 { font-size: 32px; - font-weight: 400; + font-weight: 600; margin-top: 40px; } @@ -115,20 +119,33 @@ h1::after { } .mx_ButtonSignIn { - background: #368BD6; - color: white; + background-color: #368BD6; + color: white !important; } .mx_ButtonCreateAccount { - background: #03B381; - color: white; + background-color: #03B381; + color: white !important; } .mx_secondarybutton { - background: #FFFFFF; + background-color: #FFFFFF; color: #2E2F32; } +.mx_Button_iconSignIn { + background-image: url('home/images/icon-sign-in.svg'); +} +.mx_Button_iconCreateAccount { + background-image: url('home/images/icon-create-account.svg'); +} +.mx_Button_iconHelp { + background-image: url('home/images/icon-help.svg'); +} +.mx_Button_iconRoomDirectory { + background-image: url('home/images/icon-room-directory.svg'); +} +
@@ -139,29 +156,25 @@ h1::after {

_t("Decentralised, encrypted chat & collaboration powered by [matrix]")

-
- -
Sign In
-
-
- -
Create Account
-
+ +
_t("Sign In")
+
+ +
_t("Create Account")
+
-
Need help?
-
- -
Chat with Riot Bot
-
+
_t("Need help?")
+ +
_t("Chat with Riot Bot")
+
-
Explore rooms
-
- -
Room Directory
-
+
_t("Explore rooms")
+ +
_t("Room Directory")
+