240 lines
10 KiB
HTML
240 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||
<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="../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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
|
||
|
||
<!-- Custom styles for this template -->
|
||
<link href="../bootstrap.local.css" rel="stylesheet" />
|
||
|
||
<!-- Custom styles for derivatives -->
|
||
|
||
<link rel="stylesheet" href="../local.css" type="text/css" />
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="navbar navbar-default navbar-fixed-top">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="../">
|
||
<img alt="ilot.io" src="../favicon.png" width="48" height="48" />
|
||
</a>
|
||
</div>
|
||
|
||
<div id="navbar" class="collapse navbar-collapse">
|
||
|
||
|
||
<div class="dropdown navbar-left">
|
||
<button class="btn language-switcher dropdown-toggle" type="button" id="language-menu-top" data-toggle=
|
||
"dropdown" aria-haspopup="true" aria-expanded="true">
|
||
English
|
||
<img src="../wikiicons/languages.png">
|
||
</button>
|
||
<ul class="dropdown-menu" aria-labelledby="language-menu-top">
|
||
|
||
<li>
|
||
<a href="./index.fr.html">Français</a>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
|
||
<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<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>
|
||
<button class="btn sign-in" onclick="window.location.href='https://ilot.io/apps/files';">
|
||
Your Files
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
<ul class="nav navbar-nav">
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container" id="content">
|
||
|
||
|
||
|
||
<script src=/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">
|
||
<label for="emptyfield">This should be left unchanged</label>
|
||
<input id="emptyfield" name="emptyfield" 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>
|
||
|
||
<!-- Hide until we get an OpenCollective account going
|
||
<h2 id="open-collective">Open Collective:</h2>
|
||
<p>Contributing through <a href="https://opencollective.com/ilotio">Open Collective</a> is a condition
|
||
of membership, so 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 -->
|
||
|
||
<footer class="footer" 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://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="submit">Subscribe</button>
|
||
</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://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"></script>
|
||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></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>
|