first commit

This commit is contained in:
julien committed 2025-01-14 17:57:40 +01:00
commit b5136b819a
30 files changed
+1069

No files matched your search

+81
View File
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<title>NETig</title>
<meta name="description"
content="Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos données aux GAFAM ? Vous êtes au bon endroit !">
<link rel="canonical" href="https://netig.net/">
<link rel="icon" type="image/x-icon" href="{{ get_url(path="images/favicon.webp") }}">
<link rel="stylesheet" href="{{ get_url(path="css/style.css") }}">
</head>
<body>
<header class="">
<div class="topbar">
<a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
<a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
<a class="" href="https://git.netig.net" target="_blank">NETgit</a>
</div>
<div class="menu_icon_sidenav">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="sidenav">
<nav>
<ul>
<li><a href="/#">Accueil</a></li>
<li><a href="/#services">Services</a></li>
<li><a href="/#about">À propos</a></li>
<li><a href="/#hosting">Hébergement</a></li>
<li><a href="/maintenance">Maintenance et incidents</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="content col--1-2">
<div>
<a class="logo" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}"
alt="Logo"></a>
</div>
<div>
<a href="/#"><h1>NETig</h1></a>
<p><strong>Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos
données aux GAFAM ? Vous êtes au bon endroit !</strong></p>
</div>
</div>
</header>
<main>
<div>
{% block content %} {% endblock %}
</div>
</main>
<footer>
<div class="botbar">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
rel="cc:attributionURL" href="https://netig.net">NETig website</a> by <span
property="cc:attributionName">Julien Debrousse</span> is licensed under <a
href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank"
rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""></a></p>
<p>
<a href="/legal">Mentions Légales</a>
</p>
<p>
Made with ❤️ with <a href="https://www.getzola.org/" target="_blank">Zola</a> !
</p>
</div>
<script src="{{ get_url(path="js/sidenav.js") }}"></script>
</footer>
</body>
</html>
+27
View File
@@ -0,0 +1,27 @@
{% extends "base.html" %}
{% block content %}
<div class="content">
<h2>{{ page.title }}</h2>
<article class="article-contact">
<div class="col--1-1">
<div>
<p>Vous avez un projet en tête ? Un service vous intéresse ? Ou simplement une question ? Ce formulaire
est
là pour ça !</p>
</div>
<form action="https://p2e.netig.net/" method="post" class="contact-form">
<input type="hidden" name="REDIRECT" value="https://netig.net/success" />
<input type="email" name="REPLY_TO" placeholder="Email" class="contact-form-input" required>
<input type="hidden" name="Source" value="Formulaire de contact" />
<input type="text" name="Nom" maxlength="128" placeholder="Nom" class="contact-form-input" required>
<input type="text" name="SUBJECT" maxlength="256" placeholder="Objet" class="contact-form-input"
required>
<textarea name="Message" cols="40" rows="10" placeholder="Message" class="contact-form-input"
required></textarea>
<input type="submit" value="Envoyer" class="submit">
</form>
</div>
</article>
</div>
{% endblock content %}
+176
View File
@@ -0,0 +1,176 @@
{% extends "base.html" %}
{% block content %}
<article class="article-services">
<div class="anchor" id="services"></div>
<div class="content">
<h2>Services en libre accès</h2>
<div class="col--1-1-1">
<a class="box box__link" href="https://calc.netig.net" target="_blank">
<h3 class="box__title">NETcalc</h3>
<p>Tableur en ligne collaboratif, similaire à Framacalc.</p>
</a>
<a class="box box__link" href="https://pad.netig.net" target="_blank">
<h3 class="box__title">NETpad</h3>
<p>Éditeur de texte en ligne collaboratif, similaire à Framapad.</p>
</a>
<a class="box box__link" href="https://drop.netig.net" target="_blank">
<h3 class="box__title">NETdrop</h3>
<p>Partage de fichiers jusqu'à 1Go, similaire à Framadrop.</p>
</a>
</div>
</div>
</article>
<article class="article-about">
<div class="anchor" id="about"></div>
<div class="content col--1-1-1">
<div>
<h3>Quoi ?</h3>
<p>Tous les outils numérique dont vous pouriez avoir besoin en tant que particulier, association ou petite
entreprise : des boîtes mail, du stockage en ligne, des outils de travail collaboratif, un service de
partage de fichiers volumineux, une forge logicielle, des listes de diffusion... et plus encore !
</p>
</div>
<div>
<h3>Comment ?</h3>
<p>L'ensemble des services sont fournis depuis un VPS chez <a href="https://hostup.se/en/"
target="_blank">HostUp</a> en Suède et conteneurisés, c'est à dire isolés les uns des autres
pour améliorer la sécurité, la reproductibilité et l'automatisation. Le stockage est redondant sur deux
disques en cas de défaillance matérielle. Les données sont sauvegardées automatiquement une fois par
semaine et stockées sur le serveur ainsi qu'en Allemagne chez <a href="https://www.hetzner.com/"
target="_blank">Hetzner</a>. Utilisation exclusive de logiciels sous licences libres.</p>
</div>
<div>
<h3>Pourquoi ?</h3>
<p>Je suis un petit hébergeur, en utilisant mes services vous gardez le contrôle sur vos données et
participez à un internet libre et décentralisé. Ici vos données ne seront en aucun cas marchandées ni
utilisées à toute autre fin que de fournir le service demandé. Je participe également à ma mesure à la
distribution Linux utilisée en mettant à disposition <a href="https://chimera.netig.net/"
target="_blank">un mirroir</a>.</p>
</div>
</div>
</article>
<article class="article-hosting">
<div class="anchor" id="hosting"></div>
<div class="content">
<h2>Offres d'hébergement</h2>
<p>Si un service vous intéresse <a class="link" href="/contact">contactez-moi</a>, vous
avez un mois d'essai à compter de la mise à disposition avant le premier paiement.</p>
<div>
<div class="box">
<h3 class="box__title">NETmail - Adresse mail</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/mail.svg") }}" alt="">
</div>
<div>
<ul>
<li>2€/mois 5Go</li>
</ul>
</div>
<div>
<p>Adresse mail en @netig.net ou votre nom de domaine (12€ de frais de mise en place
supplémentaire), consultable depuis un webmail ou depuis votre client mail habituel.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETcloud - Compte Nextcloud</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/cloud.svg") }}" alt="">
</div>
<div>
<ul>
<li>1€/mois 1Go</li>
<li>2€/mois 5Go</li>
<li>2€/mois + 5Go</li>
<li>2€/mois option Collabora</li>
</ul>
</div>
<div>
<p>Un compte Nextcloud pour stocker vos fichiers, photos, et agendas en ligne. Suite bureautique
complète en option avec Collabora.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETcloud - Instance Nextcloud</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/clouds.svg") }}" alt="">
</div>
<div>
<ul>
<li>20€/mois 5Go</li>
<li>2€/mois + 5Go</li>
<li>8€/mois option Collabora</li>
</ul>
</div>
<div>
<p>Votre propre instance Nextcloud privée pour plusieurs comptes.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETgit - Compte Gitea</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/git.svg") }}" alt="">
</div>
<div>
<ul>
<li>2€/mois</li>
</ul>
</div>
<div>
<p>Forge logicielle.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETlist - Instance Listmonk</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/list.svg") }}" alt="">
</div>
<div>
<ul>
<li>8€/mois</li>
</ul>
</div>
<div>
<p>Listes de diffusion avec page d'inscription et d'archives publiques. Pas de limite sur le
nombre d’abonnés ni sur le nombre de listes. Possibilité d’utiliser une ou plusieurs
adresses mail d’expédition @netig.net ou tout autre fournisseur. Conforme RGPD.
</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">Autre</h3>
<div class="col--1-1-2">
<div>
<img src="{{ get_url(path="images/other.svg") }}" alt="">
</div>
<div>
<ul>
<li>Sur devis</li>
</ul>
</div>
<div>
<p>Vous avez autre chose en tête ? Un site ou une application web à héberger ? <a class="link"
href="/contact">Demandez-moi</a> !
</p>
</div>
</div>
</div>
</div>
</div>
</article>
{% endblock content %}
+23
View File
@@ -0,0 +1,23 @@
{% extends "base.html" %}
{% block content %}
<div class="content">
<h2>{{ page.title }}</h2>
<article class="article-report">
<p>Information : Brève interruption de l'ensemble des services tous les lundi matins à 4h pour sauvegarde.
</p>
<div class="col--1-1-1">
<a class="box box__link" href="https://status.netig.net/status/services" target="_blank">État des
services
en
temps réel</a>
<a class="box box__link" href="https://list.netig.net/archive" target="_blank">Maintenances et
incidents
signalés</a>
<a class="box box__link" href="https://list.netig.net/subscription/form" target="_blank">Recevoir
les
notifications par mail</a>
</div>
</article>
</div>
{% endblock content %}
+8
View File
@@ -0,0 +1,8 @@
{% extends "base.html" %}
{% block content %}
<div class="content">
<h2>{{ page.title }}</h2>
{{ page.content | safe }}
</div>
{% endblock content %}
+8
View File
@@ -0,0 +1,8 @@
{% extends "base.html" %}
{% block content %}
<div class="content">
<p class="success">Message envoyé, retourner à la <a href="/#">page d'accueil</a> !</p>
</div>
{% endblock content %}