footer

web/app/themes/la_mine/templates/accueil.twig

@@ -7,16 +7,17 @@
 			<h3 class="titre">Prochainement</h3>
 		</div>
 		<div class="__body">
-			<div class="coming_soon row align-items-start">
 
-			{% for item in posts %}
-				{% include 'components/thumbnails/thumbnails.twig' %}
-			{% endfor %}
+			<div class="coming_soon row justify-content-center">
+				{% for item in posts %}
+					{% include 'components/thumbnails/thumbnails.twig' %}
+				{% endfor %}
+			</div>
 
 			<div class="btn tout_voir">
 				<a href="/agenda">Tout voir</a>
 			</div>
-		</div>
+
 		</div>
 	</div>
 </section>

web/app/themes/la_mine/templates/base.twig

@@ -60,7 +60,7 @@
 		</section>
 
 		{% block footer %}
-			<footer id="footer">
+			<footer id="footer" class="d-flex flex-wrap">
 				{% include 'footer.twig' %}
 			</footer>
 			{{ function('wp_footer') }}

web/app/themes/la_mine/templates/components/thumbnails/thumbnails.twig

@@ -1,6 +1,6 @@
 {% set cat = item.categories|last %}
 
-<div class="item thumbnails col-md-4 col-sm-6 {{cat.slug}}">
+<div class="item thumbnails col-12 col-sm-6 col-lg-4 mb-4 {{cat.slug}}">
   <a href="{{site.url}}/{{item.post_name}}">
 
     <div class="__images">

web/app/themes/la_mine/templates/footer.twig

@@ -1,62 +1,83 @@
-
-<section class="information">
-<div class="row">
-  <div class="logo_lamine col-2">
-    <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
-  </div>
-
-  <div class="horaires col-md-4 col-lg">
-    {{options.texte_horaire }}
-  </div>
-
-  <div class="adresse col-md-4 col-lg">
-    {{options.texte_adresse }}
-  </div>
-
-  <div class="col-md-4 col-lg">
-  <div class="collecte">
-    {{options.texte_collecte }}
-  </div>
-  <div class="reseaux_sociaux align-items">
-    <div class="facebook d-flex">
-      <a href="{{options.facebook.lien_facebook}}">
-        <img src="{{ Image(options.facebook.logo_facebook).src }}" />
-      </a>
-      <p class="_rs">{{options.facebook.texte_facebook}}</p>
-    </div>
-    <div class="insta d-flex">
-      <a href="{{options.instagram.lien_instagram}}">
-        <img src="{{ Image(options.instagram.logo_instagram).src }}" />
-      </a>
-      <p class="_rs">{{options.instagram.texte_instagram}}</p>
-    </div>
-  </div>
-</div>
-  <div class="col-md-7 col-lg">
-    <div class="send_actu">
-      <!-- <iframe src="" width="" height=""></iframe> -->
-    </div>
-    <div class="add_asso">
-        {% include '/components/buttons/bouton_asso.html.twig' %}
+<section class="information col-12 col-lg-6 p-0">
+  <div class="d-flex justify-content-around">
+    <div class="logo_lamine">
+      <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
     </div>
 
-    <div class="partenaires row col">
-      <div class="_titre col-2">{{options.titre}}</div>
-      <div class="logo_partenaires col">
-        <div class="container_slide">
-            <ul>
-              {% for partner in options.partenaire %}
-                <li>
-                  <a target="_blank" href="{{partner.lien_site_partenaire}}">
-                    <img src="{{ Image(partner.logo).src }}" />
-                  </a>
-                </li>
-              {% endfor %}
-              </ul>
+    <div class="horaires">
+      {{options.texte_horaire }}
+    </div>
+
+    <div class="adresse">
+      {{options.texte_adresse }}
+    </div>
+
+    <div class="">
+      <div class="collecte">
+        {{options.texte_collecte }}
+      </div>
+
+      <div class="reseaux_sociaux align-items">
+        <div class="facebook">
+          <a class="d-flex" href="{{options.facebook.lien_facebook}}">
+            <img src="{{ Image(options.facebook.logo_facebook).src }}" />
+            <span>{{options.facebook.texte_facebook}}</span>
+          </a>
+        </div>
+        <div class="insta">
+          <a class="d-flex" href="{{options.instagram.lien_instagram}}">
+            <img src="{{ Image(options.instagram.logo_instagram).src }}" />
+            <span>{{options.instagram.texte_instagram}}</span>
+          </a>
         </div>
       </div>
