Initial commit

master
Mael G 4 years ago
parent c30096e594
commit c02e5796e5
  1. 38
      404.html
  2. 81
      about.html
  3. 24
      dist/gnous2019.css
  4. 2
      dist/jquery.min.js
  5. 1
      dist/spectre-exp.min.css
  6. 1
      dist/spectre-icons.min.css
  7. 1
      dist/spectre.min.css
  8. 75
      donate.html
  9. BIN
      img/gnous.png
  10. 1
      img/gnous.svg
  11. BIN
      img/logo.png
  12. BIN
      img/screen/discord.png
  13. BIN
      img/screen/git.png
  14. BIN
      img/screen/mail.png
  15. BIN
      img/screen/mstdn.png
  16. BIN
      img/screen/mtx.png
  17. BIN
      img/screen/other.jpg
  18. 60
      index.html
  19. 205
      services.html

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Gnous.eu - Erreur</title>
<link rel="stylesheet" href="/dist/spectre.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-error">
<!-- 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>Oups...</h1>
<p>Désolé mais nous ne sommes pas en mesure d'afficher cette page.</p>
<p>Vous pensez que ce n'est pas normal ? Essayez de rentrer en contact avec un administrateur.</p>
<a href="/" class="btn btn-success">Retourner en lieu sûr</a>
</div>
</div>
</body>
</html>

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Gnous.eu - A propos</title>
<meta name="twitter:title" content="Gnous.eu - A propos">
<meta name="og:title" content="Gnous.eu - A propos">
<!-- 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">
<h1>A propos</h1>
<p>GnousEU est une communauté de passionnés du libre ayant débuté en <code>Février 2017</code> sur la plateforme <code>Discord</code>. Depuis elle s'est diversifiée sur plusieurs plateformes hébergées par elle même en favoirsant les instances déscentralisées. Elle ne cesse de grandir de jour en jour et est ouverte à tous nouveaux membres. Un système de recensemment des membre et d'interconnexion des plateformes est toujours à l'étude pour permettre une meilleure continuité au sein de la communauté. Actuellement la grande majorité de ses membres se trouvent sur le serveur Discord.</p>
<p>Cette communauté à été créée par <code><a href="https://outout.xyz/">Mael G. aka Outout</a></code> et est administrée par lui même mais aussi par <code>Romain J.</code>, <code><a href="https://semapy.xyz">Rick Krict</a></code> et <code>DoomQuakeKeen</code>.</p>
<p>Les services de la communauté sont actuellement hébergés au <code>Canada</code> sur un <code>Dell Poweredge R410</code> dans un datacenter <code><a href="https://microserum.net">MicroSerum Inc.</a></code>. Le coût de location de cette machine est de <code>42€TTC/mois</code> !</p> <!-- PTN C CHER !!! -->
<pre class="mx-2 container text-success">
root@dedie1:~# neofetch
_,met$$$$$gg. root@dedie1
,g$$$$$$$$$$$$$$$P. -----------
,g$$P" """Y$$.". OS: Debian GNU/Linux 9.7 (stretch) x86_64
,$$P' `$$$. Model: PowerEdge R410
',$$P ,ggs. `$$b: Kernel: 4.15.17-1-pve
`d$$' ,$P"' . $$$ Uptime: 17 days, 20 minutes
$$P d$' , $$P Packages: 858
$$: $$. - ,d$$' Shell: bash 4.4.12
$$; Y$b._ _,d$P' CPU: Intel Xeon L5630 (16) @ 1.5GHz
Y$$. `.`"Y$$$$P"' GPU: Matrox Electronics Systems Ltd. MGA G200eW W
`$$b "-.__ Memory: 19547MB / 32154MB
`Y$$
`Y$$. <span class="text-error">████</span><span class="text-success">████</span><span class="text-warning">████</span><span class="text-primary">████</span><span style="color: purple">████</span><span style="color: blue">████</span><span class="text-gray">████</span>
`$$b.
`Y$$b.
`"Y$b._
`"""
</pre>
</body>
</html>

24
dist/gnous2019.css vendored

@ -0,0 +1,24 @@
body{
margin-top: 1vh;
}
.hero{
text-align: center;
margin: 3vh;
}
.gradient{
background: #6a3093; /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #a044ff, #6a3093); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #a044ff, #6a3093); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.container{
margin-top: 10vh;
}
.btn-libre{
width: 40vh;
margin: 0 auto;
}
.services{
padding: 10vh;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Gnous.eu - Faire un don</title>
<!-- 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:title" content="Gnous.eu - Faire un don">
<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:title" content="Gnous.eu - Faire un don">
<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>
<!-- END NAVBAR -->
<div class="container text-center">
<h1>Donnez a GnousEU</h1>
<p>Participez au développement de la communauté de GnousEU via un don monétaire via le site PayPal.</p>
<p class="text-error text-italic">Dons désactivés pour le moment... Contactez l'administrateur</p>
</div>
<div class="container text-center">
<h2>Vous souhaitez nous donner du materiel ?</h2>
<p>Vous disposez de materiel réseau ou serveur usagé et vous ne savez pas quoi en faire ?<br>
<p>Contactez nous par mail à <code>dons@gnous.eu</code></p>
</div>
<div class="container text-center">
<h2>Vous êtes fournisseur de services ?</h2>
<p>Discutons plus en détails de votre proposition ! Nous sommes ouvert à tout partenariat.<br>
<p>Contactez nous par mail à <code>mael@gnous.eu</code></p>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 KiB

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Gnous.eu - Bienvenue</title>
<meta name="twitter:title" content="Gnous.eu - Bienvenue">
<meta name="og:title" content="Gnous.eu - Bienvenue">
<!-- 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="hero hero-lg gradient">
<div class="hero-body">
<h1>GnousEU</h1>
<p>Communauté francophone de passionnés du libre depuis 2017.</p>
<a href="/services" class="btn btn-success text-light">Adhérez en découvrant nos services</a></p>
</div>
</div>
</body>
</html>

@ -0,0 +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>