Shenanigans-Portfolio/website/entraide.html
2025-01-09 23:27:18 +01:00

64 lines
4.3 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Shenanigans</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./assets/css/style.css" rel="stylesheet">
</head>
<body class="flex flex-col items-center">
<div class="flex flex-col min-h-screen items-center justify-between">
<div class="flex flex-col items-center max-w-3xl gap-16 m-8">
<div class="flex flex-col items-center gap-8">
<a href="index.html"><img src="assets/img/shenanigans_logo_black.svg" class="max-w-screen" /></a>
<ul class="flex flex-row gap-4 text-slate-800 text-xl items-center text-center">
<li><a href="projets.html">Projets</a></li>
<span></span>
<li><a href="entraide.html">Entraide numérique</a></li>
<span></span>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="flex flex-col gap-4 w-full">
<p>Parce que je pense que l'internet devrait être un endroit de liberté et de partage, j'ai commencé à héberger des applications sur mon serveur pour mon usage personnel. Or toute l'infrastructure était en place pour permettre à d'autres de personnes d'avoir une alternative aux services privés utilisant leurs données à but lucratif.</p>
<p>J'ai donc commencé à parler autour de moi d'une possibilité d'héberger quelques applications pour mes proches, et la réception a été relativement enthousiaste. Si vous souhaitez avoir un compte et quitter le monde des GAFAM, <a href="contact.html">contactez moi</a> pour qu'on en parle.</p>
<p>Voici les différents services que je propose :</p>
<div class="flex flex-wrap w-full mt-8 mb-8 gap-8 justify-center">
<a href="https://photos.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer sa bibliothèque de photos">
<img src="assets/img/immich.svg" class="w-16"/>
<span class="font-bold">Photos</span>
</a>
<a href="https://docs.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer ses documents de façon dématerialisée">
<img src="assets/img/paperless-ngx.svg" class="w-16"/>
<span class="font-bold">Docs</span>
</a>
<a href="https://drive.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer ses documents de façon dématerialisée">
<img src="assets/img/nextcloud.svg" class="w-16"/>
<span class="font-bold">Drive</span>
</a>
<a href="https://videos.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer ses documents de façon dématerialisée">
<img src="assets/img/peertube.svg" class="w-16"/>
<span class="font-bold">Videos</span>
</a>
<a href="https://pdf.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer ses documents de façon dématerialisée">
<img src="assets/img/stirling-pdf.svg" class="w-16"/>
<span class="font-bold">PDFs</span>
</a>
<a href="https://vault.shenanigans.cc" class="flex flex-col items-center gap-2" title="Une application pour gérer ses documents de façon dématerialisée">
<img src="assets/img/vaultwarden.svg" class="w-16"/>
<span class="font-bold">Passwords</span>
</a>
<a href="https://calls.shenanigans.cc" class="flex flex-col items-center gap-2" title="Un logiciel de vidéo conférence.">
<img src="assets/img/jitsi-meet.svg" class="w-16" />
<span class="font-bold">Calls</span>
</a>
</div>
<p>Lorsque vous utilisez un de ces services, vous acceptez les Conditions Générales d'Utilisations définies <a class="underline" href="cgu.html">ici</a></p>
<p>Et juste ici vous pouvez vérifier l'état des services mis en ligne : <a class="underline" href="https://status.shenanigans.cc/status/services">status page</a></p>
<p>Faisons en sorte que nos outils numériques nous apportent quelque chose et pas l'inverse ! 🏴‍☠️</p>
</div>
</div>
<span class="pb-4 text-slate-400">Fait avec amour par Lucien</span>
</div>
</body>
</html>