+
     </div>
+  </div> <!--fin row-->
+</section>
+
+<section class="join-us col-12 col-lg-6 p-0">
+<div>
+  <div class="send_actu">
+    <!-- Begin Mailchimp Signup Form -->
+    <div id="mc_embed_signup">
+      <form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=96d6b6e702" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+          <div id="mc_embed_signup_scroll" class="d-flex align-items-baseline">
+          	<label for="mce-EMAIL">Recevoir l'actualité de la Mine</label>
+          	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+              <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+            <div style="position: absolute; left: -5000px;" aria-hidden="true">
+              <input type="text" name="b_a98b763288f940083bf28857c_96d6b6e702" tabindex="-1" value="">
+            </div>
+            <div class="clear"><input type="submit" value="Ok" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+          </div>
+      </form>
+    </div>
+    <!--End mc_embed_signup-->
+  </div>
+  <div class="add_asso">
+    <div id="bouton_asso">
+      <a href="{{post.meta('bouton_asso').lien_hello_asso}}">adhérer à l'association</a>
+    </div>
+
+  </div>
+
+  <div class="partenaires d-flex align-items-center">
+    <div class="_titre">{{options.titre}}</div>
+    <div class="logo_partenaires  w-100">
+      <div class="container_slide">
+        <ul>
+          {% for partner in options.partenaire %}
+            <li>
+              <a target="_blank" href="{{partner.lien_site_partenaire}}">
+                <img src="{{ Image(partner.logo).src }}" />
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </div>
 </div>
 
-</div> <!--fin row-->
 </section>

web/app/themes/la_mine/templates/partial/section_projets.twig

@@ -2,33 +2,33 @@
 	<h3 class="titre">Les Projets</h3>
 	<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
 </div>
-
 <div class="__body">
-	<div class="wrapper__content row">
+	<div class="wrapper__content row justify-content-center">
 		{% for item in projet %}
 			<div class="colonne_section col-md-6 col-lg-4">
 				<div class="header">
 					<h3>{{item.title}}</h3>
 				</div>
-				<div class="wrap_content d-flex flex-wrap">
-				{{item.text}}
+				<div class="wrap_content">
+					{{item.meta('text')|truncate(30)}}
 					<div class="projet">
 						{% for projet in item.meta("projets") %}
-							<!--<div class="wrap__content">
+							<div class="wrap__content">
 									<div class="title_pjt">
 										<h4>{{projet.titre}}</h4>
 									</div>
 									<div class="content_pjt">
-										{{projet.text}}
+										{{projet.text|truncate(20)}}
 									</div>
-							</div>--> <!--les titres a utilisé pour faire les patch qui se drag-->
+							</div>
+							<!--les titres a utilisé pour faire les patch qui se drag-->
 						{% endfor %}
 					</div>
 				</div>
 			</div>
 		{% endfor %}
-		<div class="btn tout_voir">
-			<a href="/les-projets">Tout voir</a>
-		</div>
+	</div>
+	<div class="btn tout_voir">
+		<a href="/les-projets">Tout voir</a>
 	</div>
 </div>

web/app/themes/la_mine/templates/partial/section_tpsF.twig

@@ -2,12 +2,12 @@
 	<h3 class="titre">Les temps forts</h3>
 </div>
 <div class="__body">
-	<div class="wrapper__content row">
+	<div class="wrapper__content row justify-content-center">
 		{% for item in tpsF %}
-		<div class="colonne_section col-md-6 col-lg-4">
+		<div class="colonne_section col-12 col-sm-6 col-lg-4">
 			<div class="item tpsF_thumbnails">
 				<div class="__img">
-	        <img src="{{item.thumbnail.src}}" alt="{{item.thumbnail.title}}">
+	        <img src="{{item.thumbnail.src|resize(500, 500) }}" alt="{{item.thumbnail.title}}">
 	      </div>
 				<div class="_content_tpsF">
 					<div class="title">
@@ -19,16 +19,14 @@
 						</div>
 					</div>
 					<div class="content">
-						{{item.text}}
+						{{item.text|truncate(20)}}
 					</div>
 				</div>
 				</div>
 			</div>
 		{% endfor %}
-
-			<div class="btn tout_voir">
-			<a href="/les-temps-forts">Tout voir</a>
-		</div>
-
+	</div>
+	<div class="btn tout_voir">
+		<a href="/les-temps-forts">Tout voir</a>
 	</div>
 </div>