Move everything under src, and treat ./src as root
This commit is contained in:
parent
8cc40c0dce
commit
32ec626af0
GPG key ID:
D62A472A4AA7D541
4 changed files with 155 additions and 462 deletions
320
index.html
320
index.html
|
|
@ -1,320 +0,0 @@
|
||||||
<!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 rel="stylesheet" href="styles.css">
|
|
||||||
|
|
||||||
<script src="script.js"></script>
|
|
||||||
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
|
|
||||||
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<title>ILOT</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="opener">
|
|
||||||
|
|
||||||
<img src="src/img/ilot_intro.gif" alt="ilot logo" width="600" height="600">
|
|
||||||
<h1> ILOT </h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="home" >
|
|
||||||
|
|
||||||
<div class="homeone">
|
|
||||||
|
|
||||||
<img src="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="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>
|
|
||||||
<a href="https://auth.ilot.io/if/flow/ilot-authentication-flow/?next=%2Fapplication%2Fsaml%2Fnextcloud%2Fsso%2Fbinding%2Fredirect%2F%3FSAMLRequest%3DjZLdbtswDIXv8xSF7hPZme2lQhIgbfYTIEuCJhuG3RSMTbcabMkTqbV9%252Bypyt3YDVowXAkTqfDg80JSgbTq18HxrrvCHR%252BLBWaj7tjGk4nAmvDPKAmlSBlokxaXaLz6t1XiUqM5ZtqVtxF%252By11VAhI61Nb1stZyJ7ebdevthtblOz4uiPOYFwOQNAKZ1DZMsx3EGCHmRw6Suiwow66Vf0FHgzETAikFPI%252FK4MsRgOPSTcTZM3g7T5JAWKp%252BoLP3WS5dhWW2Ao%252FyWuSMlJYQkRrqxPNJWQtc1uowv5GkpafCey8b6ShJZedSm0uZGOqy0w5Jlz909RXLRj19P4olB6uPhsBvutvtDD1n8SujSGvItuj26n7rEz1frZ7PRyku3JH2QXUev8YCSxDwCp6e7itm4%252Bf8DWmSogGEqX%252BqfiZ3ahJ1Wy50NST3E%252FqneW9cC%252F3v1dJTGjq6GdXyqvubJ%252Bd4fv4ccT0TxG7VoGnt36RAYZ4KdR3Em54Pez58%252Fd%252F4I%26RelayState%3Dhttps%253A%252F%252Fcloud.ilot.io%252Fapps%252Fuser_saml%252Fsaml%252Flogin%26SigAlg%3Dhttp%253A%252F%252Fwww.w3.org%252F2001%252F04%252Fxmldsig-more%2523rsa-sha256%26Signature%3DhluzCjqWoyLVbkbeQF67YMQiOa7zcSUokWFJL5crhTQdFs890UVOcsyApOPTlO9UkRokUdXMb4zaZB6O0bjy%252B6x%252F4xp7Sdxlp0D1geAPMHmDEFOxpE%252B7X5fVKy%252FmjzbLWKqr0BVnOVJoFoY9PZYe8A%252B9z8KM%252BM9ikNNPrVWSi8EwVLrV2GvTYvq%252BYD1LH4JDGGAbWna0YNp6K3qMuBJhiyIlR4OMrkM%252B7Fz7CiZ433zXD2PyE6yYAp1zL2Ti6hqDdaPj6elFFZ67Cp4lKTDlQYEvaLJj26SZSSy0eRiY3HGRVyudB1XHak46hfE5djrxd3ij0iMVU%252B23GZUT8loXA2GzUY12lr3fEC7nYr6QVF%252FX6eLh4MoI9yfdfCyOK1kFOMdjG5Pp785uJD7xmf1O8ekynUhhJow32ryBlCfGly0g8ma%252FO7MM%252FOlXSOL4o4o59HuY3BhyE%252BR21H63TL8pCEPrKi49o3ig%252Fn8PsAl7G%252B2VwcBduTay%252BOHTxLv87mdlAXzNRv1Do5Zi71A%252B5faAjDc4zn38zcrUafR0m%252BeiNzzDu9XiiGumGNaxEmLGY9toJE1fq7RPOiMWuS%252FadFwgPD3J9QtDR6CahunAdI1nNe%252FvmRSz6DgnpFulDoLJmlhE7tQQFmdnv3YT3CtmS87d%252B%252FTfjWYN8J8WdAFYdPTFqpE%253D/">
|
|
||||||
<button type="button">
|
|
||||||
<img src="src/img/right-arrow_w.png" alt="access" width="60px">
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu">
|
|
||||||
<h3>Agora</h3>
|
|
||||||
<a href="https://agora.ilot.io/explore">
|
|
||||||
<button type="button">
|
|
||||||
<img src="src/img/right-arrow_w.png" alt="access" width="60px">
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu">
|
|
||||||
<h3>Wiki</h3>
|
|
||||||
<a href="https://wiki.ilot.io/en/home">
|
|
||||||
<button type="button">
|
|
||||||
<img src="src/img/right-arrow_w.png" alt="access" width="60px">
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu">
|
|
||||||
<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="src/img/right-arrow_w.png" alt="access" width="60px">
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu">
|
|
||||||
<h3>+</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="cloud">
|
|
||||||
<div class="header">
|
|
||||||
|
|
||||||
<img src="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="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="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="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>
|
|
||||||
263
src/index.html
263
src/index.html
|
|
@ -1,99 +1,94 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
|
||||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||||
<script src="https://kit.fontawesome.com/2e5e989a20.js" crossorigin="anonymous"></script>
|
<script src="https://kit.fontawesome.com/2e5e989a20.js" crossorigin="anonymous"></script>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
|
||||||
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
|
||||||
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
|
||||||
|
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<title>ILOT</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="opener">
|
<div class="opener">
|
||||||
|
|
||||||
<img src="img/ilot.black.png" alt="ilot logo" width="600" height="600">
|
<img src="img/ilot_intro.gif" alt="ilot logo" width="600" height="600">
|
||||||
<h1> ILOT </h1>
|
<h1> ILOT </h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="home" >
|
<div class="home" >
|
||||||
|
|
||||||
<div class="1">
|
<div class="homeone">
|
||||||
|
|
||||||
<img src="img/ilot.black.png" alt="ilot logo" width="400" height="400">
|
<img src="img/ilot.black.png" alt="ilot logo" width="400" height="400">
|
||||||
|
|
||||||
|
|
||||||
<button type="button" class="log">
|
<div class="login">
|
||||||
<h4>Log In</h4>
|
|
||||||
</button>
|
<a href="https://auth.ilot.io/if/flow/ilot-authentication-flow/?next=%2F"><h4>Platforms</h4> </a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="hometwo">
|
||||||
|
|
||||||
<h2><i><b>Welcome to</b></i></h2>
|
<h2><i><b>Welcome to</b></i></h2>
|
||||||
<h1>ILOT</h1>
|
<h1>ILOT</h1>
|
||||||
<h5><i>a web based cooperative</i></h5>
|
<h5><i>a platform cooperative</i></h5>
|
||||||
|
|
||||||
<button type="button" class="join">
|
|
||||||
<h5>Join Us</h5>
|
<!---------------------- LINK TO REGISTRATION ------------->
|
||||||
</button>
|
<div class="join">
|
||||||
|
<h4>Embark</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<object class="registration">
|
<div class="language">
|
||||||
|
|
||||||
<h4> Registration
|
|
||||||
</h4>
|
|
||||||
<span>
|
|
||||||
To join, please fill out this form with your details.<br>
|
|
||||||
Someone will reach out to you shortly via email.
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<label for="name"><i>name</i></label><br>
|
|
||||||
<input type="text" id="name" name="name"><br>
|
|
||||||
|
|
||||||
<label for="email"><i>email</i></label><br>
|
|
||||||
<input type="text" id="email" name="email">
|
|
||||||
|
|
||||||
<label for="organisation"><i>organisation</i></label><br>
|
|
||||||
<input type="text" id="organisation" name="organisation">
|
|
||||||
|
|
||||||
<label for="aboutyou"><i>about you</i></label><br>
|
|
||||||
<input type="text" id="aboutyou" name="aboutyou">
|
|
||||||
|
|
||||||
<label for="find"><i>How did you find out about us?</i></label><br>
|
|
||||||
<input type="text" id="aboutyou" name="aboutyou">
|
|
||||||
|
|
||||||
<label for="robot"><i>robot?</i></label><br>
|
|
||||||
<input type="text" id="robot" name="robot">
|
|
||||||
|
|
||||||
<input type="checkbox" id="terms" name="terms" value="terms">
|
|
||||||
<label for="terms"> I have read, understood and agree to the Code of Conduct</label><br>
|
|
||||||
|
|
||||||
<!--include link to conditions -->
|
|
||||||
|
|
||||||
<input type="submit">
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</object> <!--Add strip with language switch -->
|
|
||||||
|
|
||||||
<object class="language">
|
|
||||||
<i class="fa-solid fa-globe"></i>
|
<i class="fa-solid fa-globe"></i>
|
||||||
</object>
|
</div>
|
||||||
|
|
||||||
<div class="coop">
|
<div class="coop">
|
||||||
<div class="1">
|
<div class="one">
|
||||||
|
|
||||||
<img src="img/ilot.black.png" alt="ilot logo" width="200" height="200">
|
<img src="img/ilot_white.svg" alt="ilot logo" width="100px" height="100px">
|
||||||
|
|
||||||
<h5><i>the</i></h5>
|
<h5><i>the</i></h5>
|
||||||
<h1>COOP</h1>
|
<h1>COOP</h1>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="2">
|
<div class="two">
|
||||||
<p>
|
<p>
|
||||||
ilot is a cooperative corner of the internet. We operate
|
ilot is a cooperative corner of the internet. We operate
|
||||||
different free and open-source platforms, like
|
different free and open-source platforms, like
|
||||||
|
|
@ -122,9 +117,9 @@
|
||||||
organisations and individuals.
|
organisations and individuals.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="services">
|
<div class="services">
|
||||||
<div class="1">
|
<div class="left">
|
||||||
|
|
||||||
|
|
||||||
<h5><i>the</i></h5>
|
<h5><i>the</i></h5>
|
||||||
|
|
@ -132,52 +127,76 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="2">
|
<div class="right">
|
||||||
|
|
||||||
<button class="menu">
|
<div class="menu" id="cloud">
|
||||||
<h3>Cloud</h3>
|
<h3>Cloud</h3>
|
||||||
</button>
|
<a href="https://auth.ilot.io/if/flow/ilot-authentication-flow/?next=%2Fapplication%2Fsaml%2Fnextcloud%2Fsso%2Fbinding%2Fredirect%2F%3FSAMLRequest%3DjZLdbtswDIXv8xSF7hPZme2lQhIgbfYTIEuCJhuG3RSMTbcabMkTqbV9%252Bypyt3YDVowXAkTqfDg80JSgbTq18HxrrvCHR%252BLBWaj7tjGk4nAmvDPKAmlSBlokxaXaLz6t1XiUqM5ZtqVtxF%252By11VAhI61Nb1stZyJ7ebdevthtblOz4uiPOYFwOQNAKZ1DZMsx3EGCHmRw6Suiwow66Vf0FHgzETAikFPI%252FK4MsRgOPSTcTZM3g7T5JAWKp%252BoLP3WS5dhWW2Ao%252FyWuSMlJYQkRrqxPNJWQtc1uowv5GkpafCey8b6ShJZedSm0uZGOqy0w5Jlz909RXLRj19P4olB6uPhsBvutvtDD1n8SujSGvItuj26n7rEz1frZ7PRyku3JH2QXUev8YCSxDwCp6e7itm4%252Bf8DWmSogGEqX%252BqfiZ3ahJ1Wy50NST3E%252FqneW9cC%252F3v1dJTGjq6GdXyqvubJ%252Bd4fv4ccT0TxG7VoGnt36RAYZ4KdR3Em54Pez58%252Fd%252F4I%26RelayState%3Dhttps%253A%252F%252Fcloud.ilot.io%252Fapps%252Fuser_saml%252Fsaml%252Flogin%26SigAlg%3Dhttp%253A%252F%252Fwww.w3.org%252F2001%252F04%252Fxmldsig-more%2523rsa-sha256%26Signature%3DhluzCjqWoyLVbkbeQF67YMQiOa7zcSUokWFJL5crhTQdFs890UVOcsyApOPTlO9UkRokUdXMb4zaZB6O0bjy%252B6x%252F4xp7Sdxlp0D1geAPMHmDEFOxpE%252B7X5fVKy%252FmjzbLWKqr0BVnOVJoFoY9PZYe8A%252B9z8KM%252BM9ikNNPrVWSi8EwVLrV2GvTYvq%252BYD1LH4JDGGAbWna0YNp6K3qMuBJhiyIlR4OMrkM%252B7Fz7CiZ433zXD2PyE6yYAp1zL2Ti6hqDdaPj6elFFZ67Cp4lKTDlQYEvaLJj26SZSSy0eRiY3HGRVyudB1XHak46hfE5djrxd3ij0iMVU%252B23GZUT8loXA2GzUY12lr3fEC7nYr6QVF%252FX6eLh4MoI9yfdfCyOK1kFOMdjG5Pp785uJD7xmf1O8ekynUhhJow32ryBlCfGly0g8ma%252FO7MM%252FOlXSOL4o4o59HuY3BhyE%252BR21H63TL8pCEPrKi49o3ig%252Fn8PsAl7G%252B2VwcBduTay%252BOHTxLv87mdlAXzNRv1Do5Zi71A%252B5faAjDc4zn38zcrUafR0m%252BeiNzzDu9XiiGumGNaxEmLGY9toJE1fq7RPOiMWuS%252FadFwgPD3J9QtDR6CahunAdI1nNe%252FvmRSz6DgnpFulDoLJmlhE7tQQFmdnv3YT3CtmS87d%252B%252FTfjWYN8J8WdAFYdPTFqpE%253D/">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<button class="menu">
|
<div class="menu">
|
||||||
<h3>Agora</h3>
|
<h3>Agora</h3>
|
||||||
</button>
|
<a href="https://agora.ilot.io/explore">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
<button class="menu">
|
</div>
|
||||||
|
|
||||||
|
<div class="menu">
|
||||||
<h3>Wiki</h3>
|
<h3>Wiki</h3>
|
||||||
</button>
|
<a href="https://wiki.ilot.io/en/home">
|
||||||
|
<button type="button">
|
||||||
|
<img src="img/right-arrow_w.png" alt="access" width="60px">
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
<button class="menu">
|
</div>
|
||||||
|
|
||||||
|
<div class="menu">
|
||||||
<h3>Lab</h3>
|
<h3>Lab</h3>
|
||||||
</button>
|
<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>
|
||||||
|
|
||||||
<button class="menu">
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="menu">
|
||||||
<h3>+</h3>
|
<h3>+</h3>
|
||||||
</button>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<object class="cloud">
|
<div class="cloud">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
||||||
<img src="img/database.png" alt="Cloud service" width="100">
|
<img src="img/database_w.png" alt="Cloud service" width="100">
|
||||||
|
|
||||||
|
|
||||||
<i class="fa-solid fa-xmark"></i>
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<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.
|
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>
|
</p>
|
||||||
|
|
||||||
<button>
|
|
||||||
<img src="img/right-arrow.png" alt="access" width="80">
|
</div>
|
||||||
|
|
||||||
</button>
|
|
||||||
</object>
|
|
||||||
|
|
||||||
<object class="Agora">
|
<div class="agora">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
||||||
<img src="img/forum.png" alt="Mastodon" width="100">
|
<img src="img/forum_w.png" alt="Mastodon" width="100">
|
||||||
|
|
||||||
|
|
||||||
<i class="fa-solid fa-xmark"></i>
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
|
@ -186,16 +205,13 @@
|
||||||
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.
|
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>
|
</p>
|
||||||
|
|
||||||
<button>
|
|
||||||
<img src="img/right-arrow.png" alt="access" width="80">
|
</div>
|
||||||
|
|
||||||
</button>
|
|
||||||
</object>
|
|
||||||
|
|
||||||
<object class="Wiki">
|
<div class="wiki">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
||||||
<img src="img/wikipedia.png" alt="Wiki" width="100">
|
<img src="img/wikipedia_w.png" alt="Wiki" width="100">
|
||||||
|
|
||||||
|
|
||||||
<i class="fa-solid fa-xmark"></i>
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
|
@ -203,30 +219,24 @@
|
||||||
<p>
|
<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>
|
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>
|
||||||
|
|
||||||
<button>
|
|
||||||
<img src="img/right-arrow.png" alt="access" width="80">
|
</div>
|
||||||
|
|
||||||
</button>
|
<div class="lab">
|
||||||
</object>
|
|
||||||
|
|
||||||
<object class="Lab">
|
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
||||||
<img src="img/chemistry-lab-instrument.png" alt="Lab" width="100">
|
<img src="img/chemistry-lab-instrument_w.png" alt="Lab" width="100">
|
||||||
|
|
||||||
|
|
||||||
<i class="fa-solid fa-xmark"></i>
|
<i class="fa-solid fa-xmark"></i>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<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 here. Our very own website uses GitLab Pages as its backend and its source-code can be found <span>here</span>. </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>
|
||||||
|
|
||||||
<button>
|
|
||||||
<img src="img/right-arrow.png" alt="access" width="80">
|
</div>
|
||||||
|
|
||||||
</button>
|
|
||||||
</object>
|
|
||||||
|
|
||||||
<object class="aux">
|
<div class="aux">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
||||||
<p><b>Our Auxiliary Services</b></p>
|
<p><b>Our Auxiliary Services</b></p>
|
||||||
|
|
@ -234,53 +244,56 @@
|
||||||
<i class="fa-solid fa-xmark"></i>
|
<i class="fa-solid fa-xmark"></i>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
Our Auxillary Services
|
|
||||||
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.
|
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.
|
• 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.
|
• 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.
|
• 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.
|
• 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.
|
||||||
|
|
||||||
<button>
|
|
||||||
<img src="img/right-arrow.png" alt="access" width="80">
|
</div>
|
||||||
|
|
||||||
</button>
|
|
||||||
</object>
|
|
||||||
|
|
||||||
<div class="support">
|
<div class="support">
|
||||||
|
|
||||||
<div class="1">
|
<div class="left">
|
||||||
|
|
||||||
<h5><i>for</i></h5>
|
<h5><i>for</i></h5>
|
||||||
<h1>SUPPORT</h1>
|
<h1>SUPPORT</h1>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="2">
|
<div class="right">
|
||||||
|
|
||||||
<form>
|
<form>
|
||||||
|
<h4>
|
||||||
|
Submit a ticket
|
||||||
|
</h4>
|
||||||
|
|
||||||
<label for="name"><i>name</i></label><br>
|
<label for="name"><i>name</i></label><br>
|
||||||
<input type="text" id="name" name="name"><br>
|
<input type="text" id="supportname" name="name"><br>
|
||||||
|
|
||||||
<label for="email"><i>email</i></label><br>
|
<label for="email"><i>email</i></label><br>
|
||||||
<input type="text" id="email" name="email">
|
<input type="text" id="supportemail" name="email">
|
||||||
|
|
||||||
<label for="subject"><i>subject</i></label><br>
|
<label for="supportsubject"><i>subject</i></label><br>
|
||||||
<input type="text" id="subject" name="subject">
|
<input type="text" id="supportsubject" name="subject">
|
||||||
|
|
||||||
<label for="message"><i>message</i></label><br>
|
<label for="supportmessage"><i>message</i></label><br>
|
||||||
<input type="text" id="message" name="message">
|
<textarea type="text" id="supportmessage" name="message">
|
||||||
|
</textarea>
|
||||||
|
|
||||||
<label for="robot"><i>robot?</i></label><br>
|
<label for="robot"><i>two plus seven</i></label><br>
|
||||||
<input type="text" id="robot" name="robot">
|
<input type="text" id="supportrobot" name="robot">
|
||||||
|
|
||||||
<input type="checkbox" id="terms" name="terms" value="terms">
|
<div class="box">
|
||||||
<label for="terms"> I have read, understood and agree to the Code of Conduct</label><br>
|
<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 -->
|
<!------------include link to conditions --------->
|
||||||
|
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
|
||||||
<input type="submit">
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
@ -292,7 +305,7 @@
|
||||||
</h6>
|
</h6>
|
||||||
|
|
||||||
<button class="scroll up" >
|
<button class="scroll up" >
|
||||||
<i class="fa-solid fa-circle-chevron-up"></i>
|
<i class="fa-solid fa-circle-chevron-up" style="font-size: 4em;"></i>
|
||||||
|
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
@ -303,5 +316,5 @@
|
||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'candicebold_expanded';
|
font-family: 'candicebold_expanded';
|
||||||
src:url('src/fonts/candice/candice-boldexpanded-webfont.woff2') format('woff2'),;
|
src:url('fonts/candice/candice-boldexpanded-webfont.woff2') format('woff2'),;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -45,8 +45,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_displaybold';
|
font-family: 'mazius_displaybold';
|
||||||
src: url('src/fonts/mazius/maziusdisplay-bold_copy-webfont.woff2') format('woff2'),
|
src: url('onts/mazius/maziusdisplay-bold_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusdisplay-bold_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusdisplay-bold_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -54,8 +54,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_displayextra_italic';
|
font-family: 'mazius_displayextra_italic';
|
||||||
src: url('src/fonts/mazius/maziusdisplay-extraitalic_copy-webfont.woff2') format('woff2'),
|
src: url('onts/mazius/maziusdisplay-extraitalic_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusdisplay-extraitalic_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusdisplay-extraitalic_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -63,8 +63,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_displayXItBd';
|
font-family: 'mazius_displayXItBd';
|
||||||
src: url('src/fonts/mazius/maziusdisplay-extraitalicbold_copy-webfont.woff2') format('woff2'),
|
src: url('fonts/mazius/maziusdisplay-extraitalicbold_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusdisplay-extraitalicbold_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusdisplay-extraitalicbold_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -72,8 +72,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_displayregular';
|
font-family: 'mazius_displayregular';
|
||||||
src: url('src/fonts/mazius/maziusdisplay-regular_copy-webfont.woff2') format('woff2'),
|
src: url('fonts/mazius/maziusdisplay-regular_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusdisplay-regular_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusdisplay-regular_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -81,8 +81,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_review_20.09XIt';
|
font-family: 'mazius_review_20.09XIt';
|
||||||
src: url('src/fonts/mazius/maziusreview20.09-extraitalic_copy-webfont.woff2') format('woff2'),
|
src: url('fonts/mazius/maziusreview20.09-extraitalic_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusreview20.09-extraitalic_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusreview20.09-extraitalic_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -90,8 +90,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_review_20.09italic';
|
font-family: 'mazius_review_20.09italic';
|
||||||
src: url('src/fonts/mazius/maziusreview20.09-italic_copy-webfont.woff2') format('woff2'),
|
src: url('fonts/mazius/maziusreview20.09-italic_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusreview20.09-italic_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusreview20.09-italic_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -99,8 +99,8 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400;}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'mazius_review_20.09regular';
|
font-family: 'mazius_review_20.09regular';
|
||||||
src: url('src/fonts/mazius/maziusreview20.09-regular_copy-webfont.woff2') format('woff2'),
|
src: url('fonts/mazius/maziusreview20.09-regular_copy-webfont.woff2') format('woff2'),
|
||||||
url('src/fonts/mazius/maziusreview20.09-regular_copy-webfont.woff') format('woff');
|
url('fonts/mazius/maziusreview20.09-regular_copy-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
|
|
@ -247,7 +247,7 @@ div.homeone {
|
||||||
|
|
||||||
div.hometwo {
|
div.hometwo {
|
||||||
flex-basis: 50%;
|
flex-basis: 50%;
|
||||||
background-image: url(src/img/chris-ried-79NfyK85Ahc-unsplash.jpg);
|
background-image: url(img/chris-ried-79NfyK85Ahc-unsplash.jpg);
|
||||||
background-position: center;
|
background-position: center;
|
||||||
height: 100vh 0;
|
height: 100vh 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -890,7 +890,7 @@ div.homeone {
|
||||||
|
|
||||||
|
|
||||||
div.hometwo {
|
div.hometwo {
|
||||||
background-image: url(src/img/chris-ried-79NfyK85Ahc-unsplash.jpg);
|
background-image: url(img/chris-ried-79NfyK85Ahc-unsplash.jpg);
|
||||||
background-position: center;
|
background-position: center;
|
||||||
height: 30vh;
|
height: 30vh;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
Loading…
Add table
Reference in a new issue