Merge branch 'grav' of https://github.com/YunoHost/doc

pages/03.community/03.help/help.md

@@ -7,58 +7,36 @@ routes:
   default: '/help'
 ---
 
-<h3>Connect to the support chatroom</h3>
+## Connect to the support chatroom
 
 !!! **ProTips™**
 !!! - Don't ask to ask, just ask !
 !!! - *Be patient*, it can take a few minutes before someone sees your messages.
 
-<center>
+[center]
-
 <iframe src="https://kiwiirc.com/nextclient/?settings=7b72a0a81838360686798199ed53624f" style="width:100%;height:450px;border:0;display:block"></iframe>
+[/center]
 
-</br>
+!!! **Note:** this room is available via
-</br>
+!!! - IRC (#yunohost on freenode, [using kiwiirc](https://kiwiirc.com/nextclient/?settings=7b72a0a81838360686798199ed53624f&target=blank))
-<em>Note : this room is available via IRC (#yunohost on freenode - <a href="https://kiwiirc.com/nextclient/?settings=7b72a0a81838360686798199ed53624f">using kiwiirc</a>), via XMPP <small>(support@conference.yunohost.org)</small>, or Matrix <small>(#freenode_#yunohost:matrix.org - <a target="_blank" href="https://riot.im/app/#/room/#yunohost:matrix.org">using Riot</a>)</small></em>
+!!! - XMPP (*support@conference.yunohost.org*)
-</center>
+!!! - Matrix (*#freenode_#yunohost:matrix.org*) [using Riot](https://riot.im/app/#/room/#yunohost:matrix.org?target=_blank))
 
-<h3>... or ask on the forum !</h3>
+## ... or ask on the forum !
 
-<center>
+[center]
-<button id="goForum" type="button" class="btn btn-success" style="font-weight:bold;">
+[[fa=comment /] Go to the forum](https://forum.yunohost.org/?target=_blank&classes=btn,btn-lg,btn-success)
-            <span class="glyphicon glyphicon-comment"></span> Go to the forum
+[/center]
-          </button>
-</center>
 
-<h3>You've found a bug ?</h3>
+## You've found a bug ?
 
-<center>
+!!!! Please report bugs on our bugtracker or contact the developers
-<br>
-<em>Please report it on our bugtracker or contact the developers</em><br><br>
-<button id="goBugtracker" type="button" class="btn btn-warning" style="font-weight:bold;">
-            <span class="glyphicon glyphicon-exclamation-sign"></span> Report a bug
-          </button>
-<button id="goDevroom" type="button" class="btn btn-warning" style="font-weight:bold; margin-left:40px">
-            <span class="glyphicon glyphicon-comment"></span> Contact the developers
-          </button>
-</br>
-</br>
-<em>Note : you can also connect to the devrooms, using your favorite XMPP client, to </br>
-dev@conference.yunohost.org and apps@conference.yunohost.org</br>
-or with a Matrix client to</br>
-#freenode_#yunohost-dev:matrix.org</em>
-</center>
 
-<script>
+[center]
 
-document.getElementById("goForum").onclick = function() {
+[[fa=exclamation-circle /] Report a bug](https://github.com/yunohost/issues/issues?target=_blank&classes=btn,btn-lg,btn-warning) [[fa=comment /] Contact the developers](https://kiwiirc.com/client/irc.freenode.net/yunohost-dev?target=_blank&classes=btn,btn-lg,btn-warning)
-    window.location.href = "https://forum.yunohost.org/latest";
-}
-document.getElementById("goBugtracker").onclick = function() {
-    window.location.href = "https://github.com/yunohost/issues/issues";
-}
-document.getElementById("goDevroom").onclick = function() {
-    window.location.href = "https://kiwiirc.com/client/irc.freenode.net/yunohost-dev";
-}
-</script>
 
+[/center]
+
+!!! Note : you can also connect to the devrooms using your favorite XMPP client, to dev@conference.yunohost.org and apps@conference.yunohost.org  
+!!! or with a Matrix client to [#freenode_#yunohost-dev:matrix.org](https://matrix.to/#/#freenode_#yunohost-dev:matrix.org)

themes/yunohost-docs/css/custom.css

@@ -15,6 +15,7 @@
  max-width: 80%;
 }
 
+/* Images helper classes */
 img.inline {
  display:inline;
  margin:5px 15px 5px 5px;
@@ -28,6 +29,11 @@ img.center {
  margin-right: auto;
 }
 
+td img {
+ margin: 0.2rem auto;
+}
+
+/* Figures and caption */
 figure img {
  margin: auto;
 }
@@ -36,6 +42,29 @@ figure figcaption {
  font-style: italic;
 }
 
+/* List spacing */
+ul li, ol li {
+ margin-top: 0;
+}
+
+ul, ol {
+ margin-bottom: 0;
+}
+
+li p {
+ margin: inherit;
+}
+
+/* Paragraphs */
+p {
+ margin: 0 0 1rem;
+}
+
+.notices p {
+ margin: 0 0 0 0.5rem;
+}
+
+/* Flex */
 .flex-container {
  display: flex;
  justify-content: space-around;
@@ -51,6 +80,7 @@ figure figcaption {
  margin: 0px auto;
 }
 
+/* Breadcrums */
 #top-bar #breadcrumbs > span span, #top-bar #breadcrumbs > a span {
  padding: 0 !important;
 }
@@ -63,8 +93,12 @@ figure figcaption {
  padding: 0;
 }
 
+/* Fonts and headings */
+
 h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", "Metropolis", "Helvetica Neue", sans-serif;
+   margin-top: 1rem;
+   margin-bottom: 1rem;
 }
 
 .simplebar-content h5 .fa {
@@ -84,6 +118,7 @@ h1, h2, h3, h4, h5, h6 {
     font-style: normal;
 }
 
+/* Give a gray background to the white logo*/
 img#whitelogo {
     background-color: gray;
     padding: 10px;