cominfra/www
cominfra
/
www
8
0
Fork 0
Code Issues 11 Pull Requests Actions Activity

Ajout du vrai texte, et améliorations de licences

This commit is contained in:
Adrien Bourmault 2021-09-04 16:14:31 +02:00
parent 93e88c9b00
commit 135a10d4b9
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
4 changed files with 106 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
electronic.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 723 KiB

116
index.html
View File

@ -2,7 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Association Libre en Communs</title> <title>Libre en Communs</title>
<link rel="stylesheet" media="screen" href="styles.css"> <link rel="stylesheet" media="screen" href="styles.css">
@ -27,35 +27,111 @@
</header> </header>
<div class="summary" id="a-lec-summary" role="article"> <div class="summary" id="a-lec-summary" role="article">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus ex at ligula commodo ultrices. Proin viverra ligula orci, eu bibendum ante fermentum a. Nam vel nulla auctor, eleifend mauris sed, luctus mi. Phasellus varius velit vitae tellus malesuada, vel facilisis diam mattis. Aenean condimentum tortor a interdum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tellus dui, dapibus non laoreet in, dictum at mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec maximus lacus.</p> <p>Bienvenue sur le site web de Libre en Communs, association française
<p>Suspendisse luctus iaculis nulla, ut feugiat nulla semper a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras volutpat dui eget est feugiat convallis. Quisque rutrum aliquam turpis et imperdiet. Cras ut risus elit. Nulla massa ex, vulputate ac quam non, rhoncus maximus felis. Fusce cursus eros id ipsum varius tincidunt.</p> (loi 1901) centrée sur le logiciel libre et les communs.</p>
<p><b>Note: ce site web est en construction, merci de votre
compréhension.
</b>
</p>
</div> </div>
<div class="preamble" id="a-lec-preamble" role="article"> <div class="preamble" id="a-lec-preamble" role="article">
<h3>La route est longue...</h3> <h3>Nos missions</h3>
<p>Praesent consectetur lorem non lacus hendrerit, et facilisis justo ultrices. Morbi sem neque, tempor id tincidunt eu, viverra ac quam. Etiam nisl turpis, ultrices sed cursus vel, molestie vel dolor. Donec sed nisi tristique, molestie velit eu, pretium libero. Pellentesque et lobortis massa. Cras lobortis tempor erat at dapibus. In a hendrerit massa, id rhoncus augue. Morbi porta sit amet nisi non imperdiet. In ornare purus in diam efficitur, eget hendrerit sapien mollis. Vestibulum euismod vehicula quam vel semper.</p> <p>Le champ d'action de notre association a pour centre le logiciel libre
tel que défini par la
<a href="https://www.fsf.org" target="_blank">
<i>Free Software Foundation</i></a>
(Fondation pour le Logiciel Libre) et le projet
<a href="https://www.gnu.org/philosophy/free-sw.fr.html" target="_blank">
<i>GNU</i></a>.
</p>
<p>Ainsi, nous nous donnons pour but de constituer une communauté
solidaire autour du logiciel libre et des communs autour de ces valeurs,
qui s'étendent à celles de la recherche et du partage de la connaissance
et de l'éducation populaire.
</p>
<p>Nous choisissons de mettre en oeuvre des actions concrètes (et
lorsqu'il le faut, techniques) pour défendre ces valeurs: c'est la
raison d'être de notre association.
</p>
</div> </div>
</section> </section>
<div class="main supporting" id="a-lec-supporting" role="main"> <div class="main supporting" id="a-lec-supporting" role="main">
<div class="explanation" id="a-lec-explanation" role="article"> <div class="explanation" id="a-lec-explanation" role="article">
<h3>...mais la voie est libre!</h3> <h3>Nos actions</h3>
<p>In eget mi id neque malesuada congue et in dui. Maecenas turpis turpis, mattis vitae leo vel, tristique aliquet ligula. Nunc interdum interdum purus sed pharetra. Proin porta felis non dolor bibendum, in ornare tellus maximus. Praesent semper purus eget ipsum varius, non rhoncus libero ultricies. Pellentesque risus dolor, hendrerit non scelerisque vel, euismod condimentum sapien. Phasellus pretium, arcu nec pharetra euismod, augue lorem consequat erat, vitae volutpat felis tellus ut ante. Quisque elit ipsum, consectetur in magna ut, scelerisque sollicitudin risus. Aenean non blandit enim.</p> <p><i>Libre en Communs</i> mettra très bientôt à disposition de tous
des services logiciels libres utilisables gratuitement, afin de proposer
des alternatives aux services privateurs les plus populaires et pourtant
si toxiques pour la liberté de chacun. Ces services seront opérés de
façon transparente, neutre et solidaire, car ce sont les conditions
nécessaires au respect de la liberté de chacun. <b>Le déploiement de ces
services est en cours (plus d'informations prochainement)</b>.
</p>
<p>Notre association héberge sur son infrastructure des projets de
logiciel libre et peut aussi leur fournir des ressources matérielles
(par exemple: machines virtuelles, temps processeur, ou autres...).
</p>
<p>L'infrastructure de l'association, gérée par une commission dédiée de
l'association, a été conçue dans un but d'indépendance et de liberté.
En effet, tous nos serveurs sont installés dans les locaux de
l'association (en Île-de-France) et reliés au réseau par le
<a href="https://fr.wikipedia.org/wiki/Fournisseur_d%27acc%C3%A8s_%C3%A0_Internet" target="_blank">
<i>fournisseur d'accès internet</i></a>
<a href="https://fdn.fr"><i>FDN</i></a>. Nous n'utilisons que
du logiciel libre, du
<a href="https://fr.wikipedia.org/wiki/Firmware" target="_blank">
<i>micro-programme</i></a>
à la moindre
<a href="https://fr.wikipedia.org/wiki/Application_(informatique)" target="_blank">
<i>application</i></a>, en passant par le
<a href="https://fr.wikipedia.org/wiki/Syst%C3%A8me_d%27exploitation" target="_blank">
<i>système d'exploitation</i></a>.
</p>
</div> </div>
<div class="apropos" id="a-lec-apropos" role="article"> <div class="apropos" id="a-lec-apropos" role="article">
<h3>Organisation à but non lucratif</h3> <h3>Organisation à but non lucratif</h3>
<p>Nunc malesuada facilisis nunc. Integer ac mollis sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam at dui vitae nibh interdum accumsan sed id mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque nisi vulputate varius aliquam. Duis vulputate elit vel feugiat interdum. Nullam rutrum nibh at finibus laoreet. Phasellus in ipsum massa. Curabitur sit amet est non lacus placerat aliquam. Proin ac facilisis est, id finibus diam. Cras vehicula, nunc sed sollicitudin pulvinar, dolor turpis posuere eros, ac blandit ipsum risus sit amet arcu.</p> <p><i>Libre en Communs</i> est une association loi 1091, à but non
lucratif. Cela signifie notamment que nos statuts interdisent aux
membres de l'association, y compris les membres du Conseil
d'Administration, de tirer profit des activités de l'association.
L'association peut cependant recruter des salariés, ce qui pourra
notamment arriver si nous décidons d'aider financièrement un projet
libre qui nous paraît le nécessiter.
</p>
<p>Aucun membre du Conseil d'Administration, du Bureau, ni aucun membre de
l'association ne peut se voir verser un salaire (autre qu'une indemnité
remboursant des frais dépensés pour le compte de l'association, bien
sûr).
</p>
</div> </div>
<div class="apropossuite" id="a-lec-apropossuite" role="article"> <div class="apropossuite" id="a-lec-apropossuite" role="article">
<h3>Des bénéfices pour les membres, évidemment</h3> <h3>Quelques petits plus pour les membres</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus ex at ligula commodo ultrices. Proin viverra ligula orci, eu bibendum ante fermentum a. Nam vel nulla auctor, eleifend mauris sed, luctus mi. Phasellus varius velit vitae tellus malesuada, vel facilisis diam mattis. Aenean condimentum tortor a interdum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tellus dui, dapibus non laoreet in, dictum at mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec maximus lacus.</p> <p>En adhérant à Libre en Communs, vous bénéficiez de quelques services
internes à l'association, comme une compte sur notre
<a href="https://git.a-lec.org" target="_blank">
forge logicielle interne</a>
et un compte de courriel en <i>@a-lec.org</i> (ou bien un simple alias,
si vous ne désirez pas de nouveau compte de courriel).
</p>
<p>Devenir membre vous donne notamment la possibilité de participer à
notre aventure, et donc à nos débats et décisions sur les projets à
soutenir. Plus nous aurons de membres, mieux nous pourrons offrir notre
aide !
</p>
</div> </div>
<div class="adhesion" id="a-lec-adhesion" role="article"> <div class="adhesion" id="a-lec-adhesion" role="article">
<h3>Comment adhérer ?</h3> <h3>Comment adhérer ?</h3>
<p>Suspendisse luctus iaculis nulla, ut feugiat nulla semper a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras volutpat dui eget est feugiat convallis. Quisque rutrum aliquam turpis et imperdiet. Cras ut risus elit. Nulla massa ex, vulputate ac quam non, rhoncus maximus felis. Fusce cursus eros id ipsum varius tincidunt.</p> <p>Pour devenir membre de l'association Libre en Communs, rien de très
compliqué : il suffit de remplir le
<a href="fichiers/adhérer_à_a-lec.pdf" target="_blank">
formulaire d'adhésion</a>
et de l'envoyer à l'une des adresses (courriel ou postale) indiquées.
<i>Ce formulaire peut être rempli directement sur ordinateur</i>.
</p>
<p><br/></p> <p><br/></p>
<p role="contentinfo">In the free/libre software movement, we develop software that respects users' freedom, so we and you can escape from software that doesn't. I could have made money this way, and perhaps amused myself writing code. But I knew that at the end of my career, I would look back on years of building walls to divide people, and feel I had spent my life making the world a worse place.<br /> <p role="contentinfo">In the free/libre software movement, we develop software that respects users' freedom, so we and you can escape from software that doesn't. I could have made money this way, and perhaps amused myself writing code. But I knew that at the end of my career, I would look back on years of building walls to divide people, and feel I had spent my life making the world a worse place.<br />
Richard Matthew Stallman Richard Matthew Stallman
@ -72,20 +148,12 @@
<h3 class="select">Derniers évènements</h3> <h3 class="select">Derniers évènements</h3>
<nav role="navigation"> <nav role="navigation">
<ul> <ul>
<!-- Article -->
<li> <li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a> <a href="" class="latest-article-name">
</li> Titre</a> de
<li> <a href="" class="designer-name">
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a> Auteur</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li>
<li>
<a href="" class="design-name">Titre</a> by <a href="" class="designer-name">Commentaire</a>
</li> </li>
</nav> </nav>
</div> </div>

BIN
logo_a-lec_100.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 KiB

61
styles.css
View File

@ -17,7 +17,7 @@ body {
} }
a { a {
color: #0d8ba1; color: #13c8e8;
-webkit-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; transition: all 0.25s ease-out;
@ -43,7 +43,7 @@ header {
background: #2d4b63 50% 0 url(fond_titre.png) no-repeat; /* old IE fallback */ background: #2d4b63 50% 0 url(fond_titre.png) no-repeat; /* old IE fallback */
background-attachment: fixed, scroll; background-attachment: fixed, scroll;
background-image: url(electronic.png), url(fond_titre.png); background-image: url(images_externes/electronic.png), url(fond_titre.png);
background-position: 0 0, 0 50%; background-position: 0 0, 0 50%;
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-size: auto, cover; background-size: auto, cover;
@ -124,12 +124,12 @@ p {
} }
/* introduction block links -- download HTML/CSS */ /* introduction block links */
.introduction a, .introduction a:visited { .introduction a, .introduction a:visited {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding: 1px 10px 1px 32px; padding: 1px 2px 1px 2px;
margin: -1px -10px -1px -6px; margin: -1px -2px -1px -2px;
-webkit-border-radius: 1px; -webkit-border-radius: 1px;
-moz-border-radius: 1px; -moz-border-radius: 1px;
border-radius: 1px; border-radius: 1px;
@ -145,42 +145,6 @@ p {
text-decoration: none; text-decoration: none;
} }
.introduction a::before {
display: inline-block;
position: absolute;
top: 6px;
left: 8px;
padding: 2px;
color: #b9b795;
background: #f1f4ed;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
content: "D";
font-size: 16px;
text-indent: 0;
/* icomoon.io defaults */
font-family: sans-serif;
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.introduction a:hover::before {
color: #fff;
background: #357d93;
}
/* coloured cutoff */ /* coloured cutoff */
div.apropos, div.apropossuite { div.apropos, div.apropossuite {
background-attachment: scroll, scroll, fixed; background-attachment: scroll, scroll, fixed;
@ -204,6 +168,9 @@ div.apropos h3, div.apropossuite h3 {
div.apropos p, div.apropossuite p { div.apropos p, div.apropossuite p {
margin-bottom: 0; margin-bottom: 0;
} }
.supporting a {
text-decoration: underline dotted;
}
/* sidebar base styles */ /* sidebar base styles */
@ -251,7 +218,7 @@ div.apropos p, div.apropossuite p {
.latest-articles li:nth-child(2n+1), .a-lec-resources li:nth-child(2n+1) { .latest-articles li:nth-child(2n+1), .a-lec-resources li:nth-child(2n+1) {
clear: left; clear: left;
} }
.latest-articles .design-name, .a-lec-resources a, li.viewall a { .latest-articles .latest-article-name, .a-lec-resources a, li.viewall a {
display: block; display: block;
margin-bottom: 0.25em; margin-bottom: 0.25em;
font-family: 'Julius Sans One', sans-serif; font-family: 'Julius Sans One', sans-serif;
@ -299,8 +266,8 @@ div.apropos p, div.apropossuite p {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
.supporting .adhesion a { .adhesion a {
text-decoration: none; text-decoration: underline dotted;
} }
.supporting .adhesion a:hover, .supporting .adhesion a:focus { .supporting .adhesion a:hover, .supporting .adhesion a:focus {
text-decoration: underline; text-decoration: underline;
@ -316,7 +283,7 @@ div.apropos p, div.apropossuite p {
background: #3e5d67; background: #3e5d67;
background-attachment: fixed, scroll; background-attachment: fixed, scroll;
background-image: url(electronic.png), url(fond_titre.png); background-image: url(images_externes/electronic.png), url(fond_titre.png);
background-position: 0 0, 0 50%; background-position: 0 0, 0 50%;
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-size: auto, cover; background-size: auto, cover;
@ -744,12 +711,12 @@ footer a::before {
(min-resolution: 1.5dppx) { (min-resolution: 1.5dppx) {
header { header {
background-image: url(electronic.png), url(fond_titre.png); background-image: url(images_externes/electronic.png), url(fond_titre.png);
background-size: 50% ,cover; background-size: 50% ,cover;
} }
.adhesion p:last-child { .adhesion p:last-child {
background-image: url(electronic.png), url(fond_titre.png); background-image: url(images_externes/electronic.png), url(fond_titre.png);
background-size: 50% cover; background-size: 50% cover;
} }
} }