ci: move to pages server

This commit is contained in:
forgejo-actions[bot] 2025-04-01 00:29:34 +00:00
parent af7fbaa61a
commit b8f5dadb85
151 changed files with 17554 additions and 0 deletions

246
join/index.en.html Normal file
View file

@ -0,0 +1,246 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="h-100">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Join - ilot.io</title>
<!-- cargo-culted from https://realfavicongenerator.net/ -->
<!-- for the record: it is absolutely ridiculous that new browsers
*and* operating systems each want their own little precious
snowflake just for a frigging icon -->
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="manifest" href="../site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- ikiwiki CSS -->
<link href="../css/style.css" rel="stylesheet" />
<!-- Bootstrap core CSS -->
<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="../css/bootstrap.local.css" rel="stylesheet" />
<!-- Custom styles for derivatives -->
<link rel="stylesheet" href="../css/local.css" type="text/css" />
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light border">
<div class="container-fluid">
<a class="navbar-brand me-auto" href="../">
<img alt="ilot.io" src="../favicon.png" width="48" height="48" />
</a>
<div class="dropdown ps-2 pe-2">
<button class="btn language-switcher dropdown" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
<div class="collapse navbar-collapse float-end ms-1" id="navbar">
English
</div>
<img src="../images/languages.png">
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start" aria-labelledby="language-menu-top">
<li><a href="./index.fr.html">Français</a></li>
</ul>
</div>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse">
<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
<ul class="navbar-nav nav-link align-items-center ms-auto">
<li><a href="../index.en.html">Home</a></li>
<li><a href="../platforms/index.en.html">Platforms</a></li>
<li><span class="selflink">Join</span></li>
<li class="btn p-0 border sign-in"><a href="https://ilot.io/apps/files">Your Files</a></li>
</ul>
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="container" id="content">
<script src="../js/join.js"></script>
<header class="text-center">
<h1 class="post-title">Registration Form</h1>
</header>
<hr>
<div class="post-content clearfix">
<p>If you would like to join ilot, please fill out this form with your details, and someone will get back to you shortly via email. Individuals, cooperatives, and other organizations that identify with the cooperative movement are welcome to join. If you receive no contact within seven days of registration, please send an email to <a href="mailto:support@ilot.io">support@ilot.io</a>.</p>
<div>
<noscript><p>You need JavaScript to complete this form. Alternatively, you can send an email <a href="mailto:support@ilot.io">support@ilot.io</a> to register</p></noscript>
<form>
<h2 id="basic-info">Basic Info:</h2>
<div class="formgroup">
<label for="name">Name <i>(optional)</i></label>
<input id="name" name="name" type="text" maxlength="40">
<p><label for="email">Contact email address</label>
<input id="email" name="email" type="email" required></p>
</div>
<p>In up to 500 characters, can you tell us a bit about yourself? For instance, why you wish to join ilot, and what hopes or aspirations you have for the site and/or your participation? Wed like to build a picture of how our members want to use the site.</p>
<p><textarea id="about-me" name="about-me" rows="10" maxlength="500"></textarea></p>
<p>How did you find out about ilot? We want to better understand how people are finding us.</p>
<p><textarea id="how-found" name="how-found" rows="10" maxlength="500"></textarea></p>
<h2 id="open-collective">Open Collective:</h2>
<p>Contributing through <a href="https://opencollective.com/ilot">Open Collective</a> is a strongly encouraged. We use this platform to manage our finances, thus applicants must have an existing Open Collective profile, which can be set up <a href="https://opencollective.com/create-account">here</a>.</p>
<p><label for="oc-user">Link to your OpenCollective profile</label>
<input id="oc-user" name="oc-user" type="text" required maxlength="50"></p>
<h2 id="code-of-conduct">Code of Conduct:</h2>
<p>New members must also agree to our <a href="../meta/code-of-conduct/">Code of Conduct</a> and must be over the age of consent.</p>
<p><input type="checkbox" id="agree-to-terms" name="agree-to-terms" value="agree-to-terms" required> I am over 18, and have read, understood and agree to the terms of use and engagement as written in the <a href="../meta/code-of-conduct/">Code of Conduct</a>. A summary of the code is below; please be sure to review the full Code via the link.</p>
<p>The Code of Conduct is a living document that outlines acceptable behaviour when members use ilot's Nextcloud and all other spaces governed by the co-op. ilot adopts the “co-op values”: self-responsibility, democracy, equality, equity, and solidarity. Our members believe in the ethical values of honesty, openness, social responsibility, and caring for others. We also follow the rest of the ICA co-op principles. </p>
<p>We welcome anyone able to use our services and willing to accept the responsibilities of membership, regardless of qualities such as gender identity or expression, sexual orientation, disability, mental illness, neuro(a)typicality, physical appearance, body size, age, race, nationality, ethnicity, socioeconomic status, family structure, spirituality, religion (or lack thereof), education, or other personal traits.</p>
<p>We particularly celebrate diversity and do not tolerate bigotry, prejudice or supremacy of any kind. Diverse opinions on politics, religion, and other matters are welcome as long as they align with our core values. Let there be no confusion, ilot is anti-racist, anti-fascist, and anti-transphobic. Moderators will take action on posts that contravene this Code of Conduct.</p>
<h2 id="are-you-a-robot">Are you a robot?</h2>
<p><label for="math-spam-trap">What is two plus seven?</label>
<input id="math-spam-trap" name="math-spam-trap" type="text" required maxlength="50"></p>
<input type="button" value="Submit" id = "submit"
onClick = "createIssue()">
</form>
</div>
</div>
</div> <!-- /container -->
</main>
<footer class="footer mt-auto py-2 bg-light" role="contentinfo">
<div class="container">
<p class="text-muted">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="https://support.ilot.io/en/hc/706927618">FAQs</a></li>
<li><a href="https://forge.ilot.io/ilot/-/projects/3">Known issues</a></li>
<li><a href="https://support.ilot.io/help/706927618">Support ticket</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Contribute</h5>
<ul>
<li><span class="selflink">Become a member</span>
<li><a href="https://opencollective.com/ilot">Donate</a></li>
<li><a href="https://forge.ilot.io/ilot/-/projects">Git Forge</a></li>
<li><a href="https://wiki.ilot.io">Wiki</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>About us</h5>
<ul>
<li><a href="../meta/code-of-conduct/">Code of conduct</a></li>
<li><a href="../meta/license/">Licenses</a></li>
<li><a href="https://status.ilot.io/status/ilot">Network Status</a></li>
</div>
<div class="col-sm-3 listmonk-form">
<h5>News</h5>
<p>Subscribe to our <a href="https://notif.ilot.io/archive">newsletter</a></p>
<form method="post" action="https://notif.ilot.io/subscription/form" class="listmonk-form">
<!-- Converts enter key to tab -->
<script>
document.addEventListener('keydown', function (event) {
if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
var form = event.target.form;
var index = Array.prototype.indexOf.call(form, event.target);
form.elements[index + 1].focus();
event.preventDefault();
}
});
</script>
<input type="hidden" name="nonce" />
<input id="39425" type="hidden" name="l" value="39425113-44b5-46f7-9897-91151467b05f" />
<div class="t">
<input aria-label="Email" class="btn" type="email" name="email" required placeholder="E-mail" />
</div>
<button aria-label="Subscribe" class="btn" type="button" data-bs-toggle="modal" data-bs-target="#hcaptchamodal">Subscribe</button>
<div class="modal fade" id="hcaptchamodal" tabindex="-1" aria-labelledby="haptcha" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="hcapatchamodallabel">Are you a robot?</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="h-captcha" data-sitekey="be08a59e-ae24-472e-8a80-22d07016ee90" data-callback="submitSubscribe"></div>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button aria-label="Subscribe" class="btn" type="submit">Subscribe</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- TODO: Find other ways to setup analytics
<script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>
<noscript>
<img src="https://analytics.anarc.at/count?p=join&t=Join" alt="tracking pixel to count visitors when Javascript is disabled" />
</noscript>
-->
</body>
</html>

