Compare commits

..

3 commits

Author SHA1 Message Date
6bf66149a1
content/index: block concept draft
All checks were successful
/ preview (pull_request) Successful in 35s
2024-09-08 17:49:27 -04:00
4ced4afa52
content/footer: scroll up button draft 2024-09-08 17:49:08 -04:00
61956a69c9
templates/*: move to bootstrap 5
All checks were successful
/ preview (pull_request) Successful in 38s
2024-09-08 17:24:20 -04:00
10 changed files with 205 additions and 170 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -7,7 +7,7 @@
msgid ""
msgstr ""
"Project-Id-Version: ilot.io\n"
"POT-Creation-Date: 2024-09-08 12:45-0400\n"
"POT-Creation-Date: 2024-09-08 17:48-0400\n"
"PO-Revision-Date: 2024-09-08 12:46-0400\n"
"Last-Translator: \n"
"Language-Team: dev@ayakael.net\n"
@ -17,6 +17,12 @@ msgstr ""
"Content-Transfer-Encoding: 8bit\n"
"X-Generator: Poedit 3.4.3\n"
#. type: Content of: <p><div><div>
msgid ""
"<button class=\"scroll up\" > <i class=\"fa-solid fa-circle-chevron-up\" "
"style=\"font-size: 4em;\"></i> </button>"
msgstr ""
#. type: Content of: <p><div><div><div><h5>
msgid "Support"
msgstr "Soutient"

View file

@ -1,5 +1,10 @@
<p class="text-muted">
<div class="container">
<div class="row text-centered">
<button class="scroll up" >
<i class="fa-solid fa-circle-chevron-up" style="font-size: 4em;"></i>
</button>
</div>
<div class="row">
<div class="col-sm-3">
<h5>Support</h5>

View file

@ -7,7 +7,7 @@
msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"POT-Creation-Date: 2024-09-08 12:45-0400\n"
"POT-Creation-Date: 2024-09-08 17:48-0400\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -16,6 +16,12 @@ msgstr ""
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
#. type: Content of: <p><div><div>
msgid ""
"<button class=\"scroll up\" > <i class=\"fa-solid fa-circle-chevron-up\" "
"style=\"font-size: 4em;\"></i> </button>"
msgstr ""
#. type: Content of: <p><div><div><div><h5>
msgid "Support"
msgstr ""

View file

@ -5,7 +5,7 @@
msgid ""
msgstr ""
"Project-Id-Version: ilot.io\n"
"POT-Creation-Date: 2024-09-08 12:28-0400\n"
"POT-Creation-Date: 2024-09-08 17:44-0400\n"
"PO-Revision-Date: 2024-09-08 12:33-0400\n"
"Last-Translator: Philippe Batailler <philippe.batailler@free.fr>\n"
"Language-Team: dev@ayakael.net\n"
@ -16,45 +16,39 @@ msgstr ""
"X-Generator: Poedit 3.4.3\n"
#. type: Plain text
#, no-wrap
#, fuzzy, no-wrap
#| msgid "[[!meta title=\"Home\"]]\n"
msgid "[[!meta title=\"Home\"]]\n"
msgstr "[[!meta title=\"Accueil\"]]\n"
#. type: Plain text
#, no-wrap
#, fuzzy, no-wrap
#| msgid "[[ilot|https://ilot.io]] is a cooperative corner of the internet. We operate a Nextcloud instance, a free and open-source collaboration platform analoguous to Google Drive. 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."
msgid ""
"<header class=\"text-center\">\n"
" <img src=\"images/ilot_black_256x256.png\" />\n"
" <h1>WELCOME</h1>\n"
" <hr>\n"
"<header class=\"row home text-centered\">\n"
" <div class=\"col-sm-6 home-logo\">\n"
" \t<img src=\"img/ilot.black.png\" alt=\"ilot logo\" width=\"400\" height=\"400\"> \n"
" \t<div class=\"login\">\n"
" \t\t<a href=\"https://ilot.io/apps/files\"><h4>Your files</h4> </a>\n"
"\t\t</div> \n"
" </div>\n"
" <div class=\"col-sm-6 home-title\">\n"
" \t<h2><i><b>Welcome to</b></i></h2> \n"
" <h1>ILOT</h1> \n"
" <h5><i>a platform cooperative</i></h5> \n"
" <div class=\"join\">\n"
" \t\t<a href=\"https://ilot.io/apps/files\"><h4>Join</h4> </a>\n"
" </div> \n"
"\t</div>\n"
"</header>\n"
msgstr ""
"<header class=\"text-center\">\n"
" <img src=\"images/ilot_black_256x256.png\" />\n"
" <h1>BIENVENUE</h1>\n"
" <hr>\n"
"</header>\n"
#. type: Plain text
msgid ""
"[[ilot|https://ilot.io]] is a cooperative corner of the internet. We operate "
"a Nextcloud instance, a free and open-source collaboration platform "
"analoguous to Google Drive. 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."
msgstr ""
"[[ilot|https://ilot.io]] est une isle coopérative de l'internet. Nous "
"administrons une instance de Nextcloud, une plateformes libre de travail et "
"de stockage de donnée analogue à Google Drive. Notre objectif est de nous "
"constituer en coopérative afin de créer une infrastructure numérique par et "
"pour ses utilisateur-ice-s, en alternative à l'internet cloisonné et "
"privatisé d'aujourd'hui. Les membres financent nos opérations et décident de "
"la manière de définir nos politiques communautaires, de gérer nos données et "
"nos technologies partagées. Les membres fournissent également la main-"
"d'œuvre nécessaire au fonctionnement de l'ilot à tous les niveaux."
"<div class=\"row coop\">\n"
" <div class=\"col-sm-6 coop-title\">\n"
" <h5><i>the</i></h5> \n"
" <h1>COOP</h1> \n"
" </div>\n"
" <div class=\"col-sm-6 coop-content\">\n"
"Ilot is a cooperative corner of the internet. We operate a Nextcloud instance, a free and open-source collaboration platform analoguous to Google Drive. 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.\n"
msgstr "[[ilot|https://ilot.io]] est une isle coopérative de l'internet. Nous administrons une instance de Nextcloud, une plateformes libre de travail et de stockage de donnée analogue à Google Drive. Notre objectif est de nous constituer en coopérative afin de créer une infrastructure numérique par et pour ses utilisateur-ice-s, en alternative à l'internet cloisonné et privatisé d'aujourd'hui. Les membres financent nos opérations et décident de la manière de définir nos politiques communautaires, de gérer nos données et nos technologies partagées. Les membres fournissent également la main-d'œuvre nécessaire au fonctionnement de l'ilot à tous les niveaux."
#. type: Plain text
msgid ""
@ -70,30 +64,54 @@ msgstr ""
"notre [[formulaire d'inscription|join]]."
#. type: Plain text
#, no-wrap
msgid ""
"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."
"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.\n"
" </div>\n"
"</div>\n"
"<div class=\"row services\">\n"
" <div class=\"col-sm-6 services-title\">\n"
" <h5><i>the</i></h5> \n"
" <h1>SERVICES</h1> \n"
" </div>\n"
" <div class=\"col-sm-6 services-content\">\n"
"The Cloud is an instance of [[Nextcloud|https://nextcloud.com/]], a productivity collaboration platform analogous to Google Drive. An instance is an autonomous version of a web service. In Nextclouds 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.\n"
" </div>\n"
"</div>\n"
msgstr ""
"ilot a vu le jour en 2021 lorsque l'AESA-CIRI, l'association des étudiants "
"en sociologie, anthropologie et études de l'immigration de l'UQAM, a voulu "
"créer sa propre infrastructure numérique. Depuis, nous travaillons dans le "
"but de rendre le projet utile à d'autres organisations et individus."
#. type: Title ##
#, fuzzy, no-wrap
#~| msgid "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."
#~ msgid ""
#~ "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.\n"
#~ " </div>\n"
#~ "</div>\n"
#~ msgstr "ilot a vu le jour en 2021 lorsque l'AESA-CIRI, l'association des étudiants en sociologie, anthropologie et études de l'immigration de l'UQAM, a voulu créer sa propre infrastructure numérique. Depuis, nous travaillons dans le but de rendre le projet utile à d'autres organisations et individus."
#, no-wrap
msgid "Learn more"
msgstr "En savoir plus"
#~ msgid ""
#~ "<header class=\"text-center\">\n"
#~ " <img src=\"images/ilot_black_256x256.png\" />\n"
#~ " <h1>WELCOME</h1>\n"
#~ " <hr>\n"
#~ "</header>\n"
#~ msgstr ""
#~ "<header class=\"text-center\">\n"
#~ " <img src=\"images/ilot_black_256x256.png\" />\n"
#~ " <h1>BIENVENUE</h1>\n"
#~ " <hr>\n"
#~ "</header>\n"
#. type: Plain text
msgid "To learn more please visit some of the pages:"
msgstr "Pour en savoir plus, veuillez consulter ces pages :"
#. type: Plain text
#, no-wrap
msgid "[[Platforms]] - The online spaces we use and manage \n"
msgstr "[[Plateformes|platforms]] - Les espaces en ligne que nous utilisons et gérons \n"
#~ msgid "Learn more"
#~ msgstr "En savoir plus"
#~ msgid "To learn more please visit some of the pages:"
#~ msgstr "Pour en savoir plus, veuillez consulter ces pages :"
#, no-wrap
#~ msgid "[[Platforms]] - The online spaces we use and manage \n"
#~ msgstr "[[Plateformes|platforms]] - Les espaces en ligne que nous utilisons et gérons \n"
#, no-wrap
#~ msgid "[[Archives|https://notif.ilot.io/archive]] - Archives of our communications with our members \n"

View file

@ -1,19 +1,40 @@
[[!meta title="Home"]]
<header class="text-center">
<img src="images/ilot_black_256x256.png" />
<h1>WELCOME</h1>
<hr>
<header class="row home text-centered">
<div class="col-sm-6 home-logo">
<img src="img/ilot.black.png" alt="ilot logo" width="400" height="400">
<div class="login">
<a href="https://ilot.io/apps/files"><h4>Your files</h4> </a>
</div>
</div>
<div class="col-sm-6 home-title">
<h2><i><b>Welcome to</b></i></h2>
<h1>ILOT</h1>
<h5><i>a platform cooperative</i></h5>
<div class="join">
<a href="https://ilot.io/apps/files"><h4>Join</h4> </a>
</div>
</div>
</header>
[[ilot|https://ilot.io]] is a cooperative corner of the internet. We operate a Nextcloud instance, a free and open-source collaboration platform analoguous to Google Drive. 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.
<div class="row coop">
<div class="col-sm-6 coop-title">
<h5><i>the</i></h5>
<h1>COOP</h1>
</div>
<div class="col-sm-6 coop-content">
Ilot is a cooperative corner of the internet. We operate a Nextcloud instance, a free and open-source collaboration platform analoguous to Google Drive. 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.
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|join]].
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.
## Learn more
To learn more please visit some of the pages:
[[Platforms]] - The online spaces we use and manage
</div>
</div>
<div class="row services">
<div class="col-sm-6 services-title">
<h5><i>the</i></h5>
<h1>SERVICES</h1>
</div>
<div class="col-sm-6 services-content">
The Cloud is an instance of [[Nextcloud|https://nextcloud.com/]], a productivity collaboration platform analogous to Google Drive. An instance is an autonomous version of a web service. In Nextclouds 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.
</div>
</div>

View file

@ -7,7 +7,7 @@
msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"POT-Creation-Date: 2024-09-08 12:30-0400\n"
"POT-Creation-Date: 2024-09-08 17:48-0400\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -24,24 +24,36 @@ msgstr ""
#. type: Plain text
#, markdown-text, no-wrap
msgid ""
"<header class=\"text-center\">\n"
" <img src=\"images/ilot_black_256x256.png\" />\n"
" <h1>WELCOME</h1>\n"
" <hr>\n"
"<header class=\"row home text-centered\">\n"
" <div class=\"col-sm-6 home-logo\">\n"
" \t<img src=\"img/ilot.black.png\" alt=\"ilot logo\" width=\"400\" "
"height=\"400\"> \n"
" \t<div class=\"login\">\n"
" \t\t<a href=\"https://ilot.io/apps/files\"><h4>Your files</h4> </a>\n"
"\t\t</div> \n"
" </div>\n"
" <div class=\"col-sm-6 home-title\">\n"
" \t<h2><i><b>Welcome to</b></i></h2> \n"
" <h1>ILOT</h1> \n"
" <h5><i>a platform cooperative</i></h5> \n"
" <div class=\"join\">\n"
" \t\t<a href=\"https://ilot.io/apps/files\"><h4>Join</h4> </a>\n"
" </div> \n"
"\t</div>\n"
"</header>\n"
msgstr ""
#. type: Plain text
#, markdown-text
msgid ""
"[[ilot|https://ilot.io]] is a cooperative corner of the internet. We operate "
"a Nextcloud instance, a free and open-source collaboration platform "
"analoguous to Google Drive. 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."
"<div class=\"row coop\">\n"
" <div class=\"col-sm-6 coop-title\">\n"
" <h5><i>the</i></h5> \n"
" <h1>COOP</h1> \n"
" </div>\n"
" <div class=\"col-sm-6 coop-content\">\n"
"Ilot is a cooperative corner of the internet. We operate a Nextcloud "
"instance, a free and open-source collaboration platform analoguous to Google "
"Drive. 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.\n"
msgstr ""
#. type: Plain text
@ -54,25 +66,27 @@ msgid ""
msgstr ""
#. type: Plain text
#, markdown-text
#, markdown-text, no-wrap
msgid ""
"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."
msgstr ""
#. type: Title ##
#, markdown-text, no-wrap
msgid "Learn more"
msgstr ""
#. type: Plain text
#, markdown-text
msgid "To learn more please visit some of the pages:"
msgstr ""
#. type: Plain text
#, markdown-text, no-wrap
msgid "[[Platforms]] - The online spaces we use and manage \n"
"the project useful to other organisations and individuals.\n"
" </div>\n"
"</div>\n"
"<div class=\"row services\">\n"
" <div class=\"col-sm-6 services-title\">\n"
" <h5><i>the</i></h5> \n"
" <h1>SERVICES</h1> \n"
" </div>\n"
" <div class=\"col-sm-6 services-content\">\n"
"The Cloud is an instance of [[Nextcloud|https://nextcloud.com/]], a "
"productivity collaboration platform analogous to Google Drive. An instance "
"is an autonomous version of a web service. In Nextclouds 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.\n"
" </div>\n"
"</div>\n"
msgstr ""

View file

@ -25,7 +25,7 @@
<!-- 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" />
<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="<TMPL_VAR BASEURL>bootstrap.local.css" rel="stylesheet" />
@ -40,27 +40,24 @@
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<nav class="navbar fixed-top navbar-light bg-light">
<div class="container-fluid">
<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 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>
<a class="navbar-brand" href="<TMPL_VAR BASEURL>">
<img alt="<TMPL_VAR WIKINAME>" src="<TMPL_VAR BASEURL>favicon.png" width="48" height="48" />
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<TMPL_IF SIDEBAR>
<TMPL_VAR SIDEBAR>
</TMPL_IF>
</div>
<TMPL_IF OTHERLANGUAGES>
<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">
<TMPL_VAR LANG_NAME>
<div class="dropdown">
<button class="btn language-switcher dropdown-toggle" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
<img src="<TMPL_VAR BASEURL>wikiicons/languages.png">
</button>
<ul class="dropdown-menu" aria-labelledby="language-menu-top">
@ -77,22 +74,6 @@
</ul>
</div>
</TMPL_IF>
<TMPL_IF SIDEBAR>
<TMPL_VAR SIDEBAR>
</TMPL_IF>
<ul class="nav navbar-nav">
<TMPL_LOOP BOOTMENU>
<TMPL_IF FIRSTNAV>
<li <TMPL_IF ACTIVE>class="active"</TMPL_IF>><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_IF>
</TMPL_LOOP>
</ul>
</div>
</div>
</nav>
@ -126,8 +107,9 @@
<!-- 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>
<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>