filter ok

user/config/plugins/email.yaml

@@ -0,0 +1,16 @@
+enabled: true
+from: kevin@figureslibres.io
+from_name: kevin
+to: kvntssr@gmail.com
+mailer:
+  engine: smtp
+  smtp:
+    server: smtp.mailtrap.io
+    port: 2525
+    encryption: none
+    user: 5d9e29d57426c3
+    password: a207c1682777ef
+  sendmail:
+    bin: '/usr/sbin/sendmail -bs'
+content_type: text/html
+debug: false

user/config/plugins/form.yaml

@@ -0,0 +1,15 @@
+enabled: true
+built_in_css: true
+inline_css: true
+refresh_prevention: false
+client_side_validation: true
+inline_errors: false
+files:
+  multiple: false          # To allow multiple files, default is single
+  limit: 10                # Number of allowed files per field (multiple required)
+  destination: 'self@'     # Where to upload the files (path and self@, page@, theme@)
+  avoid_overwriting: false # Prevent files with the same name to be overridden. Date prefix will be added
+  random_name: false       # Generate a random 15 long string name for the uploaded files
+  filesize: 0              # Maximum file size allowed (in MB)
+  accept:                  # List of mime/types or file extensions allowed (ie, image/*,.zip,.mp4)
+    - image/*

user/config/site.yaml

@@ -1,8 +1,8 @@
 title: 'Le campus'
 default_lang: fr
 author:
-  name: 'Joe Bloggs'
-  email: joe@example.com
+  name: 'kevin tessier'
+  email: kevin@figureslibres.io
 taxonomies:
   - category
   - tag

user/pages/01.home/default.md

@@ -1,6 +1,15 @@
 ---
 title: Home
 media_order: 'imgtest.jpg,imgtest2.jpg'
+buttons:
+    -
+        text: 'Un lieu de partage des savoirs au cœur d''un éco territoire'
+        header:
+            a_file: imgtest.jpg
+    -
+        text: 'Un lieu de partage des savoirs au cœur d''un éco territoire'
+        header:
+            a_file: imgtest2.jpg
 body_classes: 'title-center title-h1h2'
 content:
     items:

user/pages/04.organisez-vos-evenements/01.location-reservation-de-salles/01.location-salle-de-reunion/item.md

@@ -12,9 +12,9 @@ content:
 image_align: left
 ---
 
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
   
-![](imgtest.jpg)Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
+Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
 
 Aliquam consequat erat eu turpis vehicula tristique. 
 Nam ornare id elit ut imperdiet. Duis congue justo a pellentesque tristique. Vivamus in est ac metus porttitor rhoncus non sed nulla. Etiam pharetra leo in quam vulputate, ac sagittis arcu elementum. Nunc quis risus sed sapien suscipit scelerisque eu at felis. Cras eget arcu pretium, suscipit lorem sit amet, sollicitudin turpis. Proin at bibendum arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. 

user/pages/04.organisez-vos-evenements/01.location-reservation-de-salles/02.location-salle-de-seminaire/item.md

@@ -1,13 +1,14 @@
 ---
 title: 'Location salle de séminaire'
+media_order: imgtest.jpg
 show_sidebar: false
 ---
 
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
   
 Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
 
-#### Aliquam consequat erat eu turpis vehicula tristique. 
+Aliquam consequat erat eu turpis vehicula tristique. 
 Nam ornare id elit ut imperdiet. Duis congue justo a pellentesque tristique. Vivamus in est ac metus porttitor rhoncus non sed nulla. Etiam pharetra leo in quam vulputate, ac sagittis arcu elementum. Nunc quis risus sed sapien suscipit scelerisque eu at felis. Cras eget arcu pretium, suscipit lorem sit amet, sollicitudin turpis. Proin at bibendum arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. 
 
 

user/pages/04.organisez-vos-evenements/01.location-reservation-de-salles/03.location-salle-de-formation/item.md

@@ -1,12 +1,13 @@
 ---
 title: 'Location salle de formation'
+media_order: imgtest2.jpg
 ---
 
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
 
 Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
 
-#### Aliquam consequat erat eu turpis vehicula tristique. 
+Aliquam consequat erat eu turpis vehicula tristique. 
 Nam ornare id elit ut imperdiet. Duis congue justo a pellentesque tristique. Vivamus in est ac metus porttitor rhoncus non sed nulla. Etiam pharetra leo in quam vulputate, ac sagittis arcu elementum. Nunc quis risus sed sapien suscipit scelerisque eu at felis. Cras eget arcu pretium, suscipit lorem sit amet, sollicitudin turpis. Proin at bibendum arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. 
 
 

user/pages/04.organisez-vos-evenements/01.location-reservation-de-salles/blog.md

@@ -1,15 +0,0 @@
----
-title: 'Location / réservation de salles'
-media_order: imgtest.jpg
-show_sidebar: false
-content:
-    items:
-        - '@self.children'
-    limit: 5
-    order:
-        by: folder
-        dir: asc
-    pagination: true
-    url_taxonomy_filters: true
----
-

user/pages/04.organisez-vos-evenements/02.nos-equipements/item.md

@@ -1,14 +0,0 @@
----
-title: 'Nos équipements'
-media_order: 'imgtest.jpg,imgtest.jpg'
-show_sidebar: false
----
-
-Nam erat mi, fermentum quis condimentum sed, tristique at mi. 
-Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
-
-![](imgtest.jpg)Quisque sit amet mollis felis, sit amet ornare neque. 
-Donec placerat, augue eu molestie tristique, velit ipsum eleifend lorem, in maximus mi nunc nec nibh.Etiam elementum interdum mi, vel dignissim ipsum iaculis nec. Nullam pulvinar, metus quis rutrum commodo, ex nunc euismod est, eu viverra massa erat vitae diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi ultricies gravida quam, fringilla maximus ipsum laoreet sed. Mauris in aliquet lorem. Curabitur lacinia eros in urna tincidunt, eu venenatis nisi lobortis. Sed aliquet lobortis rutrum. 
-
-Aliquam consequat erat eu turpis vehicula tristique. 
-Nam ornare id elit ut imperdiet. Duis congue justo a pellentesque tristique. Vivamus in est ac metus porttitor rhoncus non sed nulla. Etiam pharetra leo in quam vulputate, ac sagittis arcu elementum. Nunc quis risus sed sapien suscipit scelerisque eu at felis. Cras eget arcu pretium, suscipit lorem sit amet, sollicitudin turpis. Proin at bibendum arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus.

user/pages/04.organisez-vos-evenements/03.toursime-daffaire/item.md

@@ -1,12 +0,0 @@
----
-title: 'Toursime d''affaire'
-media_order: imgtest.jpg
-show_sidebar: false
----
-
- ![](imgtest.jpg)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis sapien quis accumsan condimentum. Duis vel nisl sollicitudin, tincidunt ligula in, maximus sem. 
-
-Donec scelerisque mattis ullamcorper. Integer at eros imperdiet urna hendrerit bibendum. Fusce mollis luctus sodales. Praesent a lectus auctor, faucibus nisl vitae, ultricies metus. In et ipsum sed ipsum iaculis maximus. Donec id risus eros. Phasellus condimentum velit mollis urna fermentum, a ultricies est accumsan. Phasellus elementum, sem quis placerat placerat, velit elit iaculis sem, ut tristique orci ex at urna. Nam urna risus, imperdiet et elementum non, porttitor non velit. Fusce commodo tellus accumsan tortor lacinia, in convallis lacus cursus. Aenean eget facilisis enim. Proin mi massa, euismod vitae dolor ut, pellentesque condimentum sem. Mauris ultricies magna vitae leo feugiat tincidunt. 
-
-Aliquam consequat erat eu turpis vehicula tristique. 
-Nam ornare id elit ut imperdiet. Duis congue justo a pellentesque tristique. Vivamus in est ac metus porttitor rhoncus non sed nulla. Etiam pharetra leo in quam vulputate, ac sagittis arcu elementum. Nunc quis risus sed sapien suscipit scelerisque eu at felis. Cras eget arcu pretium, suscipit lorem sit amet, sollicitudin turpis. Proin at bibendum arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. 

user/pages/05.demande-de-devis/form.md

@@ -1,9 +1,11 @@
 ---
 title: 'Demande de devis'
-published: true
 visible: false
 form:
     name: ajax-test-form
+    action: /demande-de-devis
+    template: form-messages
+    refresh_prevention: true
     fields:
         -
             name: '1 Quelle est la nature de votre évènement ?'
@@ -23,6 +25,8 @@ form:
                 conference: Conférence
                 evenement_culturel: 'Evènement culturel'
                 autre: Autres
+            validate:
+                required: true
         -
             name: '2 Quelle sera l''envergure de votre évènement ?'
             placeholder: 'Nombre de personnes'
@@ -36,6 +40,8 @@ form:
                 50: '<= 50 personnes'
                 100: '<= 100 personnes'
                 150: 'Plus de 150 personnes'
+            validate:
+                required: true
         -
             name: '3 Quand se déroulera votre évènement ?'
             placeholder: 'Choisissez vos date ?'
@@ -51,42 +57,56 @@ form:
                 2j: '2 jours'
                 3j: '3 jours'
                 +3j: 'Plus de 3 jours'
+            validate:
+                required: true
         -
             name: Prenom
             placeholder: prenom
             type: text
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: Nom
             placeholder: nom
             type: text
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: Email
             placeholder: Email
             type: email
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: phone
             placeholder: Télphone
             type: text
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: fonction
             placeholder: fonction
             type: text
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: société
             placeholder: Société
             type: text
             size: long
             classes: fancy
+            validate:
+                required: true
         -
             name: 'Votre profil'
             placeholder: 'quel est votre profil'
@@ -100,19 +120,29 @@ form:
                 associations: 'Associations (sociétés savantes, fédérations, syndicats) '
                 societes_entreprises: 'Sociétés / Entreprises'
                 Organismes_professionnels: 'Orgaismes Professionnels'
+            validate:
+                required: true
     buttons:
         -
             type: submit
             value: Envoyer
     process:
-        -
-            message: 'Thank you for your feedback!'
         -
             email:
-                from: kvntssr@gmail.com
-                to: kevin@figureslibres.io
-                subject: 'demande de devis'
-                body: '{% include ''forms/default/data.html.twig'' %}'
+                from: '{{ config.plugins.email.from }}'
+                to:
+                    - '{{ config.plugins.email.to }}'
+                    - '{{ form.value.email }}'
+                subject: '[Feedback] {{ form.value.name|e }}'
+                body: '{% include ''forms/data.html.twig'' %}'
+        -
+            save:
+                fileprefix: feedback-
+                dateformat: Ymd-His-u
+                extension: txt
+                body: '{% include ''forms/data.txt.twig'' %}'
+        -
+            message: 'Merci, votre demande de devis à bien été envoyé ! Elle sera traité dans les prochains jours.'
 ---
 
 ####  Je fais ma demande de devis 

user/pages/05.demande-de-devis/thankyou/formdata.md

@@ -1,8 +0,0 @@
----
-title: 'Email sent'
-cache_enable: false
-process:
-    twig: true
----
-
-## Email sent!

user/themes/lecampus/images/Logo Le Campus VD Quadri.svg

@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="403.556"
+   height="223.556"
+   viewBox="0 0 403.556 223.556"
+   sodipodi:docname="Logo Le Campus VD Quadri.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath18"><path
+         d="M 0,167.667 H 302.667 V 0 H 0 Z"
+         id="path16"
+         inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="1.0308359"
+     inkscape:cx="85.367615"
+     inkscape:cy="111.778"
+     inkscape:window-x="1920"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="Logo Le Campus VD Quadri"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,223.556)"><g
+       id="g12"><g
+         id="g14"
+         clip-path="url(#clipPath18)"><g
+           id="g20"
+           transform="translate(125.4165,60.0269)"><path
+             d="m 0,0 -6.035,4.386 c 0,0 -15.511,-8.458 -31.717,2.887 0,0 -15.17,11.593 -12.313,29.102 2.854,17.51 18.384,27.667 32.962,26.083 l 0.942,1.888 c 0,0 -19.314,3.722 -31.821,-14.476 C -60.49,31.672 -55.217,11.141 -39.699,0.345 -24.178,-10.451 -6.936,-4.824 0,0"
+             style="fill:#b3cb3a;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path22"
+             inkscape:connector-curvature="0" /></g><g
+           id="g24"
+           transform="translate(110.1685,116.021)"><path
+             d="m 0,0 c 0,0 -14.322,3.979 -25.091,-8.627 0,0 -9.875,-12.59 -3.884,-26.195 5.991,-13.607 20.723,-18.59 32.217,-14.246 l 1.161,-1.334 c 0,0 -14.89,-7.074 -28.856,5.068 -13.966,12.142 -13.997,29.905 -3.671,41.921 10.328,12.016 25.497,11.067 32.138,8.609 z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path26"
+             inkscape:connector-curvature="0" /></g><g
+           id="g28"
+           transform="translate(121.8936,71.5503)"><path
+             d="M 0,0 C 1.802,0 3.604,0.848 5.09,1.907 V 8.16 C 3.153,7.736 1.171,7.524 -0.811,7.048 -2.387,6.677 -3.559,5.67 -3.559,3.55 -3.559,0.953 -1.892,0 0,0 m 5.315,-2.756 c -1.667,-2.067 -4.054,-3.18 -6.351,-3.18 -4.685,0 -8.153,3.709 -8.288,9.116 -0.09,5.087 3.153,8.425 6.802,9.008 l 7.747,1.325 c -0.18,2.703 -3.784,3.657 -5.36,3.657 -2.027,0 -4.505,-0.637 -6.261,-1.644 h -0.631 v 6.148 c 2.252,0.742 4.505,1.378 6.982,1.378 5.405,0 10.675,-2.385 10.856,-9.38 V -5.3 H 5.315 Z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path30"
+             inkscape:connector-curvature="0" /></g><g
+           id="g32"
+           transform="translate(163.562,83.2612)"><path
+             d="M 0,0 C 0,2.173 -0.226,5.141 -2.702,5.035 -4.189,4.981 -5.45,3.551 -6.396,2.332 v -19.343 h -5.63 V 0 c 0,2.12 -0.181,5.035 -2.569,5.035 -1.396,0 -2.972,-1.166 -3.963,-2.226 v -19.82 h -5.721 v 27.769 h 5.586 V 8.903 c 1.126,1.326 2.927,2.438 4.549,2.438 2.432,0.053 4.459,-1.112 5.901,-3.18 1.576,1.696 3.648,3.233 5.945,3.233 4.955,0 7.973,-4.557 8.019,-10.44 V -17.011 H 0 Z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path34"
+             inkscape:connector-curvature="0" /></g><g
+           id="g36"
+           transform="translate(181.5396,72.2915)"><path
+             d="M 0,0 C 1.352,-0.371 2.612,-0.688 4.009,-0.688 5.766,-0.583 7.342,0 8.333,1.855 c 0.811,1.59 1.081,3.657 1.036,5.511 0,2.28 -0.181,5.459 -1.622,7.207 C 6.576,15.951 4.774,16.27 3.243,16.27 H 1.352 C 0.631,16.27 0,15.58 0,14.732 Z m 3.783,22.258 c 4.145,-0.107 7.613,-1.802 9.73,-5.936 C 14.819,13.62 15.27,10.44 15.27,7.366 15.18,3.815 14.685,0.478 12.792,-2.385 10.766,-5.14 7.838,-6.677 4.549,-6.677 2.973,-6.677 1.486,-6.412 0,-5.299 V -18.76 h -5.721 v 34.287 c 0,3.71 2.523,6.731 5.676,6.731 z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path38"
+             inkscape:connector-curvature="0" /></g><g
+           id="g40"
+           transform="translate(200.686,75.9487)"><path
+             d="M 0,0 V 18.07 H 5.721 V 0.688 c -0.045,-2.649 1.036,-4.822 3.558,-4.822 1.892,0 4.28,1.007 5.856,2.279 V 18.07 h 5.72 V -9.698 h -5.541 v 1.749 C 13.152,-9.222 10.766,-10.334 8.423,-10.334 3.469,-10.334 0,-5.83 0,0"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path42"
+             inkscape:connector-curvature="0" /></g><g
+           id="g44"
+           transform="translate(226.1401,67.0454)"><path
+             d="M 0,0 V 5.936 H 0.721 C 2.567,5.034 5.405,4.451 7.342,4.451 c 1.622,0.054 4.324,0.371 4.324,2.968 0,1.431 -1.757,2.12 -2.838,2.597 -2.026,0.901 -3.964,1.589 -5.721,2.649 -2.207,1.325 -3.333,4.187 -3.333,6.942 0,5.3 4.19,8.002 8.108,7.95 2.883,-0.053 4.82,-0.636 7.253,-1.484 v -5.671 h -0.767 c -1.621,0.743 -3.963,1.273 -5.765,1.273 -0.901,0 -3.423,-0.212 -3.423,-1.802 0,-0.849 1.306,-1.696 2.297,-2.067 1.937,-0.848 4.234,-1.59 6.036,-2.702 2.658,-1.538 3.558,-4.558 3.558,-7.367 0,-6.359 -5,-9.115 -9.955,-9.115 C 4.594,-1.378 2.342,-0.848 0,0"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path46"
+             inkscape:connector-curvature="0" /></g><g
+           id="g48"
+           transform="translate(99.7852,109.2788)"><path
+             d="m 0,0 c -3.399,-0.977 -5.672,-2.677 -5.672,-2.677 -7.592,-6.197 -5.195,-14.44 -5.195,-14.44 l -3.13,-2.311 c -1.481,3.823 -2.051,12.553 5.186,18.497 2.543,2.089 5.515,3.438 8.617,3.965 z"
+             style="fill:#003f7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path50"
+             inkscape:connector-curvature="0" /></g><g
+           id="g52"
+           transform="translate(45.9253,89.8901)"><path
+             d="M 0,0 V 17.209 L 2.2,17.61 V 2.258 H 8.731 L 7.833,0 Z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path54"
+             inkscape:connector-curvature="0" /></g><g
+           id="g56"
+           transform="translate(63.1885,99.8989)"><path
+             d="m 0,0 c -0.494,0.628 -1.212,0.828 -1.975,0.828 -2.447,0 -3.951,-2.208 -3.681,-4.842 z m -5.028,-6.096 c 0.718,-1.279 1.774,-2.056 3.12,-2.056 1.549,0 3.053,1.178 4.22,2.207 L 2.738,-8.479 C 1.324,-9.582 0,-10.41 -1.773,-10.41 c -3.659,0 -6.038,3.06 -6.038,7.099 0,3.461 2.648,6.397 5.679,6.397 2.424,0 3.861,-1.23 5.095,-3.487 z"
+             style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path58"
+             inkscape:connector-curvature="0" /></g></g></g></g></svg>

user/themes/lecampus/images/mappoint.svg

@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="97.713px"
+   height="97.713px"
+   viewBox="0 0 97.713 97.713"
+   style="enable-background:new 0 0 97.713 97.713;"
+   xml:space="preserve"
+   sodipodi:docname="placeholder-filled-point.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata41"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs39"><clipPath
+     clipPathUnits="userSpaceOnUse"
+     id="clipPath18"><path
+       d="M 0,167.667 H 302.667 V 0 H 0 Z"
+       id="path16"
+       inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="956"
+   inkscape:window-height="1029"
+   id="namedview37"
+   showgrid="false"
+   inkscape:zoom="2.4152365"
+   inkscape:cx="83.053405"
+   inkscape:cy="150.50186"
+   inkscape:window-x="960"
+   inkscape:window-y="22"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Capa_1" />
+<g
+   id="g4"
+   style="fill:#0090a3;fill-opacity:1">
+	<path
+   d="M48.855,0C29.021,0,12.883,16.138,12.883,35.974c0,5.174,1.059,10.114,3.146,14.684   c8.994,19.681,26.238,40.46,31.31,46.359c0.38,0.441,0.934,0.695,1.517,0.695s1.137-0.254,1.517-0.695   c5.07-5.898,22.314-26.676,31.311-46.359c2.088-4.57,3.146-9.51,3.146-14.684C84.828,16.138,68.69,0,48.855,0z M48.855,54.659   c-10.303,0-18.686-8.383-18.686-18.686c0-10.304,8.383-18.687,18.686-18.687s18.686,8.383,18.686,18.687   C67.542,46.276,59.159,54.659,48.855,54.659z"
+   id="path2"
+   style="fill:#0090a3;fill-opacity:1" />
+</g>
+<g
+   id="g6">
+</g>
+<g
+   id="g8">
+</g>
+<g
+   id="g10">
+</g>
+<g
+   id="g12">
+</g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+</svg>

user/themes/lecampus/js/masonry.filter.js

@@ -0,0 +1,51 @@
+/* -- Filter Plugin -- */
+(function ($) {
+    'use strict';
+    $.fn.masonryFilter = function (options) {
+        //reload masonry
+        var reload = function ($container) {
+            setTimeout(function () {
+                $container.masonry("layout");
+            }, 100);
+        };
+
+        var process = function ($container) {
+            var items = $container.masonry("getAllItems"),
+                revealItems = [],
+                hideItems = [];
+
+            $.each(items, function(i) {
+                var item = items[i];
+                var elm = $(item.element),
+                    shouldShow = options.filter && options.filter.call(elm);
+
+                if (shouldShow) {
+                    if (item.isHidden) {
+                        // -- Have to set this property so masonry does
+                        //    not include hidden items when calling "layout"
+                        item.isIgnored = false;
+                        revealItems.push(item);
+                    }
+                } else {
+                    if (!item.isHidden) {                        
+                        // -- Easier to set this property directy rather than
+                        //    using the "ignore" method, as it takes in a DOM
+                        //    element rather than the masonry item object.
+                        item.isIgnored = true;
+                        hideItems.push(item);
+                    }
+                }
+            });
+
+            $container.masonry('hide', hideItems);
+            $container.masonry('reveal', revealItems);
+
+            reload($container);
+        };
+
+        return this.each(function () {
+            var self = $(this);
+            process(self);
+        });
+    };
+}(window.jQuery));

