You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
7.6 KiB
205 lines
7.6 KiB
<!DOCTYPE html> |
|
<html lang="fr"> |
|
<head> |
|
<!-- COMMON TAGS --> |
|
<meta charset="utf-8"> |
|
<title>Gnous.eu - Nos services</title> |
|
<meta name="twitter:title" content="Gnous.eu - Nos services"> |
|
<meta name="og:title" content="Gnous.eu - Nos services"> |
|
<!-- Search Engine --> |
|
<meta name="description" content="GnousEU est une communauté francophones de passionnés du libre. Elle fournit entre autre des services gratuits libre d'accès."> |
|
<meta name="image" content="https://gnous.eu/img/logo.png"> |
|
<!-- Schema.org for Google --> |
|
<meta itemprop="name" content="Gnous.eu"> |
|
<meta itemprop="description" content="GnousEU est une communauté francophones de passionnés du libre. Elle fournit entre autre des services gratuits libre d'accès."> |
|
<meta itemprop="image" content="https://gnous.eu/img/logo.png"> |
|
<!-- Twitter --> |
|
<meta name="twitter:card" content="summary"> |
|
<meta name="twitter:description" content="GnousEU est une communauté francophones de passionnés du libre. Elle fournit entre autre des services gratuits libre d'accès."> |
|
<meta name="twitter:site" content="@outoutxyz"> |
|
<meta name="twitter:creator" content="@outoutxyz"> |
|
<meta name="twitter:image:src" content="https://gnous.eu/img/logo.png"> |
|
<!-- Open Graph general (Facebook, Pinterest & Google+) --> |
|
<meta name="og:description" content="GnousEU est une communauté francophones de passionnés du libre. Elle fournit entre autre des services gratuits libre d'accès."> |
|
<meta name="og:image" content="https://gnous.eu/img/logo.png"> |
|
<meta name="og:url" content="https://gnous.eu/"> |
|
<meta name="og:site_name" content="Gnous.eu"> |
|
<meta name="og:locale" content="fr_FR"> |
|
<meta name="og:type" content="website"> |
|
<link rel="stylesheet" href="dist/spectre.min.css"> |
|
<link rel="stylesheet" href="dist/spectre-exp.min.css"> |
|
<link rel="stylesheet" href="dist/gnous2019.css"> |
|
<link rel="icon" type="image/png" href="https://gnous.eu/img/logo.png" /> |
|
</head> |
|
<body class="bg-dark"> |
|
|
|
<!-- NAVBAR --> |
|
<header class="navbar m-2"> |
|
<section class="navbar-section"> |
|
<a href="/" class="btn btn-link text-light">Accueil</a> |
|
<a href="/services" class="btn btn-link text-light">Services</a> |
|
<a href="/about" class="btn btn-link text-light">A propos</a> |
|
</section> |
|
<section class="navbar-center"> |
|
<img src="img/gnous.svg" alt="GnousLOGO 2019"> |
|
</section> |
|
<section class="navbar-section"> |
|
<a href="/donate" class="btn btn-link text-light">Donner</a> |
|
</section> |
|
</header> |
|
|
|
<div class="container text-center"> |
|
<h1>Nos services</h1> |
|
<p>GnousEU propose à tous des services gratuits et libre d'utilisations à tous.<br> |
|
Ces services sont majoritairement opensource et ne volent pas vos précieuses données personnelles.</p> |
|
</div> |
|
|
|
|
|
<div class="container services bg-primary"> |
|
|
|
<h2 class="text-center">Quelles sont vos préférences ?</h2> |
|
|
|
|
|
<div class="btn-libre"> |
|
<div class="btn-group btn-group-block"> |
|
<button class="btn bg-secondary" id="alltype">J'aime de tout</button> |
|
<button class="btn btn-sucess bg-success" id="libriste">Je suis un pur libriste</button> |
|
</div> |
|
</div> |
|
|
|
<!-- divider element with text --> |
|
<div class="divider"></div> |
|
|
|
<div class="columns"> |
|
|
|
<div class="column col-4 mt-2 closed centralised"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/discord.png" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">Discord</div> |
|
<div class="card-subtitle "><span class="chip bg-warning">Closed source</span> <span class="chip bg-error">Centralisé</span> <span class="chip">discordapp.com</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Rejoignez le serveur discord original de GnousEU ! Présent depuis 2017. |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://gnous.eu/discord" target="_blank" class="btn btn-primary">Rejoindre !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="column col-4 mt-2 libre"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/mstdn.png" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">Mastodon</div> |
|
<div class="card-subtitle "><span class="chip bg-success">OpenSource</span> <span class="chip bg-success">Fédéré</span> <span class="chip">mstdn.gnous.eu</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Créez votre compte sur l'alternative à Twitter descentralisée, Mastodon. |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://mstdn.gnous.eu" target="_blank" class="btn btn-primary">Rejoindre !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="column col-4 mt-2 libre"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/mtx.png" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">Matrix</div> |
|
<div class="card-subtitle "><span class="chip bg-success">OpenSource</span> <span class="chip bg-success">Fédéré</span> <span class="chip">mtx.gnous.eu</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Obtenez votre identifiant Matrix, une alternative descentralisée à Slack et Discord. |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://mtx.gnous.eu" target="_blank" class="btn btn-primary">Rejoindre !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="column col-4 mt-2 libre centralised"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/git.png" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">Gitea</div> |
|
<div class="card-subtitle "><span class="chip bg-success">OpenSource</span> <span class="chip bg-error">Centralisé</span> <span class="chip">git.gnous.eu</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Publiez vos projets Git sur l'instance Gitea publique de GnousEU ! |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://git.gnous.eu" target="_blank" class="btn btn-primary">Rejoindre !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="column col-4 mt-2 centralised"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/mail.png" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">GnousMail</div> |
|
<div class="card-subtitle "><span class="chip bg-error">Centralisé</span> <span class="chip">newmail.gnous.eu</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Obtenez votre compte email en @gnous.eu dès maintenant et gratuitement ! |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://newmail.gnous.eu" target="_blank" class="btn btn-primary">Rejoindre !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="column col-4 mt-2"> |
|
<div class="card text-primary"> |
|
<div class="card-image"> |
|
<img src="img/screen/other.jpg" class="img-responsive"> |
|
</div> |
|
<div class="card-header"> |
|
<div class="card-title h5">Proposez</div> |
|
<div class="card-subtitle "><span class="chip bg-success">Inconnu</span> <span class="chip">*.gnous.eu</span></div> |
|
</div> |
|
<div class="card-body"> |
|
Vous souhaitez voir apparaître un nouveaux service ? Proposez le ! |
|
</div> |
|
<div class="card-footer"> |
|
<a href="https://git.gnous.eu/gnouseu/services/src/branch/master/new_service.md" class="btn btn-primary">Partager mon idée !</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<script src="dist/jquery.min.js"></script> |
|
<script type="text/javascript"> |
|
|
|
$("#libriste").click(function(){ |
|
$(".columns").fadeOut(300); |
|
$(".closed").fadeOut(300); |
|
$(".libre").fadeIn(300); |
|
$(".columns").fadeIn(300); |
|
}); |
|
$("#alltype").click(function(){ |
|
$(".columns").fadeOut(300,function(){$(".libre").show(); $(".closed").show()}); |
|
$(".columns").fadeIn(300); |
|
}); |
|
</script> |
|
</body> |
|
</html> |
|
|
|
|
|
|