site/src/Guide/Discussion.pug

44 lines
1.8 KiB
Plaintext

extends ../_layout.pug
prepend root
- title = "Discussions"
block content
.spacing
p Pour discuter entre nous, nous utilisons le réseau <a href="https://matrix.org/">Matrix</a>. C'est un réseau de discussion instantanée libre, et qui fonctionne très bien. Le logiciel <a href="https://riot.im">Riot</a> est le client, c'est à dire l'application qu'on utilise pour se connecter à Matrix.
h2 Accès rapide à Riot
section
a.service-box.left(href='https://riot.deuxfleurs.fr')
div(style='font-size: 80px; height: 120px') 🌐
h5 Accéder via le navigateur
a.service-box.left(href='https://play.google.com/store/apps/details?id=im.vector.app&hl=fr')
div(style='font-size: 80px; height: 120px') 📥
h5 Application Android
a.service-box.left(href='https://apps.apple.com/fr/app/riot-im/id1083446067')
div(style='font-size: 80px; height: 120px') 📥
h5 Application iOS
h2 Guide d'utilisation sur ordinateur
p Adrien a écrit un <a href="https://zinz.dev">guide d'installation/utilisation du résau Matrix</a> qui devrait vous aider à vous lancer. À l'inscription, remplacez <code>zinz.dev</code> par <code>im.deuxfleurs.fr</code> si vous souhaitez vous inscrire sur le serveur de l'asso.
h2 Premiers pas sur Android
.screenlist
img(src="Assets/riot_install4.png", height="400")
img(src="Assets/riot_install5.png", height="400")
img(src="Assets/riot_connect2.png", height="400")
img(src="Assets/riot_connect25.png", height="400")
img(src="Assets/riot_connect3.png", height="400")
img(src="Assets/riot_connect4.png", height="400")
img(src="Assets/riot_connect5.png", height="400")
style.
.screenlist > img {
padding: 20px;
}