Compare commits
1 commit
| Author | SHA1 | Date | |
|---|---|---|---|
| 924e011afe |
5 changed files with 1921 additions and 0 deletions
BIN
src/forum.png
Normal file
BIN
src/forum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
326
src/index.html
Normal file
326
src/index.html
Normal file
|
|
@ -0,0 +1,326 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||||
|
<script src="https://kit.fontawesome.com/2e5e989a20.js" crossorigin="anonymous"></script>
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
|
<script src="styles.css"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<title>ILOT</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="opener">
|
||||||
|
|
||||||
|
<img src="img/ilot_intro.gif" alt="ilot logo" width="600" height="600">
|
||||||
|
<h1> ILOT </h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="home" >
|
||||||
|
|
||||||
|
<div class="homeone">
|
||||||
|
|
||||||
|
<img src="img/ilot.black.png" alt="ilot logo" width="400" height="400">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="login">
|
||||||
|
|
||||||
|
<a href="https://auth.ilot.io/if/flow/ilot-authentication-flow/?next=%2F"><h4>Platforms</h4> </a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hometwo">
|
||||||
|
|
||||||
|
<h2><i><b>Welcome to</b></i></h2>
|
||||||
|
<h1>ILOT</h1>
|
||||||
|
<h5><i>a platform cooperative</i></h5>
|
||||||
|
|
||||||
|
|
||||||
|
<!---------------------- LINK TO REGISTRATION ------------->
|
||||||
|
<div class="join">
|
||||||
|
<h4>Embark</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="language">
|
||||||
|
<i class="fa-solid fa-globe"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="coop">
|
||||||
|
<div class="one">
|
||||||
|
<!--
|
||||||
|
<img src="img/ilot_white.svg" alt="ilot logo" width="100px" height="100px">
|
||||||
|
-->
|
||||||
|
<h5><i>the</i></h5>
|
||||||
|
<h1>COOP</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="two">
|
||||||
|
<p>
|
||||||
|
ilot is a cooperative corner of the internet. We operate
|
||||||
|
different free and open-source platforms, like
|
||||||
|
<span>Nextcloud</span> and <span>Mastodon</span>, all integrated together by a shared authentication system. We aim to eventually
|
||||||
|
incorporate as a cooperative to create a digital
|
||||||
|
infrastructure that is by and for its users as an
|
||||||
|
alternative to the siloed and privatized internet of
|
||||||
|
today. Members fund our operations and decide how
|
||||||
|
to set our community policies, steward our data, and
|
||||||
|
manage our shared technologies. Members also
|
||||||
|
provide the labor to run ilot at all levels.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The project is currently in beta, as there is still a lot of
|
||||||
|
work left to do. While the technical infrastructure is
|
||||||
|
setup and stable, the governance and community
|
||||||
|
guidelines are still a work in progress. If you are
|
||||||
|
interested in joining ilot, visit our registration form.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
ilot was started in 2021 when AESA-CIRI, the sociology,
|
||||||
|
anthropology and immigration studies sudent
|
||||||
|
association of UQAM, wanted to create its own digital
|
||||||
|
infrastructure. Since then, we have worked toward the
|
||||||
|
goal of making the project useful to other
|
||||||
|
organisations and individuals.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="services">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
|
||||||
|
<h5><i>the</i></h5>
|
||||||
|
<h1>SERVICES</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
<div class="menu" id="cloud">
|
||||||
|
<h3>Cloud</h3>
|
||||||
|
<p>
|
||||||
|
The Cloud is an instance of <span>Nextcloud</span>, a productivity collaboration platform analogous to Google Drive. An instance is an autonomous version of a web service. In Nextcloud’s case, even though there exists an official service maintained by the developpers, we are totally indendant from them. The only thing that ties us to the official instance is that we use the same underlying technology, hosted on our own infrastructure.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--
|
||||||
|
<div class="menu" id="agora">
|
||||||
|
<h3>Agora</h3>
|
||||||
|
<a href="https://agora.ilot.io/explore">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
<!--
|
||||||
|
<div class="menu" id="wiki">
|
||||||
|
<h3>Wiki</h3>
|
||||||
|
<a href="https://wiki.ilot.io/en/home">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
<!--
|
||||||
|
<div class="menu" id="lab">
|
||||||
|
<h3>Lab</h3>
|
||||||
|
<a href="https://auth.ilot.io/if/flow/ilot-authentication-flow/?next=%2Fapplication%2Fsaml%2Fgitlab%2Fsso%2Fbinding%2Fredirect%2F%3FSAMLRequest%3DfZJdS8MwGIX%252FSu9y1abpNiuhLZQNYTBF5seFN5Km77ZgmtS8qR%252F%252F3rRDnaDehuc8OZykQNHpnteDP5gtPA%252BAPqoRwXllzdIaHDpwN%252BBelIS77aYkB%252B975JRq0SRKW58oS4fAIxXBQUcdlULrRsgnEq2CTxkxyr6jI%252FiVFX2vlZyIY3ivfHBTREsbZVpl9tRBqxxIT0m0XpXkscnmuwYWeZwtztt4zmYyFrN0HqfQsJZBPoNdE1DEAdYGvTC%252BJFmaBSCPWXrLcp4ynp09kOg%252BFJ%252B6ZUlKordOG%252BRji5IMznArUCE3ogPkXvKb%252BnLDA8jF50Cnkf7%252FTO%252Bst9JqUhUjzad2rvplzoKeAsXxga6CcL26tmGr96jW2r4uHQgPJfFuABJdWNcJ%252F3cFlrDpRLXxbkI5dELpum0dIBJaHW%252F9%252BROqDw%253D%253D">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
<!--
|
||||||
|
<div class="menu" id="aux">
|
||||||
|
<h3>+</h3>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cloud">
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<img src="img/database_w.png" alt="Cloud service" width="100">
|
||||||
|
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
The Cloud is an instance of <span>Nextcloud</span>, a productivity collaboration platform analogous to Google Drive. An instance is an autonomous version of a web service. In Nextcloud’s case, even though there exists an official service maintained by the developpers, we are totally indendant from them. The only thing that ties us to the official instance is that we use the same underlying technology, hosted on our own infrastructure.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="agora">
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<img src="img/forum_w.png" alt="Mastodon" width="100">
|
||||||
|
|
||||||
|
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
The Agora is an instance of <span>Mastodon</span>, a decentarilized microblogging social media network that exists within a larger federation in community called the <span>Fediverse</span>. Presenting itself as an alternative to Twitter, it represents a federated alternative to the siloed model of traditionnal social media networks. It’s as if you could follow your grand-mother from Facebook, with your Instagram account. In practice, this allows you to follow accounts that are hosted on other independant instances, from your account on Ilot. A post that you like can be boosted, which can then be boosted by those who follow your account. It is thus a social network model where the propagation technology is human rather than algorithmic.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wiki">
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<img src="img/wikipedia_w.png" alt="Wiki" width="100">
|
||||||
|
|
||||||
|
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
The Wiki is an instance of <span>Wiki.JS</span>, a wiki engine that acts as a knowledge base for the community and for the membership. Since the membership is engaged with various causes, we can expect this space to eventually become a resource for those whose values matches ours. </p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="lab">
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<img src="img/chemistry-lab-instrument_w.png" alt="Lab" width="100">
|
||||||
|
|
||||||
|
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
The Lab is an instance of <span>GitLab</span>, a forge based on Git that enables easier collaboration between developpers. As of now, it is the main developpment space for ilot, thus it is more used by the technical working group. If you are a developper, or use Git in your workflow, this is a cooperative alternative to GitHub. If you are curious, all of our known issues our tracked <a href="https://lab.ilot.io/ilot/issues/-/issues">here</a>. Our very own website uses GitLab Pages as its backend and its source-code can be found <a href="https://lab.ilot.io/ilot/ilot.io">here</a>. </p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aux">
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<p><b>Our Auxiliary Services</b></p>
|
||||||
|
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
The following platforms are more there as a support role. They allow better management of the other platforms, and they are here to give you an overview of our infrastructure.
|
||||||
|
• Auth, an instance of Authentik, is our unified authenticaton system. It is the service that allows a membre to access all of our platforms using the same account. From this space, you can also see all of the different spaces that you have access to. It is also through Auth that you can change account settings, like your password or email.
|
||||||
|
• Support, an instance of Freescout, is our technical support platform where you can find guides on how to use ilot and where you can open support tickets. You can go here for more details on how to ask for help.
|
||||||
|
• Status, an instance of Uptime-Kuma, allows us to keep track of the state of the network. If something goes down, Status will alert the technical working group. If you have issues connecting to any of our platforms, you can go there to see the state of the network.
|
||||||
|
• Notif, an instance of listmonk, allows the working groups to easily communicate with the rest of the membership in case of announcements or technical issues.
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="support">
|
||||||
|
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
<h5><i>for</i></h5>
|
||||||
|
<h1>SUPPORT</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<h4>
|
||||||
|
Submit a ticket
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<label for="name"><i>name</i></label><br>
|
||||||
|
<input type="text" id="supportname" name="name"><br>
|
||||||
|
|
||||||
|
<label for="email"><i>email</i></label><br>
|
||||||
|
<input type="text" id="supportemail" name="email">
|
||||||
|
|
||||||
|
<label for="supportsubject"><i>subject</i></label><br>
|
||||||
|
<input type="text" id="supportsubject" name="subject">
|
||||||
|
|
||||||
|
<label for="supportmessage"><i>message</i></label><br>
|
||||||
|
<textarea type="text" id="supportmessage" name="message">
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
<label for="robot"><i>two plus seven</i></label><br>
|
||||||
|
<input type="text" id="supportrobot" name="robot">
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<input type="checkbox" id="supportterms" name="terms" value="terms">
|
||||||
|
<label id="terms" for="terms"> I have read, understood and agree to the <a href="#">Code of Conduct</a></label><br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!------------include link to conditions --------->
|
||||||
|
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<h6>ILOT
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<button class="scroll up" >
|
||||||
|
<i class="fa-solid fa-circle-chevron-up" style="font-size: 4em;"></i>
|
||||||
|
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
Copyleft © 2024-2024 <br>
|
||||||
|
ilot CC-BY-SA
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
src/right-arrow_w.png
Normal file
BIN
src/right-arrow_w.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
29
src/script.js
Normal file
29
src/script.js
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
alert("Le code Jquery a bien été lu et chargé dans la page");
|
||||||
|
|
||||||
|
|
||||||
|
// ------------- ON LOADING ------------------//
|
||||||
|
|
||||||
|
|
||||||
|
// ------------- ON CLICKING ------------------//
|
||||||
|
|
||||||
|
$("#cloud").click(function(){
|
||||||
|
$("div.cloud").show();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$("button").click(function() {
|
||||||
|
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".header.i").click(function(){
|
||||||
|
$("div.cloud").hide()
|
||||||
|
$("agora.cloud").hide()
|
||||||
|
$("lab.cloud").hide()
|
||||||
|
$("wiki.cloud").hide()
|
||||||
|
$("aux.cloud").hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
1566
src/styles.css
Normal file
1566
src/styles.css
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Reference in a new issue