user/themes/lecampus/js/site.js

@@ -1,24 +1,35 @@
 function map() {
+  var $carte = $('#carte');
+  if ( $carte.length ) {
 
-  var mymap = L.map('carte').setView([44.7365818, 4.9776488], 13);
+    var mymap = L.map('carte').setView([44.7365818, 4.9776488], 13);
 
-	L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
-		maxZoom: 18,
-		id: 'mapbox.streets'
-	}).addTo(mymap);
+    var greenIcon = L.icon({
+        iconUrl: '/user/themes/lecampus/images/mappoint.svg',
 
-	L.marker([44.7365818, 4.9776488]).addTo(mymap)
-		.bindPopup("<b>Hello world!</b><br />I am le campus.").openPopup();
+        iconSize:     [38, 95], // size of the icon
+        iconAnchor:   [22, 94], // point of the icon which will correspond to marker's location
+        popupAnchor:  [-3, -76] // point from which the popup should open relative to the iconAnchor
+    });
 
-	function onMapClick(e) {
-		popup
-			.setLatLng(e.latlng)
-			.setContent("You clicked the map at " + e.latlng.toString())
-			.openOn(mymap);
-	}
+  	L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
+  		maxZoom: 18,
+  		id: 'mapbox.streets'
+  	}).addTo(mymap);
 
