Complete placeholder text for main header

templates/base.html

@@ -119,19 +119,38 @@
 	</nav>
 </div>
 
-<section class="text-center container-fluid light-grey-bg">
-	<div id="subtitle" class="row justify-content-center">
+<section class="container-fluid light-grey-bg">
+	<div id="subtitle" class="text-center row justify-content-center">
 		<div class="page-header col-md-10">
 			<h1><span>Bienvenue sur la revue de presse de La Quadrature</span></h1>
 		</div>
 	</div>
 
-	<div class="row justify-content-center">
-		<div id="video" class="col-md-6">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis repellendus voluptates est nesciunt eum recusandae, quisquam reprehenderit impedit iusto, quo sint. Odio voluptatem odit voluptate, facilis esse dolores animi repellendus?</p>
+	<div class="row justify-content-left">
+		<div class="col-md-6 offset-md-1">
+			<h4>Participez à l'aventure !</h4>
+			<p>En tant que padawan
+				<img class="inline-image" role="img" src="{% static 'img/padawan.svg' %}" />,
+				aidez-nous à sélectionner les prochains articles à intégrer dans la
+				revue de presse en votant pour les meilleurs. Les jedis
+				<img class="inline-image" role="img" src="{% static 'img/jedi.svg' %}" />
+				s'occupent ensuite de la relecture et de la mise en page des articles.
+			</p>
+
+			<p>Faites-vous connaître sur le
+				<a target="_blank" href="https://www.laquadrature.net/wiki/IRC">salon IRC #lqdn-rp</a>
+				où il vous sera fait bon accueil, ou en nous
+				<a target="_blank" href="https://www.laquadrature.net/fr/contact">contactant par email</a>.
+			</p>
 		</div>
-		<div id="donation" class="col-md-4">
-      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus voluptas earum assumenda, perspiciatis dicta maxime quo illum repudiandae itaque omnis fuga explicabo magni minus maiores laboriosam voluptatibus doloremque. Nostrum, corrupti.</p>
+		<div class="col-md-4">
+			<h4>Comment sélectionner un article ?</h4>
+		<ol>
+			<li>Il aborde les sujets sur lesquels La Quadrature est engagée (paquet télécom, ACTA, <i>etc.</i>).</li>
+			<li>Il reflète ou appuie l'avis de La Quadrature.</li>
+			<li>Il provient prioritairement de médias importants (presse nationale, régionale ou internationale).</li>
+		</ol>
+
 		</div>
 	</div>
 </section>