[bot] Nouveau post sur la page facebook du CCL

Created by: CCLuminy

Un nouveau post de Centre Culturel de Luminy - CCL

https://www.facebook.com/CCLuminy/photos/a.1054224457968572/3588088444582148/?type=3

_pages/index.md

 ---
 layout: splash
-title: Centre Culturel de Luminy
+title: Accueil
 has_header: true
 header:
-  type: overlay
+  type: image
   overlay_image: assets/images/puget-fleuri.png
-  actions:
-    - label: "<i class='fas fa-users'></i> Adhérez"
-      url: "/ccl/adherer/"
-    - label: "<i class='fab fa-fw fa-facebook-square'></i> Suivez-nous"
-      url: "https://www.facebook.com/CCLuminy/"
-    - label: "<i class='fas fa-fw fa-calendar-alt'></i> Agenda"
-      url: "/agenda/"
-  show_text: description
-description: >
-  Le CCL porte de nombreuses initiatives et se propose d'aider à en monter de nouvelles ! Son but : remettre les notions de créativité, de connaissance, de collectivité, de partage et d'entraide au coeur de la vie de notre campus universitaire en proposant à toutes les bonnes volontés de participer à construire leur lieu d'étude, de travail ou encore de vie.
-feature_row:
-  - image_path: assets/images/panier.png
-    alt: "paniers"
-    title: "Des paniers bio"
-    excerpt: "Livrés chaque jeudi, des légumes d'Arles à commander! Contrats de
-    solidarité avec en producteur."
-    url: "/jardin/paniers/"
-    btn_class: "btn--primary"
-    btn_label: "Plus"
-  - image_path: assets/images/logo-jardin-grand.png
-    alt: "jardin"
-    title: "Jardin"
-    excerpt: "Découvrez le jardin! Projet lancé par le CCL en 2014, désormais indépendant"
-    url: "/jardin/"
-    btn_class: "btn--info"
-    btn_label: "Plus"
-  - image_path: assets/images/theatre-rouge.jpg
-    alt: "ateliers"
-    title: "Ateliers"
-    excerpt: "Des ateliers à gogo"
-    url: "/ccl/activites/ateliers/"
-    btn_class: "btn--warning"
-    btn_label: "Plus"
-  - image_path: assets/images/authors-logo/logo-club-sciences.jpeg
-    alt: "club-science"
-    title: "Club de science"
-    excerpt: "Des débats, des conférences, etc..."
-    url: "/club-science/"
-    btn_class: "btn--success"
-    btn_label: "Plus"
-  - image_path: assets/images/authors-logo/fse-transparent.png
-    alt: "FSE"
-    title: "FSE"
-    excerpt: "INFORMER les étudiants, DÉFENDRE leurs droits, et créer la
-    SOLIDARITÉ sur nos campus !"
-    url: "/fse/"
-    btn_class: "btn--twitter"
-    btn_label: "Plus"
-  - image_path: assets/images/authors-logo/cafe-des-langues.png
-    alt: "cafe-des-langues"
-    title: "Café des Langues"
-    excerpt: "Venez converser autour d’un bon café et dans une ambiance très
-    conviviale !"
-    url: "/cafe-des-langues/"
-    btn_class: "btn--error"
-    btn_label: "Plus"
-  - image_path: assets/images/authors-logo/allie.png
-    alt: "ALLIÉ"
-    title: "ALLIÉ"
-    excerpt: "Découvrez nos buts et nos actions présentés dans les rubriques
-    ci-contre, et n'hésitez pas à nous rejoindre, sur place ou par internet !"
-    url: "/allie/"
-    btn_class: "btn--danger"
-    btn_label: "Plus"
+  fixed_image: "/assets/images/banniere-puget-orange.jpg"
+description: 'Le CCL porte de nombreuses initiatives et se propose d''aider à en monter
+  de nouvelles ! Son but : remettre les notions de créativité, de connaissance, de
+  collectivité, de partage et d''entraide au coeur de la vie de notre campus universitaire
+  en proposant à toutes les bonnes volontés de participer à construire leur lieu d''étude,
+  de travail ou encore de vie.
+
+'
+last_modified_at: 2019-12-01 00:00:00 +0100
+
 ---
 <script>
   if (window.netlifyIdentity) {
@@ -82,10 +28,132 @@ feature_row:
   }
 </script>
 
-{% include feature_row %}
 
-<div id="fb-root"></div>
-<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0"></script>
+<style type="text/css" media="screen">
+/* Add style rules here */
+.cards-list {
+  z-index: 0;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+}
+
+.card {
+  margin: 30px auto;
+  width: 300px;
+  height: 300px;
+  border-radius: 40px;
+  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
+  cursor: pointer;
+  transition: 0.4s;
+}
+
+.card .card_image {
+  width: inherit;
+  height: inherit;
+  border-radius: 40px;
+}
+
+.card .card_image img {
+  width: inherit;
+  height: inherit;
+  border-radius: 40px;
+  object-fit: cover;
+}
+
+.card .card_title {
+  text-align: center;
+  border-radius: 0px 0px 40px 40px;
+  font-family: sans-serif;
+  font-weight: bold;
+  font-size: 30px;
+  margin-top: -80px;
+  height: 40px;
+}
+
+.card:hover {
+  transform: scale(0.9, 0.9);
+  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
+    -5px -5px 30px 15px rgba(0,0,0,0.22);
+}
+
+.title-white {
+  color: white;
+}
+
+.title-black {
+  color: black;
+}
+
+@media all and (max-width: 500px) {
+  .card-list {
+    /* On small screens, we are no longer using row direction but column */
+    flex-direction: column;
+  }
+}
+</style>
+
+<div class="cards-list">
+
+<a href="https://ccl.test.luminy.org">
+  <div class="card">
+    <div class="card_image"><img src="assets/images/authors-logo/logo-ccl-nb.png" /></div>
+  </div>
+</a>
+
+<a href="jardin">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/logo-jardin.png" />
+    </div>
+    <div class="card_title title-black">
+      <p>Jardin Universitaire</p>
+    </div>
+  </div>
+</a>
+
+<a href="club-science">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/logo-club-sciences.jpeg" />
+    </div>
+    <div class="card_title title-white">
+      <p>Club de Science</p>
+    </div>
+  </div>
+</a>
+
+<a href="allie">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/allie.png" />
+    </div>
+  </div>
+</a>
+
+<a href="fse">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/fse-transparent.png" />
+    </div>
+  </div>
+</a>
+
+<a href="comnsea">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/logo-com.png" />
+    </div>
+  </div>
+</a>
 
-<div class="fb-page" data-href="https://www.facebook.com/CCLuminy/" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/CCLuminy/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/CCLuminy/">Centre Culturel de Luminy - CCL</a></blockquote></div>
+<a href="cafe-des-langues">
+  <div class="card">
+    <div class="card_image">
+      <img src="assets/images/authors-logo/cafe-des-langues.png" />
+    </div>
+  </div>
+</a>
 
+</div>