-	mymap.on('click', onMapClick);
+  	L.marker([44.7365818, 4.9776488], {icon: greenIcon}).addTo(mymap)
+  		.bindPopup("<b>Hello world!</b><br />I am le campus.").openPopup();
 
+  	function onMapClick(e) {
+  		popup
+  			.setLatLng(e.latlng)
+  			.setContent("You clicked the map at " + e.latlng.toString())
+  			.openOn(mymap);
+  	}
+
+  	mymap.on('click', onMapClick);
+
+  }
 }
 
 function filteritem() {
@@ -26,6 +37,20 @@ function filteritem() {
   var $cat = $('.cat a');
   var $img = $('#item .img');
 
+  $(".filters .btn").click(function(e) {
+    e.preventDefault();
+
+    var filter = $(this).attr("data-filter");
+    var self = $('.container #item');
+
+    self.masonryFilter({
+        filter: function () {
+            if (!filter) return true;
+            return $(this).attr("data-filter") == filter;
+        }
+    });
+});
+
   var $grid = $('#archive #item, #calendrier #item').masonry({
     // columnWidth: 200,
     itemSelector: '.card',
@@ -33,14 +58,11 @@ function filteritem() {
     transitionDuration: '0.2s'
   });
 
+// $( "a[hreflang|='en']" ).css( "border", "3px dotted green" );
   $grid.imagesLoaded().progress(function() {
       $grid.masonry();
   });
 
-  $grid.multipleFilterMasonry({
-    itemSelector: '.card',
-    filtersGroupSelector:'.filters'
-  });
 }
 
 function slide() {
@@ -67,9 +89,9 @@ function links() {
 
 }
 
-jQuery(document).ready(function($){
+jQuery(document).ready(function(){
   links();
   slide();
   filteritem();
-  // map();
+  map();
 });

user/themes/lecampus/templates/archive.html.twig

@@ -26,7 +26,6 @@
             {% for child in page.find('/agenda').children %}
 
               {% if child.header.date_end|date("d/m/y") <= "now"|date("d/m/y") %}
-              {{child.title}}
                 {% include 'partials/cal-list-event.html.twig' with {blog: page, page: child} %}
               {% endif %}
 

user/themes/lecampus/templates/partials/base.html.twig

@@ -25,9 +25,9 @@
 
         {% do assets.addJs('jquery', 101) %}
         {% do assets.addJs('theme://js/leaflet.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
-        {% do assets.addJs('theme://js/multipleFilterMasonry.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/imagesloaded.pkgd.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/masonry.filter.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/jquery.slides.min.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
 

user/themes/lecampus/templates/partials/cal-list-event.html.twig

@@ -1,5 +1,5 @@
   {% for tag in page.taxonomy.tag %}
-  <div class="card {{tag}} Tous">
+  <div class="card" data-filter="{{tag}}">
   {% endfor %}
     <div class="card-header">
       {% include 'partials/blog/public.html.twig' %}
@@ -18,9 +18,7 @@
     <div class="card-summary">
       <a href="{{ page.url }}">
       {% if page.summary != page.content %}
-          {{ page.summary|raw }}
-      {% else %}
-          {{ page.content|raw }}
+          {{ page.summary(100)|raw }}
       {% endif %}
       </a>
     </div>

user/themes/lecampus/templates/partials/taxonomylist.html.twig

@@ -1,32 +1,25 @@
 {% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
 
 {% if taxlist %}
-<div class="tags">
-  <div class="btn-toolbar filters">
+<div class="btn-toolbar filters">
     <div data-toggle="buttons" class="btn-group">
-      <label class="btn btn-default">
-        <input type="checkbox" value=Tous >
+      <label class="btn btn-default" data-filter="">
+        <input type="radio" name="options">
         Tous
       </label>
-    </div>
-  </div>
     {% for tax,value in taxlist[taxonomy] %}
         {% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
-        <div class="btn-toolbar filters">
-          <div data-toggle="buttons" class="btn-group">
-            <label class="btn btn-default">
-              <input type="checkbox" value={{tax}} >
+            <label class="btn btn-default" data-filter="{{tax}}">
+              <input type="radio" name="options" >
               {{tax}}
             </label>
-          </div>
-        </div>
     {% endfor %}
-    <div class="btn-toolbar filters">
       <div data-toggle="buttons" class="btn-group">
         <label class="btn btn-default">
           <a href="/archive">archive</a>
         </label>
       </div>
-    </div>
 </div>
+</div>
+
 {% endif %}