Service propostion link on git

master
Mael G. 4 years ago
parent b84c55e5a2
commit df96a78f30
  1. 410
      services.html

@ -1,205 +1,205 @@
<!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="mailto:mael@gnous.eu" 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>
<!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>