235 lines
11 KiB
HTML
235 lines
11 KiB
HTML
|
<!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? We’d 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">
|
|||
|
|
|
|||
|
|
<input type="hidden" name="nonce" />
|
|||
|
|
<input id="9c490" type="hidden" name="l" value="9c490957-b50b-4162-898d-92259e350cd6" />
|
|||
|
|
<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="exampleModalLabel">Modal title</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>
|