From 52aee36832488aecc6f2fa950c0fd7a7057f3d61 Mon Sep 17 00:00:00 2001
From: Adrien Bourmault <neox@os-k.eu>
Date: Sat, 4 Sep 2021 17:54:30 +0200
Subject: [PATCH] =?UTF-8?q?Am=C3=A9liorations=20du=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 17 ++++++++++++-----
 styles.css | 33 ++++++++++++++-------------------
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 6848d1b..e586863 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
 	<section class="introduction" id="a-lec-introduction">
 		<header role="banner">
 			  <h1>Libre en Communs</h1>
-			  <h2>”Connaissance, partage, éducation et solidarité“</h2>
+			  <h2>“Connaissance, partage, éducation et solidarité„</h2>
 		</header>
 
 		<div class="summary" id="a-lec-summary" role="article">
@@ -110,7 +110,7 @@
 		<div class="apropossuite" id="a-lec-apropossuite" role="article">
 			<h3>Quelques petits plus pour les membres</h3>
 		  <p>En adhérant à Libre en Communs, vous bénéficiez de quelques services
-		    internes à l'association, comme une compte sur notre
+		    internes à l'association, comme un 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, 
@@ -133,7 +133,12 @@
 		    <i>Ce formulaire peut être rempli directement sur ordinateur</i>.
 		  </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
 		  </p>
 		</div>
@@ -174,10 +179,12 @@
 				<h3 class="resources">Resources:</h3>
 			  <ul>
 					<li>
-						<a href="" title="Super statuts">Statuts de l'association</a>
+						<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf" target="_blank">
+						  Statuts de l'association</a>
 					</li>
 				  <li>
-						<a href="" title="Super règlement intérieur">Règlement intérieur</a>
+						<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf" target="_blank">
+						  Règlement intérieur</a>
 					</li>
 				</ul>
 			</div>
diff --git a/styles.css b/styles.css
index 58f68e5..405f2a7 100644
--- a/styles.css
+++ b/styles.css
@@ -14,6 +14,8 @@ body {
   background: #fff;
   font-family: sans-serif;
   font-size: 70%;
+  text-align: justify;
+  text-justify: auto;
 }
 
 a {
@@ -198,11 +200,12 @@ div.apropos p, div.apropossuite p {
 /* shared sidebar styling */
 .latest-articles ul, .a-lec-resources ul {
   margin: 0;
+  text-align: left;
 }
 .latest-articles li, .a-lec-resources li {
   float: left;
   width: 50%;
-  padding: 1.5em 10%;
+  padding: 5% 10%;
   border-top: solid 1px #e3d9e0;
   color: #cac3c0;
   font-style: italic;
@@ -251,7 +254,7 @@ div.apropos p, div.apropossuite p {
 .a-lec-resources li:last-child {
   float: none;
   width: auto;
-  border-bottom: solid 1px #a0b9ad;
+  border-bottom: none;
 }
 
 
@@ -345,17 +348,6 @@ footer a::before {
   line-height: 1;
   -webkit-font-smoothing: antialiased;
 }
-  footer a.a-lec-validate-html::before {content: "5";}
-  footer a.a-lec-validate-html:hover::before, footer a.a-lec-validate-html:focus::before {content: "%";}
-  footer a.a-lec-validate-css::before {content: "3";}
-  footer a.a-lec-validate-css:hover::before, footer a.a-lec-validate-css:focus::before {content: "#";}
-  footer a.a-lec-license::before {content: "c";}
-  footer a.a-lec-license:hover::before, footer a.a-lec-license:focus::before {content: "C";}
-  footer a.a-lec-accessibility::before {content: "a";}
-  footer a.a-lec-accessibility:hover::before, footer a.a-lec-accessibility:focus::before {content: "A";}
-  footer a.a-lec-github::before {content: "g";}
-  footer a.a-lec-github:hover::before, footer a.a-lec-github:focus::before {content: "G";}
-
 
 
 /* low-res CSS */
@@ -379,7 +371,7 @@ footer a::before {
   h2::before {
     padding: 25px;
   }
-
+  
   .adhesion p:last-child {
     padding: 1em 6%;
   }
@@ -576,7 +568,7 @@ footer a::before {
   div.apropos, div.apropossuite {
     width: 100%;
     padding-left: 10%;
-    padding-right: 38%;
+    padding-right: 10%;
     margin: 0;
   }
   /* extra padding at the cutoffs */
@@ -627,7 +619,7 @@ footer a::before {
   }
 
 
-  /* select a design */
+  /* select an article */
   .latest-articles li:first-child {
     border-top: 0;
   }
@@ -638,7 +630,7 @@ footer a::before {
   /* resources navigation */
   .a-lec-resources {
     position: absolute;
-    top: 1310px;
+    top: auto;
     right: 0;
     width: 34%;
     background: transparent;
@@ -647,13 +639,16 @@ footer a::before {
     display: none;
   }
   .a-lec-resources ul {
-    width: 55.9%;
     margin: 0 29.4% 0 14.7%;
   }
   .a-lec-resources li {
-    padding: 1.5em 0 1.25em 0;
+    padding: 7% 0 7% 0;
     margin: 0;
   }
+  
+  .a-lec-resources li:first-child {
+    border-top: 0;
+  }
 
 }