home.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <style type="text/css">
  2. /* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
  3. * voodoo where we have to set display: none by default
  4. */
  5. .mx_HomePage_header h1 {
  6. margin-left: 0px;
  7. margin-bottom: 0px;
  8. margin-top: 20px;
  9. margin-right: 20px;
  10. color: #454545;
  11. }
  12. .mx_HomePage_header h2 {
  13. margin-left: 0px;
  14. margin-top: 5px;
  15. margin-bottom: 20px;
  16. margin-right: 20px;
  17. color: #454545;
  18. }
  19. .mx_HomePage_header a {
  20. color: #454545;
  21. }
  22. .mx_HomePage h3 {
  23. margin-top: 30px;
  24. }
  25. .mx_HomePage_header {
  26. border: 1px solid #76CFA6;
  27. background-color: #eaf5f0;
  28. border-radius: 5px;
  29. align-items: center;
  30. }
  31. .mx_HomePage_col {
  32. display: flex;
  33. flex-direction: row;
  34. }
  35. .mx_HomePage_toprow {
  36. flex-wrap: wrap;
  37. }
  38. .mx_HomePage_row {
  39. flex: 1 1 0;
  40. margin-right: 20px;
  41. display: flex;
  42. flex-direction: row;
  43. flex-wrap: wrap;
  44. }
  45. .mx_HomePage_logo {
  46. margin-top: 20px;
  47. margin-left: 30px;
  48. margin-right: 30px;
  49. margin-bottom: 20px;
  50. display: inline;
  51. height: 100px;
  52. }
  53. .mx_HomePage_room {
  54. cursor: pointer;
  55. float: left;
  56. text-decoration: none;
  57. text-align: center;
  58. padding-left: 10px;
  59. padding-right: 10px;
  60. width: 120px;
  61. }
  62. .mx_HomePage_toprow .mx_HomePage_room {
  63. width: 64px;
  64. }
  65. .mx_HomePage_room .mx_HomePage_icon {
  66. border-radius: 50%;
  67. width: 64px;
  68. height: 64px;
  69. }
  70. .mx_HomePage_room .mx_HomePage_name {
  71. display: block;
  72. }
  73. .mx_HomePage_room .mx_HomePage_desc {
  74. display: block;
  75. font-size: 12px;
  76. margin-top: 8px;
  77. }
  78. .mx_HomePage_comment {
  79. display: flex;
  80. align-items: center;
  81. margin-left: 100px;
  82. min-height: 64px;
  83. }
  84. .mx_HomePage_container h3::after,
  85. .mx_HomePage_container h4::after {
  86. content: ":";
  87. }
  88. .mx_HomePage_container {
  89. display: block ! important;
  90. margin: 20px;
  91. }
  92. .mx_HomePage_container h1,
  93. .mx_HomePage_container h2,
  94. .mx_HomePage_container h3,
  95. .mx_HomePage_container h4 {
  96. font-weight: 600;
  97. }
  98. </style>
  99. <div class="mx_HomePage_container">
  100. <div class="mx_HomePage_col mx_HomePage_header">
  101. <a href="https://riot.im"><img src="home/images/logo.svg" class="mx_HomePage_logo"></a>
  102. <div>
  103. <h1>_t("Welcome to Riot.im")</h1>
  104. <h2>_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]"), hébergées par <a href="http://www.tera.coop/">Tera</a></h2>
  105. </div>
  106. <a href="http://www.tera.coop/"><img src="home/images/logo-tera.png" class="mx_HomePage_logo"></a>
  107. </div>
  108. <div class="mx_HomePage_col mx_HomePage_toprow">
  109. <div class="mx_HomePage_row">
  110. <div>
  111. <h3>Rejoignez la communauté Tera</h3>
  112. <a class="mx_HomePage_room" href="#/group/+tera:mumble.tera.coop">
  113. <img class="mx_HomePage_icon" src="img/icons-groups.svg">
  114. </a>
  115. <span class="mx_HomePage_comment">
  116. Vous pourrez y retrouver la liste des différents salons de discussion ainsi que la liste de tous les terian-ne-s présent-e-s sur Matrix !
  117. </span>
  118. </div>
  119. </div>
  120. <div class="mx_HomePage_row">
  121. <div>
  122. <h3>_t("Chat with Riot Bot")</h3>
  123. <a class="mx_HomePage_room" href="#/user/@riot-bot:matrix.org?action=chat">
  124. <img class="mx_HomePage_icon" src="home/rooms/riot-bot.png">
  125. </a>
  126. <span class="mx_HomePage_comment">
  127. _t("Get started with some tips from Riot Bot!")
  128. </span>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="mx_HomePage_col mx_HomePage_toprow">
  133. <div class="mx_HomePage_row">
  134. <div>
  135. <h3>Salons de discussions de Tera</h3>
  136. <div class="mx_HomePage_room">
  137. <a href="#/room/#tera:matrix.tera.coop">
  138. <img class="mx_HomePage_icon" src="home/rooms/tera.png">
  139. <span class="mx_HomePage_name">Tera</span>
  140. </a>
  141. <span class="mx_HomePage_desc">Discussions autour du projet Tera</span>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="mx_HomePage_row">
  146. <div>
  147. <h3>_t("Search the room directory")</h3>
  148. <a class="mx_HomePage_room" href="#/directory">
  149. <img class="mx_HomePage_icon" src="img/icons-directory.svg">
  150. </a>
  151. <span class="mx_HomePage_comment">
  152. _t("Lots of rooms already exist in Matrix, linked to existing networks (Slack, IRC, Gitter etc) or independent. Check out the directory!")
  153. </span>
  154. </div>
  155. </div>
  156. </div>
  157. </div>