Merge pull request #4039 from vector-im/new-guest-access

New guest access
element-hq · Jun 7, 2017 · a158549 · a158549
2 parents 80d912b + 37625fa
commit a158549
Show file tree

Hide file tree

Showing 300 changed files with 1,200 additions and 220 deletions.
diff --git a/config.sample.json b/config.sample.json
@@ -11,6 +11,7 @@
             "matrix.org"
         ]
     },
+    "welcomeUserId": "@riot-bot:matrix.org",
     "piwik": {
         "url": "https://piwik.riot.im/",
         "siteId": 1

diff --git a/package.json b/package.json
@@ -77,7 +77,8 @@
     "react-gemini-scrollbar": "matrix-org/react-gemini-scrollbar#5e97aef",
     "sanitize-html": "^1.11.1",
     "ua-parser-js": "^0.7.10",
-    "url": "^0.11.0"
+    "url": "^0.11.0",
+    "velocity-vector": "vector-im/velocity#059e3b2"
   },
   "devDependencies": {
     "autoprefixer": "^6.6.0",

diff --git a/res/flags/AD.png b/res/flags/AD.png
diff --git a/res/flags/AE.png b/res/flags/AE.png
diff --git a/res/flags/AF.png b/res/flags/AF.png
diff --git a/res/flags/AG.png b/res/flags/AG.png
diff --git a/res/flags/AI.png b/res/flags/AI.png
diff --git a/res/flags/AL.png b/res/flags/AL.png
diff --git a/res/flags/AM.png b/res/flags/AM.png
diff --git a/res/flags/AO.png b/res/flags/AO.png
diff --git a/res/flags/AQ.png b/res/flags/AQ.png
diff --git a/res/flags/AR.png b/res/flags/AR.png
diff --git a/res/flags/AS.png b/res/flags/AS.png
diff --git a/res/flags/AT.png b/res/flags/AT.png
diff --git a/res/flags/AU.png b/res/flags/AU.png
diff --git a/res/flags/AW.png b/res/flags/AW.png
diff --git a/res/flags/AX.png b/res/flags/AX.png
diff --git a/res/flags/AZ.png b/res/flags/AZ.png
diff --git a/res/flags/BA.png b/res/flags/BA.png
diff --git a/res/flags/BB.png b/res/flags/BB.png
diff --git a/res/flags/BD.png b/res/flags/BD.png
diff --git a/res/flags/BE.png b/res/flags/BE.png
diff --git a/res/flags/BF.png b/res/flags/BF.png
diff --git a/res/flags/BG.png b/res/flags/BG.png
diff --git a/res/flags/BH.png b/res/flags/BH.png
diff --git a/res/flags/BI.png b/res/flags/BI.png
diff --git a/res/flags/BJ.png b/res/flags/BJ.png
diff --git a/res/flags/BL.png b/res/flags/BL.png
diff --git a/res/flags/BM.png b/res/flags/BM.png
diff --git a/res/flags/BN.png b/res/flags/BN.png
diff --git a/res/flags/BO.png b/res/flags/BO.png
diff --git a/res/flags/BQ.png b/res/flags/BQ.png
diff --git a/res/flags/BR.png b/res/flags/BR.png
diff --git a/res/flags/BS.png b/res/flags/BS.png
diff --git a/res/flags/BT.png b/res/flags/BT.png
diff --git a/res/flags/BV.png b/res/flags/BV.png
diff --git a/res/flags/BW.png b/res/flags/BW.png
diff --git a/res/flags/BY.png b/res/flags/BY.png
diff --git a/res/flags/BZ.png b/res/flags/BZ.png
diff --git a/res/flags/CA.png b/res/flags/CA.png
diff --git a/res/flags/CC.png b/res/flags/CC.png
diff --git a/res/flags/CD.png b/res/flags/CD.png
diff --git a/res/flags/CF.png b/res/flags/CF.png
diff --git a/res/flags/CG.png b/res/flags/CG.png
diff --git a/res/flags/CH.png b/res/flags/CH.png
diff --git a/res/flags/CI.png b/res/flags/CI.png
diff --git a/res/flags/CK.png b/res/flags/CK.png
diff --git a/res/flags/CL.png b/res/flags/CL.png
diff --git a/res/flags/CM.png b/res/flags/CM.png
diff --git a/res/flags/CN.png b/res/flags/CN.png
diff --git a/res/flags/CO.png b/res/flags/CO.png
diff --git a/res/flags/CR.png b/res/flags/CR.png
diff --git a/res/flags/CU.png b/res/flags/CU.png
diff --git a/res/flags/CV.png b/res/flags/CV.png
diff --git a/res/flags/CW.png b/res/flags/CW.png
diff --git a/res/flags/CX.png b/res/flags/CX.png
diff --git a/res/flags/CY.png b/res/flags/CY.png
diff --git a/res/flags/CZ.png b/res/flags/CZ.png
diff --git a/res/flags/DE.png b/res/flags/DE.png
diff --git a/res/flags/DJ.png b/res/flags/DJ.png
diff --git a/res/flags/DK.png b/res/flags/DK.png
diff --git a/res/flags/DM.png b/res/flags/DM.png
diff --git a/res/flags/DO.png b/res/flags/DO.png
diff --git a/res/flags/DZ.png b/res/flags/DZ.png
diff --git a/res/flags/EC.png b/res/flags/EC.png
diff --git a/res/flags/EE.png b/res/flags/EE.png
diff --git a/res/flags/EG.png b/res/flags/EG.png
diff --git a/res/flags/EH.png b/res/flags/EH.png
diff --git a/res/flags/ER.png b/res/flags/ER.png
diff --git a/res/flags/ES.png b/res/flags/ES.png
diff --git a/res/flags/ET.png b/res/flags/ET.png
diff --git a/res/flags/FI.png b/res/flags/FI.png
diff --git a/res/flags/FJ.png b/res/flags/FJ.png
diff --git a/res/flags/FK.png b/res/flags/FK.png
diff --git a/res/flags/FM.png b/res/flags/FM.png
diff --git a/res/flags/FO.png b/res/flags/FO.png
diff --git a/res/flags/FR.png b/res/flags/FR.png
diff --git a/res/flags/GA.png b/res/flags/GA.png
diff --git a/res/flags/GB.png b/res/flags/GB.png
diff --git a/res/flags/GD.png b/res/flags/GD.png
diff --git a/res/flags/GE.png b/res/flags/GE.png
diff --git a/res/flags/GF.png b/res/flags/GF.png
diff --git a/res/flags/GG.png b/res/flags/GG.png
diff --git a/res/flags/GH.png b/res/flags/GH.png
diff --git a/res/flags/GI.png b/res/flags/GI.png
diff --git a/res/flags/GL.png b/res/flags/GL.png
diff --git a/res/flags/GM.png b/res/flags/GM.png
diff --git a/res/flags/GN.png b/res/flags/GN.png
diff --git a/res/flags/GP.png b/res/flags/GP.png
diff --git a/res/flags/GQ.png b/res/flags/GQ.png
diff --git a/res/flags/GR.png b/res/flags/GR.png
diff --git a/res/flags/GS.png b/res/flags/GS.png
diff --git a/res/flags/GT.png b/res/flags/GT.png
diff --git a/res/flags/GU.png b/res/flags/GU.png
diff --git a/res/flags/GW.png b/res/flags/GW.png
diff --git a/res/flags/GY.png b/res/flags/GY.png
diff --git a/res/flags/HK.png b/res/flags/HK.png
diff --git a/res/flags/HM.png b/res/flags/HM.png
diff --git a/res/flags/HN.png b/res/flags/HN.png
diff --git a/res/flags/HR.png b/res/flags/HR.png
diff --git a/res/flags/HT.png b/res/flags/HT.png
diff --git a/res/flags/HU.png b/res/flags/HU.png
diff --git a/res/flags/ID.png b/res/flags/ID.png
diff --git a/res/flags/IE.png b/res/flags/IE.png
diff --git a/res/flags/IL.png b/res/flags/IL.png
diff --git a/res/flags/IM.png b/res/flags/IM.png
diff --git a/res/flags/IN.png b/res/flags/IN.png
diff --git a/res/flags/IO.png b/res/flags/IO.png
diff --git a/res/flags/IQ.png b/res/flags/IQ.png
diff --git a/res/flags/IR.png b/res/flags/IR.png
diff --git a/res/flags/IS.png b/res/flags/IS.png
diff --git a/res/flags/IT.png b/res/flags/IT.png
diff --git a/res/flags/JE.png b/res/flags/JE.png
diff --git a/res/flags/JM.png b/res/flags/JM.png
diff --git a/res/flags/JO.png b/res/flags/JO.png
diff --git a/res/flags/JP.png b/res/flags/JP.png
diff --git a/res/flags/KE.png b/res/flags/KE.png
diff --git a/res/flags/KG.png b/res/flags/KG.png
diff --git a/res/flags/KH.png b/res/flags/KH.png
diff --git a/res/flags/KI.png b/res/flags/KI.png
diff --git a/res/flags/KM.png b/res/flags/KM.png
diff --git a/res/flags/KN.png b/res/flags/KN.png
diff --git a/res/flags/KP.png b/res/flags/KP.png
diff --git a/res/flags/KR.png b/res/flags/KR.png
diff --git a/res/flags/KW.png b/res/flags/KW.png
diff --git a/res/flags/KY.png b/res/flags/KY.png
diff --git a/res/flags/KZ.png b/res/flags/KZ.png
diff --git a/res/flags/LA.png b/res/flags/LA.png
diff --git a/res/flags/LB.png b/res/flags/LB.png
diff --git a/res/flags/LC.png b/res/flags/LC.png
diff --git a/res/flags/LI.png b/res/flags/LI.png
diff --git a/res/flags/LK.png b/res/flags/LK.png
diff --git a/res/flags/LR.png b/res/flags/LR.png
diff --git a/res/flags/LS.png b/res/flags/LS.png
diff --git a/res/flags/LT.png b/res/flags/LT.png
diff --git a/res/flags/LU.png b/res/flags/LU.png
diff --git a/res/flags/LV.png b/res/flags/LV.png
diff --git a/res/flags/LY.png b/res/flags/LY.png
diff --git a/res/flags/MA.png b/res/flags/MA.png
diff --git a/res/flags/MC.png b/res/flags/MC.png
diff --git a/res/flags/MD.png b/res/flags/MD.png
diff --git a/res/flags/ME.png b/res/flags/ME.png
diff --git a/res/flags/MF.png b/res/flags/MF.png
diff --git a/res/flags/MG.png b/res/flags/MG.png
diff --git a/res/flags/MH.png b/res/flags/MH.png
diff --git a/res/flags/MK.png b/res/flags/MK.png
diff --git a/res/flags/ML.png b/res/flags/ML.png
diff --git a/res/flags/MM.png b/res/flags/MM.png
diff --git a/res/flags/MN.png b/res/flags/MN.png
diff --git a/res/flags/MO.png b/res/flags/MO.png
diff --git a/res/flags/MP.png b/res/flags/MP.png
diff --git a/res/flags/MQ.png b/res/flags/MQ.png
diff --git a/res/flags/MR.png b/res/flags/MR.png
diff --git a/res/flags/MS.png b/res/flags/MS.png
diff --git a/res/flags/MT.png b/res/flags/MT.png
diff --git a/res/flags/MU.png b/res/flags/MU.png
diff --git a/res/flags/MV.png b/res/flags/MV.png
diff --git a/res/flags/MW.png b/res/flags/MW.png
diff --git a/res/flags/MX.png b/res/flags/MX.png
diff --git a/res/flags/MY.png b/res/flags/MY.png
diff --git a/res/flags/MZ.png b/res/flags/MZ.png
diff --git a/res/flags/NA.png b/res/flags/NA.png
diff --git a/res/flags/NC.png b/res/flags/NC.png
diff --git a/res/flags/NE.png b/res/flags/NE.png
diff --git a/res/flags/NF.png b/res/flags/NF.png
diff --git a/res/flags/NG.png b/res/flags/NG.png
diff --git a/res/flags/NI.png b/res/flags/NI.png
diff --git a/res/flags/NL.png b/res/flags/NL.png
diff --git a/res/flags/NO.png b/res/flags/NO.png
diff --git a/res/flags/NP.png b/res/flags/NP.png
diff --git a/res/flags/NR.png b/res/flags/NR.png
diff --git a/res/flags/NU.png b/res/flags/NU.png
diff --git a/res/flags/NZ.png b/res/flags/NZ.png
diff --git a/res/flags/OM.png b/res/flags/OM.png
diff --git a/res/flags/PA.png b/res/flags/PA.png
diff --git a/res/flags/PE.png b/res/flags/PE.png
diff --git a/res/flags/PF.png b/res/flags/PF.png
diff --git a/res/flags/PG.png b/res/flags/PG.png
diff --git a/res/flags/PH.png b/res/flags/PH.png
diff --git a/res/flags/PK.png b/res/flags/PK.png
diff --git a/res/flags/PL.png b/res/flags/PL.png
diff --git a/res/flags/PM.png b/res/flags/PM.png
diff --git a/res/flags/PN.png b/res/flags/PN.png
diff --git a/res/flags/PR.png b/res/flags/PR.png
diff --git a/res/flags/PS.png b/res/flags/PS.png
diff --git a/res/flags/PT.png b/res/flags/PT.png
diff --git a/res/flags/PW.png b/res/flags/PW.png
diff --git a/res/flags/PY.png b/res/flags/PY.png
diff --git a/res/flags/QA.png b/res/flags/QA.png
diff --git a/res/flags/RE.png b/res/flags/RE.png
diff --git a/res/flags/RO.png b/res/flags/RO.png
diff --git a/res/flags/RS.png b/res/flags/RS.png
diff --git a/res/flags/RU.png b/res/flags/RU.png
diff --git a/res/flags/RW.png b/res/flags/RW.png
diff --git a/res/flags/SA.png b/res/flags/SA.png
diff --git a/res/flags/SB.png b/res/flags/SB.png
diff --git a/res/flags/SC.png b/res/flags/SC.png
diff --git a/res/flags/SD.png b/res/flags/SD.png
diff --git a/res/flags/SE.png b/res/flags/SE.png
diff --git a/res/flags/SG.png b/res/flags/SG.png
diff --git a/res/flags/SH.png b/res/flags/SH.png
diff --git a/res/flags/SI.png b/res/flags/SI.png
diff --git a/res/flags/SJ.png b/res/flags/SJ.png
diff --git a/res/flags/SK.png b/res/flags/SK.png
diff --git a/res/flags/SL.png b/res/flags/SL.png
diff --git a/res/flags/SM.png b/res/flags/SM.png
diff --git a/res/flags/SN.png b/res/flags/SN.png
diff --git a/res/flags/SO.png b/res/flags/SO.png
diff --git a/res/flags/SR.png b/res/flags/SR.png
diff --git a/res/flags/SS.png b/res/flags/SS.png
diff --git a/res/flags/ST.png b/res/flags/ST.png
diff --git a/res/flags/SV.png b/res/flags/SV.png
diff --git a/res/flags/SX.png b/res/flags/SX.png
diff --git a/res/flags/SY.png b/res/flags/SY.png
diff --git a/res/flags/SZ.png b/res/flags/SZ.png
diff --git a/res/flags/TC.png b/res/flags/TC.png
diff --git a/res/flags/TD.png b/res/flags/TD.png
diff --git a/res/flags/TF.png b/res/flags/TF.png
diff --git a/res/flags/TG.png b/res/flags/TG.png
diff --git a/res/flags/TH.png b/res/flags/TH.png
diff --git a/res/flags/TJ.png b/res/flags/TJ.png
diff --git a/res/flags/TK.png b/res/flags/TK.png
diff --git a/res/flags/TL.png b/res/flags/TL.png
diff --git a/res/flags/TM.png b/res/flags/TM.png
diff --git a/res/flags/TN.png b/res/flags/TN.png
diff --git a/res/flags/TO.png b/res/flags/TO.png
diff --git a/res/flags/TR.png b/res/flags/TR.png
diff --git a/res/flags/TT.png b/res/flags/TT.png
diff --git a/res/flags/TV.png b/res/flags/TV.png
diff --git a/res/flags/TW.png b/res/flags/TW.png
diff --git a/res/flags/TZ.png b/res/flags/TZ.png
diff --git a/res/flags/UA.png b/res/flags/UA.png
diff --git a/res/flags/UG.png b/res/flags/UG.png
diff --git a/res/flags/US.png b/res/flags/US.png
diff --git a/res/flags/UY.png b/res/flags/UY.png
diff --git a/res/flags/UZ.png b/res/flags/UZ.png
diff --git a/res/flags/VA.png b/res/flags/VA.png
diff --git a/res/flags/VC.png b/res/flags/VC.png
diff --git a/res/flags/VE.png b/res/flags/VE.png
diff --git a/res/flags/VG.png b/res/flags/VG.png
diff --git a/res/flags/VI.png b/res/flags/VI.png
diff --git a/res/flags/VN.png b/res/flags/VN.png
diff --git a/res/flags/VU.png b/res/flags/VU.png
diff --git a/res/flags/WF.png b/res/flags/WF.png
diff --git a/res/flags/WS.png b/res/flags/WS.png
diff --git a/res/flags/YE.png b/res/flags/YE.png
diff --git a/res/flags/YT.png b/res/flags/YT.png
diff --git a/res/flags/ZA.png b/res/flags/ZA.png
diff --git a/res/flags/ZM.png b/res/flags/ZM.png
diff --git a/res/flags/ZW.png b/res/flags/ZW.png
diff --git a/res/home.html b/res/home.html
@@ -0,0 +1,174 @@
+<link href="home/css/welcome.css" rel="stylesheet">
+<div style="display: none" class="mx_HomePage_container">
+    <div class="mx_HomePage_col mx_HomePage_header">
+        <a href="https://riot.im"><img src="home/images/logo.svg" class="mx_HomePage_logo"></a>
+        <div>
+            <h1>_t("Welcome to Riot.im")</h1>
+            <h2>_t("Decentralised, encrypted chat &amp; collaboration powered by") <a href="https://matrix.org"><img width="79" height="34" alt="[matrix]" style="padding-left: 1px;vertical-align: middle" src="home/images/matrix.svg"/></a></h2>
+        </div>
+    </div>
+    <div class="mx_HomePage_col mx_HomePage_toprow">
+        <div class="mx_HomePage_row">
+            <div>
+                <h3>_t("Search the room directory")</h3>
+                <a class="mx_HomePage_room" href="#/directory">
+                    <img class="mx_HomePage_icon" src="img/icons-directory.svg">
+                </a>
+                <span class="mx_HomePage_comment">
+                    _t("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>_t("Chat with Riot Bot")</h3>
+                <a class="mx_HomePage_room" href="#/user/@riot-bot:matrix.org?action=chat">
+                    <img class="mx_HomePage_icon" src="home/rooms/riot-bot.png">
+                </a>
+                <span class="mx_HomePage_comment">
+                    _t("Get started with some tips from Riot Bot!")
+                </span>
+            </div>
+        </div>
+    </div>
+
+    <h3>_t("General discussion about Matrix")</h3>
+
+    <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">_t("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">_t("Riot/Web &amp; Desktop chat")</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</span>
+            </a>
+            <span class="mx_HomePage_desc">_t("Riot/iOS &amp; matrix-ios-sdk chat")</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</span>
+            </a>
+            <span class="mx_HomePage_desc">_t("Riot/Android &amp; matrix-android-sdk chat")</span>
+        </div>
+    </div>
+
+    <h3>_t("Matrix technical discussions")</h3>
+    <h4>_t("Running Matrix services")</h4>
+
+    <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">_t("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">_t("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">_t("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">_t("Support for those using and running matrix-appservice-irc")</span>
+        </div>
+    </div>
+
+    <h4>_t("Building services on Matrix")</h4>
+
+    <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">_t("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">_t("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">_t("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">_t("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">_t("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">_t("Support for those using, running and writing other bridges")</span>
+        </div>
+    </div>
+
+    <h4>_t("Contributing code to Matrix and Riot")</h4>
+
+    <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</span>
+            </a>
+            <span class="mx_HomePage_desc">_t("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</span>
+            </a>
+            <span class="mx_HomePage_desc">_t("Dev chat for the Dendrite dev team")</span>
+        </div>
+        <div class="mx_HomePage_room">
+            <a href="#/room/#riotweb-translations:matrix.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">_t("Co-ordination for Riot/Web translators")</span>
+        </div>
+    </div>
+</div>
diff --git a/res/home/css/welcome.css b/res/home/css/welcome.css
@@ -0,0 +1,106 @@
+.mx_HomePage_header h1 {
+    margin-left: 0px;
+    margin-bottom: 0px;
+    margin-top: 20px;
+    margin-right: 20px;
+}
+
+.mx_HomePage_header h2 {
+    margin-left: 0px;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    margin-right: 20px;
+}
+
+.mx_HomePage h3 {
+    margin-top: 30px;
+}
+
+.mx_HomePage_header {
+    border: 1px solid #76CFA6;
+    background-color: #eaf5f0;
+    border-radius: 5px;
+    color: #454545;
+    align-items: center;
+}
+
+.mx_HomePage_col {
+    display: flex;
+    flex-direction: row;
+}
+
+.mx_HomePage_toprow {
+    flex-wrap: wrap;
+}
+
+.mx_HomePage_row {
+    flex: 1 1 0;
+    margin-right: 20px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.mx_HomePage_logo {
+    margin-top: 20px;
+    margin-left: 40px;
+    margin-right: 40px;
+    margin-bottom: 20px;
+    display: inline;
+    height: 100px;
+}
+
+.mx_HomePage_room {
+    cursor: pointer;
+    float: left;
+    text-decoration: none;
+    text-align: center;
+    padding-left: 10px;
+    padding-right: 10px;
+    width: 120px;
+}
+
+.mx_HomePage_toprow .mx_HomePage_room {
+    width: 64px;
+}
+
+
+.mx_HomePage_room .mx_HomePage_icon {
+    border-radius: 50%;
+    width: 64px;
+    height: 64px;
+}
+
+.mx_HomePage_room .mx_HomePage_name {
+    display: block;
+}
+
+.mx_HomePage_room .mx_HomePage_desc {
+    display: block;
+    font-size: 12px;
+    margin-top: 8px;
+}
+
+.mx_HomePage_comment {
+    display: flex;
+    align-items: center;
+    margin-left: 100px;
+    min-height: 64px;
+}
+
+.mx_HomePage_container h3::after,
+.mx_HomePage_container h4::after {
+    content: ":";
+}
+
+.mx_HomePage_container {
+    display: block ! important;
+    margin: 20px;
+}
+
+.mx_HomePage_container h1, 
+.mx_HomePage_container h2, 
+.mx_HomePage_container h3, 
+.mx_HomePage_container h4 {
+    font-weight: 600;
+}
diff --git a/res/home/images/logo.svg b/res/home/images/logo.svg