site : ajustement des éléments HTML utilisés

_includes/page-header.html

-<section class="page-header corner-ribbon-container">
-  <h1 class="project-name">
+<section class="site-header">
+  <h1 class="site-header__title">
     <a href="{% link index.html %}">{{ site.title }}</a>
   </h1>
-  <h2 class="project-tagline">{{ site.tagline }}</h2>
-  <a href="{% link index.html %}" class="btn">Guide</a>
-  <a href="{% link apropos.markdown %}" class="btn">À propos</a>
+  <h2 class="site-header__tagline">{{ site.tagline }}</h2>
 </section>

_layouts/temoignage.html

@@ -6,4 +6,6 @@ layout: default
 
 {{ content }}
 
-<a href="{{ page.homepage }}" target="_blank">Leur site internet</a>
\ No newline at end of file
+<p>
+  <a href="{{ page.homepage }}" target="_blank">Leur site internet</a>
+</p>

index.html

@@ -3,34 +3,32 @@ layout: default
 title: {{ site.name }}
 ---
 
-<div id="home">
-  <div class="articles-header">
-    <h1 class="articles-header__title">Un guide pour créer votre coopérative ouvrière</h1>
-    <h3 class="articles-header__subtitle">à destination des indépendant·e·s dans l’informatique</h3>
-  </div>
+<h3 class="home__header">
+  <h1 class="home__title">Un guide pour créer votre coopérative ouvrière</h1>
+  <h3 class="home__subtitle">à destination des indépendant·e·s dans l’informatique</h3>
+</h3>
 
-  <ol class="articles">
-    <li>
-      <a href="{% link _guide/pourquoi-creer-une-cooperative.markdown %}">
-        Pourquoi créer une coopérative à partir d’un groupe de travailleurs indépendants ?
-      </a>
-    </li>
-    <li>
-      <a href="{% link _guide/qu-est-ce-qu-une-cooperative-de-travailleurs.markdown %}">
-        Qu’est-ce qu’une coopérative de travailleurs ?
-      </a>
-    </li>
-    <li>
-      <a href="{% link _guide/comment-creer-une-cooperative.markdown %}">
-        Comment créer une coopérative de travailleurs ?
-      </a>
-    </li>
-    <li>
-      <a href="/temoignages.html">Témoignages de coopératives</a>
-    </li>
-  </ol>
+<ol class="articles">
+  <li>
+    <a href="{% link _guide/pourquoi-creer-une-cooperative.markdown %}">
+      Pourquoi créer une coopérative à partir d’un groupe de travailleurs indépendants ?
+    </a>
+  </li>
+  <li>
+    <a href="{% link _guide/qu-est-ce-qu-une-cooperative-de-travailleurs.markdown %}">
+      Qu’est-ce qu’une coopérative de travailleurs ?
+    </a>
+  </li>
+  <li>
+    <a href="{% link _guide/comment-creer-une-cooperative.markdown %}">
+      Comment créer une coopérative de travailleurs ?
+    </a>
+  </li>
+  <li>
+    <a href="/temoignages.html">Témoignages de coopératives</a>
+  </li>
+</ol>
 
-  <p class="articles__credits">Ce guide est en grande partie traduit du « <a href="https://institute.coop/resources/technology-freelancers-guide-starting-worker-cooperative"> A Technology Freelancer’s Guide To Starting a Worker Cooperative</a> », publié par le <em>Network of American Tech Worker Cooperatives</em> (NATWC) en 2009.</p>
+<p class="home__credits">Ce guide est en grande partie traduit du « <a href="https://institute.coop/resources/technology-freelancers-guide-starting-worker-cooperative"> A Technology Freelancer’s Guide To Starting a Worker Cooperative</a> », publié par le <em>Network of American Tech Worker Cooperatives</em> (NATWC) en 2009.</p>
 
-  <p class="articles__credits">Ce travail est en version alpha : la traduction est encore en cours, et certaines pages ne sont pas encore complètes.</p>
-</div>
+<p class="home__credits">Ce travail est en version beta : la traduction est encore en cours, et certaines pages ne sont pas encore complètes. <a href="{% link apropos.markdown %}">Plus de détails</a>.</p>

temoignages.html

@@ -12,4 +12,7 @@ Vous trouverez ici des témoignages de différentes coopératives informatiques.
     <li><a href="{{ temoignage.url }}">{{ temoignage.nom }}</a></li>
 {% endfor %}
 </ul>
-Ce guide est preneur de plus de témoignages. Vous travaillez dans une coopérative ? <a href="mailto:bonjour@codecode.coop">Racontez comment ça se passe chez vous !</a>
+
+<p>
+  Ce guide est preneur de plus de témoignages. Vous travaillez dans une coopérative ? <a href="mailto:bonjour@codecode.coop">Racontez comment ça se passe chez vous</a> !
+</p>