micka
/
catalogue_de_services
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add tag style on all alternatives

Browse Source
main
Mickaël Tansorier 2 years ago
parent d179aa4c6b
commit 565c8ccab2
2 changed files with 124 additions and 44 deletions
Show Stats Download Patch File Download Diff File

141
catalogue_de_services.html
Unescape View File

@ -69,7 +69,11 @@
<div>
<h2>Nextcloud</h2>
<p>Nextcloud est un Logiciel Libre de site d'hébergement de fichiers et une plateforme<br/> de collaboration.</p>
<a href="https://nextcloud.com">https://nextcloud.com</a>
<a href="https://nextcloud.com">https://nextcloud.com</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -101,15 +105,6 @@
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1>Liste d'outils par thème</h1>
@ -146,7 +141,10 @@
<h2>Nextcloud Calendar</h2>
<p>Calendar est un module de Nextcloud pour gérer des réunions collectives.<br/>
Ce calendrier peut s'interconnecter avec le calendrier du téléphone.</p>
<a href="https://apps.nextcloud.com/apps/calendar">https://apps.nextcloud.com/apps/calendar</a>
<a href="https://apps.nextcloud.com/apps/calendar">https://apps.nextcloud.com/apps/calendar</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -200,7 +198,8 @@
<p>OpenStreetMap est un projet collaboratif de cartographie en ligne qui vise à constituer une<br/>
base de géographiques libre du monde, en utilisant le système GPS et d'autres données<br/>
libres.</p>
<a href="https://www.openstreetmap.org/">https://www.openstreetmap.org</a>
<a href="https://www.openstreetmap.org/">https://www.openstreetmap.org</a><br/>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -210,7 +209,8 @@
<div>
<h2>OsmAnd</h2>
<p>OsmAnd est une application de cartographie et de navigation sur Android et iOS.</p>
<a href="https://osmand.net/">https://osmand.net</a>
<a href="https://osmand.net/">https://osmand.net</a><br/>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -271,7 +271,9 @@
<p>PeerTube est un Logiciel Libre d'hébergement de vidéo décentralisé permettant la diffusion<br/>
en pair à pair, et un média social sur lequel les utilisateurs peuvent envoyer, regarder,<br/>
commenter, évaluer et partager des vidéos en streaming.</p>
<a href="https://www.peertube.fr/">https://www.peertube.fr</a>
<a href="https://www.peertube.fr/">https://www.peertube.fr</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -324,11 +326,13 @@
<td>
<div><img src="images/signal.svg" alt="Signal"></div>
<div>
<h2>Signal (Téléphone)</h2>
<h2>Signal</h2>
<p>Signal est une application gratuite pour Android et iOS, permettant de communiquer (appels<br/>
vocaux et vidéo, messages textes ou médias) de façon chiffrée et sécurisée et dont<br/>
l'objectif est d'assurer un maximum de confidentialité à ses utilisateurs.</p>
<a href="https://www.signal.org/fr/">https://www.signal.org</a>
<a href="https://www.signal.org/fr/">https://www.signal.org</a><br/>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -336,9 +340,10 @@
<td>
<div><img src="images/silence.svg" alt="Silence"></div>
<div>
<h2>Silence (Téléphone)</h2>
<h2>Silence</h2>
<p>Silence est un logiciel de chiffrement de SMS et MMS avec d’autres utilisateurs de Silence.</p>
<a href="https://silence.im/">https://silence.im</a>
<a href="https://silence.im/">https://silence.im</a><br/>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -349,7 +354,11 @@
<h2>Mattermost</h2>
<p>Mattermost est un logiciel et un service de messagerie instantanée libre auto-hébergeable.<br/>
Il est conçu comme un chat interne pour les organisations et les entreprises.</p>
<a href="https://mattermost.com/">https://mattermost.com</a>
<a href="https://mattermost.com/">https://mattermost.com</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -360,7 +369,10 @@
<h2>Nextcloud Talk</h2>
<p>Talk est une application de nextcould pour communiquer par chat.<br/>
Une application mobile est aussi disponible</p>
<a href="https://nextcloud.com/talk/">https://nextcloud.com/talk</a>
<a href="https://nextcloud.com/talk/">https://nextcloud.com/talk</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -404,7 +416,8 @@
<h2>Thunderbird</h2>
<p>Mozilla Thunderbird est un client de messagerie, libre, distribué gratuitement par la<br/>
fondation Mozilla et issu du projet Mozilla.</p>
<a href="https://www.thunderbird.net/fr/">https://www.thunderbird.net</a>
<a href="https://www.thunderbird.net/fr/">https://www.thunderbird.net</a><br/>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -414,7 +427,8 @@
<div>
<h2>K9 Mail</h2>
<p>Application email libre pour Android avec support PGP.</p>
<a href="https://k9mail.app/">https://k9mail.app</a>
<a href="https://k9mail.app/">https://k9mail.app</a><br/>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -425,7 +439,8 @@
<h2>Sympa</h2>
<p>Sympa est un système de gestion de liste de diffusion d'e-mail.</p>
<a href="https://www.sympa.org/">https://www.sympa.org</a><br/>
<a href="https://sympa02.cgt.fr/sympa">Instance sympa de la CGT</a>
<a href="https://sympa02.cgt.fr/sympa">Instance sympa de la CGT</a><br/>
<div class="tag server">Serveur</div>
</div>
</td>
</tr>
@ -464,7 +479,10 @@
<div>
<h2>Nextcloud Deck</h2>
<p>Deck est un module Nextcloud pour organiser des taches à accomplir.</p>
<a href="https://apps.nextcloud.com/apps/deck">https://apps.nextcloud.com/apps/deck</a>
<a href="https://apps.nextcloud.com/apps/deck">https://apps.nextcloud.com/apps/deck</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -474,7 +492,10 @@
<div>
<h2>Kanboard</h2>
<p>Kanboard est un Logiciel Libre de gestion de projet kanban.</p>
<a href="https://kanboard.org/">https://kanboard.org</a>
<a href="https://kanboard.org/">https://kanboard.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -514,7 +535,8 @@
<h2>Meta-press.es</h2>
<p>Meta-press est un moteur de recherche décentralisé et revue de presse automatisée.<br/>
Il est à utiliser comme extention à un navigateur internet.</p>
<a href="https://www.meta-press.es/fr/">https://www.meta-press.es</a>
<a href="https://www.meta-press.es/fr/">https://www.meta-press.es</a><br/>
<div class="tag module">Extention navigateur</div>
</div>
</td>
</tr>
@ -524,7 +546,10 @@
<div>
<h2>Tiny Tiny RSS</h2>
<p>Tiny Tiny RSS (ttrss) est un agrégateur de flux RSS et Atom libre sous licence libre.</p>
<a href="http://tt-rss.org/">http://tt-rss.org</a>
<a href="http://tt-rss.org/">http://tt-rss.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -564,7 +589,8 @@
<h2>F-Droid</h2>
<p>F-Droid est un magasin d'applications libres pour les systèmes d’exploitation Android et<br/>
dérivés.</p>
<a href="https://f-droid.org/">https://f-droid.org</a>
<a href="https://f-droid.org/">https://f-droid.org</a><br/>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -612,7 +638,8 @@
<div>
<h2>Firefox</h2>
<p>Mozilla Firefox est un navigateur web libre et gratuit.</p>
<a href="https://www.mozilla.org/fr/firefox">https://www.mozilla.org/fr/firefox</a>
<a href="https://www.mozilla.org/fr/firefox">https://www.mozilla.org/fr/firefox</a><br/>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -622,7 +649,8 @@
<div>
<h2>Fennec</h2>
<p>Fennec est une vesion de Firefox pour Android sans pisteur.</p>
<a href="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/">https://f-droid.org/en/packages/org.mozilla.fennec_fdroid</a>
<a href="https://f-droid.org/en/packages/org.mozilla.fennec_fdroid/">https://f-droid.org/en/packages/org.mozilla.fennec_fdroid</a><br/>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -633,7 +661,9 @@
<h2>Tor Browser</h2>
<p>Le Tor Browser est un navigateur web libre basé sur Mozilla Firefox ESR qui permet de<br/>
naviguer anonymement sur le réseau d'anonymisation Tor.</p>
<a href="https://www.torproject.org/">https://www.torproject.org</a>
<a href="https://www.torproject.org/">https://www.torproject.org</a><br/>
<div class="tag app-pc">Application PC</div>
<div class="tag app-mobile">Application mobile</div>
</div>
</td>
</tr>
@ -675,7 +705,8 @@
<div>
<h2>LibreOffice</h2>
<p>LibreOffice est une suite bureautique libre et gratuite, dérivée du projet OpenOffice.</p>
<a href="https://fr.libreoffice.org/">https://fr.libreoffice.org</a>
<a href="https://fr.libreoffice.org/">https://fr.libreoffice.org</a><br/>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -686,7 +717,9 @@
<h2>Nextcloud OnlyOffice</h2>
<p>OnlyOffice est une suite bureautique en ligne libre incluant un traitement de texte, un<br/>
tableur et un outil de présentation.</p>
<a href="https://apps.nextcloud.com/apps/onlyoffice">https://apps.nextcloud.com/apps/onlyoffice</a>
<a href="https://apps.nextcloud.com/apps/onlyoffice">https://apps.nextcloud.com/apps/onlyoffice</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -743,7 +776,8 @@
<div>
<h2>Gimp</h2>
<p>Gimp est un outil d'édition et de retouche d'image.</p>
<a href="https://www.gimp.org/">https://www.gimp.org</a>
<a href="https://www.gimp.org/">https://www.gimp.org</a><br/>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -754,7 +788,8 @@
<h2>inkscape</h2>
<p>Inkscape est un logiciel de dessin vectoriel libre.<br/>
Il gère des fichiers conformes aux standards XML, SVG et CSS du W3C.</p>
<a href="https://inkscape.org/">https://inkscape.org</a>
<a href="https://inkscape.org/">https://inkscape.org</a><br/>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -797,7 +832,9 @@
<div>
<h2>WordPress</h2>
<p>WordPress est un système de gestion de contenues de site internet.</p>
<a href="https://fr.wordpress.org/">https://fr.wordpress.org</a>
<a href="https://fr.wordpress.org/">https://fr.wordpress.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -841,7 +878,9 @@
<h2>Nextcloud Polls</h2>
<p>Polls est un module de Nextcloud pour effectuer des sondages pour choisir une date ou un<br/>
sujet.</p>
<a href="https://apps.nextcloud.com/apps/polls">https://apps.nextcloud.com/apps/polls</a>
<a href="https://apps.nextcloud.com/apps/polls">https://apps.nextcloud.com/apps/polls</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -851,7 +890,9 @@
<div>
<h2>Nextcloud Forms</h2>
<p>Forms est un module de Nextcloud pour des questionnaires complexes.</p>
<a href="https://apps.nextcloud.com/apps/forms">https://apps.nextcloud.com/apps/forms</a>
<a href="https://apps.nextcloud.com/apps/forms">https://apps.nextcloud.com/apps/forms</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -863,7 +904,9 @@
<p>Framadate est un service en ligne permettant de planifier un rendez-vous, un <br/>
synchronidateur, sans inscription préalable, à la manière de Doodle. Il est basé sur le<br/>
Logiciel Libre OpenSondage, lui-même basé sur le logiciel STUdS.</p>
<a href="https://framadate.org">https://framadate.org</a>
<a href="https://framadate.org">https://framadate.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -874,7 +917,9 @@
<h2>Framaform</h2>
<p>Framaforms est une alternative de Google Forms, c'est un logiciel pour créer des<br/>
formulaires ou questionnaires personnalisés de manière intuitive et rapide.</p>
<a href="https://framaforms.org/">https://framaforms.org</a>
<a href="https://framaforms.org/">https://framaforms.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>
@ -914,7 +959,8 @@
<h2>uBlock Origin</h2>
<p>uBlock Origin est une extention de navigateur bloquant les publicités à la manière de<br/>
AddBlock mais en Logiciel Libre.</p>
<a href="https://github.com/gorhill/uBlock">https://github.com/gorhill/uBlock</a>
<a href="https://github.com/gorhill/uBlock">https://github.com/gorhill/uBlock</a><br/>
<div class="tag module">Extention navigateur</div>
</div>
</td>
</tr>
@ -925,7 +971,8 @@
<h2>Privacy Badger</h2>
<p>Privacy Badger est une extention de navigateur bloquant les pisteurs des différents sites<br/>
internet.</p>
<a href="https://www.eff.org/privacybadger">https://www.eff.org/privacybadger</a>
<a href="https://www.eff.org/privacybadger">https://www.eff.org/privacybadger</a><br/>
<div class="tag module">Extention navigateur</div>
</div>
</td>
</tr>
@ -987,7 +1034,11 @@
<h2>Jitsi meet</h2>
<p>Jitsi est une application libre multiplateforme de messagerie instatanée et de<br/>
visioconférence chiffrée.</p>
<a href="https://meet.jit.si/">https://meet.jit.si</a>
<a href="https://meet.jit.si/">https://meet.jit.si</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
<div class="tag app-mobile">Application mobile</div>
<div class="tag app-pc">Application PC</div>
</div>
</td>
</tr>
@ -1000,7 +1051,9 @@
Il permet le partage de la voix et de l'image vidéo, de présentations avec ou sans tableau<br/>
blanc, l'utilisation d'outils de clavardage publics et privés, le partage d'écran, la voix<br/>
sur IP, des sondages en ligne, ainsi que l'utilisation de documents bureautiques.</p>
<a href="https://bigbluebutton.org/">https://bigbluebutton.org</a>
<a href="https://bigbluebutton.org/">https://bigbluebutton.org</a><br/>
<div class="tag server">Serveur</div>
<div class="tag site">Site web</div>
</div>
</td>
</tr>

27
style.css
Unescape View File

@ -86,3 +86,30 @@ table.note th {
padding: 0 0.5em;
background-color: #eee;
}
/* Tags */
div.tag {
background-color: #000000;
color: #ffffff;
border-radius: 3px;
padding-right: 4px;
padding-left: 4px;
padding-top: 1px;
padding-bottom: 1px;
}
div.tag.server {
background-color: #0060ed;
}
div.tag.app-pc {
background-color: #d53640;
}
div.tag.app-mobile {
background-color: #ffd815;
color: #000000;
}
div.tag.site {
background-color: #158452;
}
div.tag.module {
background-color: #637075;
}

Write Preview
Loading…
Cancel
Save