first commit

This commit is contained in:
julien committed 2026-10-22 01:07:27 +02:00
commit 82f8b28353
28 files changed
+1210

No files matched your search

+42
View File
@@ -0,0 +1,42 @@
<section class="page-section">
<div class="content page-panel">
<h1>Contact</h1>
<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>
<div>
<% if notice = flash["notice"] %>
<p class="flash flash--notice" role="status"><%= notice %></p>
<% end %>
<% if error = flash["error"] %>
<p class="flash flash--error" role="alert"><%= error %></p>
<% end %>
<form action="/contact/send" method="post" class="contact-form" accept-charset="UTF-8">
<%== csrf_tag("/contact/send") %>
<div class="honeypot" aria-hidden="true">
<label for="website">Site web</label>
<input id="website" type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<label for="email">Email</label>
<input id="email" type="email" name="email" maxlength="254" autocomplete="email" required>
<label for="name">Nom</label>
<input id="name" type="text" name="name" maxlength="128" autocomplete="name" required>
<label for="subject">Objet</label>
<input id="subject" type="text" name="subject" maxlength="200" required>
<label for="message">Message</label>
<textarea id="message" name="message" cols="40" rows="10" maxlength="5000" required></textarea>
<input type="submit" value="Envoyer" class="submit">
</form>
</div>
</div>
</div>
</section>
+119
View File
@@ -0,0 +1,119 @@
<section class="hero-section">
<div class="content col--1-2 hero">
<div class="logo">
<img src="/images/favicon.svg" alt="Logo NETig">
</div>
<div>
<h1>NETig</h1>
<p class="hero__lead">Fournisseur associatif de <strong>services numériques libres, simples et indépendants</strong>, respectueux de la vie privée, à destination des particuliers, des associations et des petites entreprises.</p>
<div class="hero__actions">
<a class="button" href="/#association">Découvrir l'association ➜</a>
<a class="button button--secondary" href="https://status.netig.net/status/services" target="_blank" rel="noopener noreferrer">
<img src="/images/status.svg" alt="" width="32" height="32">
État des services ↗
</a>
</div>
</div>
</div>
</section>
<section id="services" class="section-services">
<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" rel="noopener noreferrer">
<h3 class="box__title">NETcalc ↗</h3>
<img class="service-icon" src="/images/calc.svg" alt="">
<p>Tableur collaboratif, alternative à Google Sheets.</p>
</a>
<a class="box box__link" href="https://pad.netig.net" target="_blank" rel="noopener noreferrer">
<h3 class="box__title">NETpad ↗</h3>
<img class="service-icon" src="/images/pad.svg" alt="">
<p>Écriture collaborative, alternative à Google Docs.</p>
</a>
<a class="box box__link" href="https://drop.netig.net" target="_blank" rel="noopener noreferrer">
<h3 class="box__title">NETdrop ↗</h3>
<img class="service-icon" src="/images/drop.svg" alt="">
<p>Partage de fichiers, alternative à Google Drive.</p>
</a>
</div>
</div>
</section>
<section id="hosting" class="section-hosting">
<div class="content">
<h2>Services réservés aux adhérents</h2>
<p><strong>L'adhésion à NETig est gratuite !</strong> <a href="/url/provisoire">Créez votre compte</a> pour demander à rejoindre l'association et profiter de ses services.</p>
<div class="col--1-1">
<div class="box">
<h3 class="box__title">NETmail — Adresse mail</h3>
<div class="col--1-2">
<div>
<img src="/images/mail.svg" alt="">
</div>
<div>
<p>Obtenez une adresse e-mail @netig.net ou utilisez votre propre nom de domaine. Consultez vos messages depuis un navigateur ou votre logiciel de messagerie habituel.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETcloud — Fichiers en ligne</h3>
<div class="col--1-2">
<div>
<img src="/images/cloud.svg" alt="">
</div>
<div>
<p>Conservez vos fichiers, photos et agendas en ligne et retrouvez-les depuis vos différents appareils. Une suite bureautique est également disponible.</p>
</div>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">NETlist — Listes de diffusion</h3>
<div class="col--1-2">
<div>
<img src="/images/list.svg" alt="">
</div>
<div>
<p>Créez des listes pour envoyer des actualités, des annonces ou des lettres d'information à vos abonnés. Proposez des formulaires d'inscription et des archives publiques, et utilisez une adresse @netig.net ou votre propre domaine pour vos envois.</p>
</div>
</div>
</div>
<div class="col--1-1">
<div class="box">
<h3 class="box__title">NETgit — Hébergement de code</h3>
<div class="col--1-2">
<div>
<img src="/images/git.svg" alt="">
</div>
<div>
<p>Un espace pour conserver, partager et gérer vos projets.</p>
</div>
</div>
</div>
<div class="box">
<h3 class="box__title">Autre</h3>
<div class="col--1-2">
<div>
<img src="/images/other.svg" alt="">
</div>
<div>
<p>Vous recherchez un service qui n'est pas présenté ici ? <a href="/contact">Contactez-nous</a> pour en discuter !</p>
</div>
</div>
</div>
</div>
<p>
Les services NETig reposent sur des logiciels libres.
<a href="/documentation/logiciels">Découvrez les logiciels utilisés ➜</a>
</p>
</div>
</section>
<section id="association" class="section-association">
<div class="content">
<h2>Aidez-nous à continuer !</h2>
<p>L'adhésion est gratuite et les services sont financés grâce aux dons. Votre soutien nous aide à couvrir les frais d'hébergement et à maintenir les services accessibles.</p>
<a class="button" href="/#association">Faire un don ➜</a>
</div>
</section>
+62
View File
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<% title = @page_title || "NETig" %>
<% description = @page_description || "Services numériques libres, simples et indépendants, pour particuliers, associations et petites structures." %>
<title><%= title %></title>
<meta name="description" content="<%= description %>">
<meta name="theme-color" content="#1c1c1c">
<meta property="og:title" content="<%= title %>">
<meta property="og:description" content="<%= description %>">
<meta property="og:type" content="website">
<% if @canonical_url %>
<meta property="og:url" content="<%= @canonical_url %>">
<link rel="canonical" href="<%= @canonical_url %>">
<% end %>
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<a class="skip-link" href="#main-content">Aller au contenu</a>
<header>
<nav class="topbar" aria-label="Accès aux services">
<% unless request.path == "/" %>
<a href="/">
<img src="/images/favicon.svg" alt="Accueil NETig">
</a>
<% end %>
<a href="https://webmail.netig.net" target="_blank" rel="noopener noreferrer">NETmail ↗</a>
<a href="https://cloud.netig.net" target="_blank" rel="noopener noreferrer">NETcloud ↗</a>
<a href="https://git.netig.net" target="_blank" rel="noopener noreferrer">NETgit ↗</a>
<a class="topbar__account" href="/login">Mon espace ➜</a>
</nav>
</header>
<main id="main-content">
<%== yield %>
</main>
<footer>
<div class="botbar">
<p>Contenu du site par Julien Debrousse — <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a></p>
<p><a href="/legal">Mentions légales</a></p>
<p>Fait avec ❤️ et <a href="https://roda.jeremyevans.net/" target="_blank" rel="noopener noreferrer">Roda</a> !</p>
</div>
</footer>
</body>
</html>
+59
View File
@@ -0,0 +1,59 @@
<section class="page-section">
<div class="content prose page-panel">
<h1>Mentions légales</h1>
<p>
NETig — Association loi 1901<br>
Membres fondateurs : Julien Debrousse et John Doe<br>
Siège social : [adresse]<br>
RNA : [numéro]<br>
Directeur de la publication : [nom]
</p>
<h2 id="contact">Contact</h2>
<p>Il est possible de prendre contact par courriel à : <a href="mailto:contact@netig.net">contact@netig.net</a>.</p>
<h2 id="hebergement-des-donnees">Hébergement des données</h2>
<p>Les services sont hébergés sur des infrastructures administrées bénévolement par l'association chez <a href="https://www.hetzner.com/" target="_blank" rel="noopener noreferrer">Hetzner</a>. Le VPS principal fonctionne sous Debian. Des sauvegardes quotidiennes sont conservées sur une Storage Box Hetzner située en Finlande.</p>
<p>Hébergeur : Hetzner Online GmbH — [adresse et téléphone à compléter].</p>
<h2 id="conditions-generales-d-utilisation">Conditions générales d'utilisation</h2>
<h3 id="disponibilite">Disponibilité</h3>
<p>Malgré les efforts faits pour assurer la meilleure disponibilité possible, un accès permanent aux services n'est pas garanti. Vous pouvez consulter l'état des services en temps réel depuis un <a href="https://status.netig.net/status/services" target="_blank" rel="noopener noreferrer">outil de surveillance</a> mis à disposition. Vous pouvez aussi vous inscrire à la <a href="https://list.netig.net/subscription/form" target="_blank" rel="noopener noreferrer">liste de diffusion de maintenance</a>, afin d'être informé des interruptions de service.</p>
<h3 id="responsabilite">Responsabilité</h3>
<p>Vous êtes responsable des contenus diffusés et êtes tenu de respecter la législation en vigueur. Le non-respect des conditions d'utilisation ou des lois en vigueur peut entraîner une suspension des services ou une suppression des données et comptes concernés.</p>
<h3 id="donnees-personnelles">Données personnelles</h3>
<h4 id="confidentialite">Confidentialité</h4>
<p>Les données ne sont ni vendues ni utilisées à des fins publicitaires. Elles sont traitées uniquement pour gérer les adhésions, fournir, administrer et sécuriser les services, sous réserve des obligations légales applicables.</p>
<h4 id="conservation">Conservation</h4>
<p>Les données personnelles sont conservées pendant la durée nécessaire à la gestion des adhésions et à la mise à disposition des services, sous réserve des obligations légales de conservation. Elles peuvent persister pendant la durée de rétention des sauvegardes après la clôture des services.</p>
<h4 id="recuperation">Récupération</h4>
<p>Vous pouvez à tout moment récupérer vos données personnelles, soit à l'aide d'une fonctionnalité intégrée à un service, soit sur demande.</p>
<h4 id="suppression">Suppression</h4>
<p>Vous pouvez demander la suppression de vos données personnelles, soit à l'aide d'une fonctionnalité intégrée à un service, soit sur demande écrite, sous réserve des obligations légales de conservation.</p>
<h4 id="droits">Vos droits</h4>
<p>Vous pouvez exercer vos droits d'accès, de rectification, d'effacement et les autres droits prévus par la réglementation applicable en écrivant à <a href="mailto:contact@netig.net">contact@netig.net</a>. Vous pouvez également introduire une réclamation auprès de la CNIL.</p>
<h3 id="services-en-libre-acces">Services en libre accès</h3>
<p>Ces services sont accessibles à tous afin de proposer une alternative aux produits des GAFAM ou « Géants du web », respectueuse des données de chacun. Les ressources matérielles ne sont pas sans limites : utilisez-les avec bon sens. En cas d'abus et après un premier avertissement lorsque cela est possible, votre adresse IP pourra être bannie.</p>
<h3 id="services-adherents">Services réservés aux adhérents</h3>
<h4 id="adhesion">Adhésion</h4>
<p>L'adhésion à l'association est gratuite et soumise à validation conformément à ses statuts. Elle permet de demander l'accès aux services réservés aux adhérents, dans la limite des ressources disponibles. L'adhésion ne garantit pas l'attribution automatique d'un service.</p>
<h4 id="dons">Dons</h4>
<p>L'association est financée par des dons libres et volontaires destinés à couvrir ses frais de fonctionnement. Aucun don n'est obligatoire pour adhérer ou bénéficier des services. Les dons ne donnent droit à aucun accès ou avantage supplémentaire.</p>
<h4 id="suspension-et-resiliation">Suspension et résiliation</h4>
<p>Le non-respect des conditions d'utilisation peut entraîner une suspension ou une suppression des services concernés, notamment en cas d'abus. Vous pouvez à tout moment demander la désactivation d'un service et la suppression des données associées, sous réserve des obligations légales de conservation.</p>
</div>
</section>