291
join/index.fr.html Normal file
View file

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="h-100">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Se joindre - ilot.io</title>
<!-- cargo-culted from https://realfavicongenerator.net/ -->
<!-- for the record: it is absolutely ridiculous that new browsers
*and* operating systems each want their own little precious
snowflake just for a frigging icon -->
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
<link rel="manifest" href="../site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- ikiwiki CSS -->
<link href="../css/style.css" rel="stylesheet" />
<!-- Bootstrap core CSS -->
<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="../css/bootstrap.local.css" rel="stylesheet" />
<!-- Custom styles for derivatives -->
<link rel="stylesheet" href="../css/local.css" type="text/css" />
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light border">
<div class="container-fluid">
<a class="navbar-brand me-auto" href="../">
<img alt="ilot.io" src="../favicon.png" width="48" height="48" />
</a>
<div class="dropdown ps-2 pe-2">
<button class="btn language-switcher dropdown" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
<div class="collapse navbar-collapse float-end ms-1" id="navbar">
Français
</div>
<img src="../images/languages.png">
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start" aria-labelledby="language-menu-top">
<li><a href="./index.en.html">English</a></li>
</ul>
</div>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse">
<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
<ul class="navbar-nav nav-link align-items-center ms-auto">
<li><a href="../index.fr.html">Accueil</a></li>
<li><a href="../platforms/index.fr.html">Plateformes</a></li>
<li><span class="selflink">Se joindre</span></li>
<li class="btn p-0 border sign-in"><a href="https://ilot.io/apps/files">Vos fichiers</a></li>
</ul>
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="container" id="content">
<script src="../js/join.js"></script>
<header class="text-center">
<h1 class="post-title">Formulaire d'inscription</h1>
</header>
<hr>
<div class="post-content clearfix">
<p>Si vous souhaitez rejoindre l'ilot, veuillez remplir ce formulaire avec vos
coordonnées, et quelqu'un vous répondra rapidement par courrier
électronique. Les individus, les coopératives et les autres organisations
qui s'identifient au mouvement coopératif sont les bienvenus. Si vous n'êtes
pas contacté dans les sept jours suivant votre inscription, veuillez envoyer
un courriel à <a href="mailto:support@ilot.io">support@ilot.io</a>.</p>
<div>
<noscript><p>Vous avez besoin de JavaScript pour remplir ce formulaire. Vous pouvez
également envoyer un courriel <a href="mailto:support@ilot.io">support@ilot.io</a>
pour vous inscrire</p></noscript>
<form>
<h2 id="basic-info">Informations de base:</h2>
<div class="formgroup">
<label for="name">Nom <i>(optionnel)</i></label> <input id="name"
name="name" type="text" maxlength="40">
<p><label for="email">Adresse électronique de contact</label> <input id="email"
name="email" type="email" required></p>
</div>
<p>En 500 caractères maximum, pouvez-vous nous parler un peu de vous ? Par
exemple, pourquoi vous souhaitez rejoindre l'ilot, et quels sont vos espoirs
ou vos aspirations pour le site et/ou votre participation ? Nous aimerions
nous faire une idée de la manière dont nos membres souhaitent utiliser le
site.</p>
<p><textarea id="about-me" name="about-me" rows="10"
maxlength="500"></textarea></p>
<p>Comment avez-vous connu ilot ? Nous voulons mieux comprendre comment les
gens nous trouvent.</p>
<p><textarea id="how-found" name="how-found" rows="10"
maxlength="500"></textarea></p>
<h2 id="open-collective">Open Collective:</h2>
<p>Faire une contribution à travers <a href="https://opencollective.com/ilot">Open
Collective</a> est fortement encouragé. Nous
utilisons cette plateforme pour gérer nos finances. Or, vous devez avoir un
profil Open Collective, qui peut être créé
<a href="https://opencollective.com/create-account">ici</a>.</p>
<p><label for="oc-user">Lien de votre profil Open Collective</label> <input
id="oc-user" name="oc-user" type="text" required maxlength="50"></p>
<h2 id="code-of-conduct">Code de conduite:</h2>
<p>Les nouveaux membres doivent également accepter notre <span class="createlink">Code de
conduite</span> et doivent avoir atteint l'âge du
consentement.</p>
<p><input type="checkbox" id="agree-to-terms" name="agree-to-terms"
value="agree-to-terms" required> J'ai plus de 18 ans et j'ai lu, compris et
accepté les conditions d'utilisation et d'engagement énoncées dans le <a href="../meta/code-of-conduct/">Code
de conduite</a>. Vous trouverez ci-dessous un résumé du
code ; n'oubliez pas de consulter le code complet en cliquant sur le
lien.</p>
<p>Le code de conduite est un document évolutif qui décrit les comportements
acceptables lorsque les membres utilisent Nextcloud et tous les autres
espaces régis par la coopérative. Ilot adopte les "valeurs de la
coopérative" : l'auto-responsabilité, la démocratie, l'égalité, l'équité et
la solidarité. Nos membres croient aux valeurs éthiques que sont
l'honnêteté, l'ouverture, la responsabilité sociale et l'attention portée
aux autres. Nous suivons également les autres principes coopératifs de
l'ACI. </p>
<p>Nous accueillons toute personne capable d'utiliser nos services et prête à
accepter les responsabilités liées à l'adhésion, indépendamment de qualités
telles que l'identité ou l'expression de genre, l'orientation sexuelle, le
handicap, la maladie mentale, la neuro(a)typicité, l'apparence physique, la
taille, l'âge, la race, la nationalité, l'ethnicité, le statut
socio-économique, la structure familiale, la spiritualité, la religion (ou
l'absence de religion), l'éducation ou d'autres traits personnels.</p>
<p>Nous célébrons tout particulièrement la diversité et ne tolérons aucune
forme de sectarisme, de préjugé ou de suprématie. Les opinions diverses sur
la politique, la religion et d'autres sujets sont les bienvenues tant
qu'elles sont en accord avec nos valeurs fondamentales. Qu'il n'y ait pas de
confusion, ilot est antiraciste, antifasciste et anti-transphobe. Les
modérateurs prendront des mesures à l'égard des messages qui contreviennent
à ce code de conduite.</p>
<h2 id="are-you-a-robot">Êtes-vous un robot ?</h2>
<p><label for="math-spam-trap">Qu'est-ce que deux plus sept ?</label> <input
id="math-spam-trap" name="math-spam-trap" type="text" required
maxlength="50"></p> <input type="button" value="Soumettre" id = "submit"
onClick = "createIssue()"> </form>
</div>
</div>
</div> <!-- /container -->
</main>
<footer class="footer mt-auto py-2 bg-light" role="contentinfo">
<div class="container">
<p class="text-muted">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Soutient</h5>
<ul>
<li><a href="https://support.ilot.io/fr/hc/706927618">FAQ</a></li>
<li><a href="https://forge.ilot.io/ilot/-/projects/3">Problèmes connus</a></li>
<li><a href="https://support.ilot.io/help/706927618">Soutient technique</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Contribuer</h5>
<ul>
<li><span class="selflink">Devenir membre</span>
<li><a href="https://opencollective.com/ilot">Faire un don</a></li>
<li><a href="https://forge.ilot.io/ilot/-/projects">Forge Git</a></li>
<li><a href="https://wiki.ilot.io">Wiki</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>À propos de nous</h5>
<ul>
<li><a href="../meta/code-of-conduct/">Code de conduite</a></li>
<li><a href="../meta/license/">Licenses</a></li>
<li><a href="https://status.ilot.io/status/ilot">État du réseau</a></li>
</div>
<div class="col-sm-3 listmonk-form">
<h5>Nouvelles</h5>
<p>S'abonner à notre <a href="https://notif.ilot.io/archive">liste de diffusion</a></p>
<form method="post" action="https://notif.ilot.io/subscription/form" class="listmonk-form">
<!-- Converts enter key to tab -->
<script>
document.addEventListener('keydown', function (event) { if (event.keyCode
=== 13 && event.target.nodeName === 'INPUT') { var form = event.target.form;
var index = Array.prototype.indexOf.call(form, event.target);
form.elements[index + 1].focus(); event.preventDefault(); } });
</script>
<input type="hidden" name="nonce" /> <input id="39425" type="hidden"
name="l" value="39425113-44b5-46f7-9897-91151467b05f" />
<div class="t">
<input aria-label="Email" class="btn" type="email" name="email" required
placeholder="Courriel" />
</div>
<button aria-label="Subscribe" class="btn" type="button"
data-bs-toggle="modal" data-bs-target="#hcaptchamodal">S'abonner</button>
<div class="modal fade" id="hcaptchamodal" tabindex="-1" aria-labelledby="haptcha" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="hcapatchamodallabel">Êtes-vous un robot?</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Fermer"></button>
</div>
<div class="modal-body">
<div class="h-captcha" data-sitekey="be08a59e-ae24-472e-8a80-22d07016ee90" data-callback="submitSubscribe"></div>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-bs-dismiss="modal">Fermer</button> <button aria-label="Subscribe"
class="btn" type="submit">S'abonner</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- TODO: Find other ways to setup analytics
<script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>
<noscript>
<img src="https://analytics.anarc.at/count?p=join.fr&t=Se%20joindre" alt="tracking pixel to count visitors when Javascript is disabled" />
</noscript>
-->
</body>
</html>

1
join/index.html Symbolic link
View file

@ -0,0 +1 @@
index.fr.html