add triange etape

user/pages/03.nouvelle-section-2/01.sous-section-2-1/projet-n-2/items.md

@@ -6,4 +6,4 @@ hero_image: ''
 ---
 
  Réalisé pour les Scouts et Guides de France.
-Secrétariat de rédaction, secrétariat d'édition et fabrication : www.lestyledelours.fr
+Secrétariat de rédaction, secrétariat d'édition et fabrication :  [Coucou](https://facebook.com)

user/pages/03.nouvelle-section-2/01.sous-section-2-1/projet-n15/item.md

@@ -0,0 +1,6 @@
+---
+title: 'Projet N15'
+media_order: etape_1.jpg
+---
+
+faux texte

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-1/facebook-red.svg

@@ -0,0 +1,77 @@
+<?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"
+   width="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="facebook.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="-14.640805"
+     inkscape:cy="6.7196713"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-294.35415)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path160-8-5"
+       style="fill:#9d4630;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00076493"
+       d="m 2.4998215,296.99998 c 0.080624,0 0.1460181,-0.0654 0.1460181,-0.14602 v -2.35378 c 0,-0.0807 -0.065394,-0.14603 -0.1460181,-0.14603 H 0.14603322 c -0.08066163,0 -0.1460270788992,0.0654 -0.1460270788992,0.14603 v 2.35378 c 0,0.0806 0.065365448899,0.14602 0.1460270788992,0.14602 H 2.4998215" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path162-0-8"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00076493"
+       d="m 1.8255893,296.99998 v -1.02459 h 0.3439286 l 0.051487,-0.39932 H 1.8255893 v -0.25493 c 0,-0.11561 0.032097,-0.1944 0.1978873,-0.1944 l 0.2114582,-10e-5 v -0.35713 c -0.03658,-0.005 -0.1620971,-0.0157 -0.3081216,-0.0157 -0.3048705,0 -0.5135746,0.18608 -0.5135746,0.52782 v 0.29447 H 1.0684319 v 0.39932 h 0.3448067 v 1.02459 h 0.4123507" />
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-1/item.md

@@ -1,8 +1,8 @@
 ---
 title: 'Ludovic, Signal Expertise'
-media_order: facebook.svg
+media_order: facebook-red.svg
 ---
 
-[![](facebook.svg)](https://www.facebook.com)
+[![](facebook-red.svg)](https://www.facebook.com)
 
 « Parfait ! Merci Emmanuel pour ton travail réalisé dans les délais. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-2/items.md

@@ -1,8 +1,8 @@
 ---
 title: 'Antoine, Secours Catholique'
-media_order: linkedin.svg
+media_order: linkedin-red.svg
 ---
 
-![](linkedin.svg)
+![](linkedin-red.svg)
 
 « Je travaille régulièrement avec Emmanuel sur l'édition de documents pour l’association. J'apprécie son regard et sa capacité à traduire nos messages. Emmanuel est un conseil précieux pour améliorer la qualité de nos publications, dans le fond comme dans la forme. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-3/item.md

@@ -1,8 +1,8 @@
 ---
 title: 'Antoine, CCFD-Terre Solidaire'
-media_order: mail.svg
+media_order: mail-red.svg
 ---
 
-[![](mail.svg)](https://www.facebook.com)
+[![](mail-red.svg)](https://www.facebook.com)
 
 « J'ai travaillé avec Emmanuel lorsque j'étais DG du CCFD-Terre Solidaire. J'ai apprécié son grand professionnalisme et son souci à toujours trouver la bonne réponse à mes demandes en matière d'édition de documents. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-4/item.md

@@ -1,8 +1,8 @@
 ---
 title: 'Philippe, fondation Terre Solidaire'
-media_order: malt.svg
+media_order: malt-red.svg
 ---
 
-[![](malt.svg)](https://www.facebook.com)
+[![](malt-red.svg)](https://www.facebook.com)
 
 « Ce fut un très grand plaisir de travailler avec Emmanuel. J’ai fortement apprécié ses capacités à conseiller, écouter, préciser et enrichir mes demandes de productions. Il faut souligner son respect des délais, la rigueur et la précision de son travail qui met en confiance et rassure. »

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-4/malt-red.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"
+   width="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="malt.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="-14.640805"
+     inkscape:cy="4.1942899"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-294.35415)">
+    <polygon
+       style="fill:#9d4630;fill-opacity:1"
+       points="116,116 116,0 0,0 0,116 "
+       id="Fill-1-Copy"
+       transform="matrix(0.02280891,0,0,0.02280891,-1.173864e-6,294.35416)" />
+    <path
+       d="m 1.5666549,294.97197 2.381e-4,-0.0488 c 6.349e-4,-0.13706 -0.110441,-0.24905 -0.2474874,-0.24956 -0.065823,-0.002 -0.1288826,0.0253 -0.1760477,0.072 -0.047121,0.0468 -0.073209,0.10906 -0.073512,0.17544 l -1.588e-4,0.0317 0.2514165,0.26265 z"
+       id="Fill-4"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       d="m 0.99179584,294.98382 -0.0139514,-0.0146 c -0.045912,-0.0479 -0.10771897,-0.0752 -0.1741042,-0.0766 -0.0667741,-0.001 -0.129358,0.0231 -0.17730002,0.0689 -0.0989949,0.0948 -0.10240742,0.25241 -0.007642,0.3514 l 0.0371015,0.0388 0.52550918,0.002 0.084569,-0.0838 z"
+       id="Fill-6"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       d="m 2.0113918,296.04872 -0.037059,-0.0387 -0.5254656,-0.002 -0.084612,0.0838 0.2880862,0.30092 c 0.094762,0.0989 0.2524538,0.10236 0.3514043,0.008 0.098952,-0.0948 0.1024074,-0.25242 0.00764,-0.35141"
+       id="Fill-8"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       d="m 2.0633986,295.43552 h -0.037275 l -0.2536195,0.25145 -0.055199,0.0547 -0.076534,0.0759 -0.07809,0.0774 -0.035719,0.0355 0.5343198,0.002 h 0.00108 c 0.065996,0 0.1280628,-0.0255 0.1749684,-0.072 0.047122,-0.0468 0.073252,-0.1091 0.073512,-0.17549 6.348e-4,-0.137 -0.1103974,-0.24895 -0.2474438,-0.24955"
+       id="Fill-10"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       d="m 0.56890911,295.42915 h -0.001119 c -0.0659964,0 -0.12801919,0.0255 -0.17492478,0.072 -0.0471222,0.0467 -0.0732094,0.10902 -0.0735117,0.17544 -3.1744e-4,0.0664 0.0252666,0.12888 0.0720428,0.17606 0.0467334,0.0471 0.10901492,0.0733 0.17540015,0.0735 h 0.0373173 l 0.49916262,-0.49489 z"
+       id="Fill-12"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       d="m 2.0222284,294.97973 c -0.09649,-0.0973 -0.2541814,-0.098 -0.3514916,-0.001 l -1.06125422,1.05218 c -0.097353,0.0965 -0.0980442,0.25418 -0.001508,0.35149 0.0964459,0.0974 0.25418058,0.0981 0.35149073,0.002 l 1.06125419,-1.0522 c 0.097354,-0.0965 0.097959,-0.25422 0.00151,-0.35153"
+       id="Fill-14"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       mask="url(#mask-3)"
+       id="Fill-1"
+       d="m 0.43515319,11.543509 -0.003787,1.132383 C 0.40485532,18.684338 5.2733447,23.592594 11.281792,23.617211 h 0.04545 c 5.987617,0.0019 10.869362,-4.855234 10.895873,-10.850426 l 0.0019,-0.38251 L 11.20226,0.86918936 Z"
+       transform="matrix(0.02280891,0,0,0.02280891,1.0535766,296.12645)" />
+    <path
+       d="m 1.0699136,296.38942 -2.381e-4,0.0488 c -6.348e-4,0.13704 0.1104411,0.24903 0.2474874,0.24955 0.065823,0.002 0.1288827,-0.0253 0.1760477,-0.072 0.047122,-0.0468 0.073209,-0.10907 0.073512,-0.17545 l 1.587e-4,-0.0317 -0.2514165,-0.26264 z"
+       id="Fill-4-3"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke-width:0.02280891" />
+  </g>
+</svg>

user/pages/03.nouvelle-section-2/02.recommandations/reco-n-5/item.md

@@ -1,8 +1,8 @@
 ---
 title: 'Philippe, CCFD-Terre Solidaire'
-media_order: oral.svg
+media_order: oral-red.svg
 ---
 
-[![](oral.svg)](https://www.facebook.com)
+[![](oral-red.svg)](https://www.facebook.com)
 
 « J'ai collaboré avec Emmanuel lorsque j'étais directeur. Je n'ai eu qu'à m'en féliciter : réactivité, inventivité, clarté des suggestions, fiabilité des budgets, maîtrise technique. Et, derrière l'homme discret, une belle expérience humaine et une passion pour son métier. »

user/pages/04.contact/01.profil/facebook-red.svg

@@ -0,0 +1,77 @@
+<?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"
+   width="10"
+   height="10"
+   viewBox="0 0 2.6458333 2.6458334"
+   version="1.1"
+   id="svg2227"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="facebook.svg">
+  <defs
+     id="defs2221">
+    <mask
+       fill="white"
+       id="mask-3">
+      <polygon
+         transform="matrix(0.75000002,0,0,-0.75000002,0,3375.0001)"
+         points="0.4312582,23.617021 22.225004,23.617021 22.225004,0.86918936 0.4312582,0.86918936 "
+         id="use15" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="-14.640805"
+     inkscape:cy="6.7196713"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2224">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-294.35415)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path160-8-5"
+       style="fill:#9d4630;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00076493"
+       d="m 2.4998215,296.99998 c 0.080624,0 0.1460181,-0.0654 0.1460181,-0.14602 v -2.35378 c 0,-0.0807 -0.065394,-0.14603 -0.1460181,-0.14603 H 0.14603322 c -0.08066163,0 -0.1460270788992,0.0654 -0.1460270788992,0.14603 v 2.35378 c 0,0.0806 0.065365448899,0.14602 0.1460270788992,0.14602 H 2.4998215" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path162-0-8"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00076493"
+       d="m 1.8255893,296.99998 v -1.02459 h 0.3439286 l 0.051487,-0.39932 H 1.8255893 v -0.25493 c 0,-0.11561 0.032097,-0.1944 0.1978873,-0.1944 l 0.2114582,-10e-5 v -0.35713 c -0.03658,-0.005 -0.1620971,-0.0157 -0.3081216,-0.0157 -0.3048705,0 -0.5135746,0.18608 -0.5135746,0.52782 v 0.29447 H 1.0684319 v 0.39932 h 0.3448067 v 1.02459 h 0.4123507" />
+  </g>
+</svg>

user/pages/04.contact/01.profil/items.md

@@ -1,6 +1,6 @@
 ---
 title: profil
-media_order: EC_BD_modif.png
+media_order: 'EC_BD_modif.png,facebook-red.svg'
 ---
 
 **LE STYLE DE L’OURS**
@@ -9,3 +9,4 @@ Emmanuel CAUCHOIS
 78300 POISSY
 Tél. : 06 03 23 08 42
 Email : lestyledelours@sfr.fr
+![](facebook-red.svg)

user/themes/le_style_de_lours_modif/scss/theme/_mixins.scss

@@ -74,7 +74,7 @@
           transform: rotate(90deg);
   position: absolute;
   top: -8px;
-  left: -90px;
+  left: -75px;
 }
 
 @mixin arrow{

user/themes/le_style_de_lours_modif/scss/theme/_start.scss

@@ -65,20 +65,18 @@ body {
 
 .item-etapes {
     position: relative;
-
     .title {
         @include triangle;
         pointer-events: none;
     }
-
     h4 {
         @include rotateH;
     }
-
     .content {
         overflow: hidden;
         position: relative;
         .txt {
+          z-index: 2;
             display: -webkit-inline-box;
             display: -ms-inline-flexbox;
             display: inline-flex;
@@ -120,7 +118,7 @@ body {
         }
     }
 
-    &:hover {
+    &:hover, &:focus, &:active {
         .txt {
             -webkit-transition: background 0.5s ease, -webkit-transform 0.5s ease;
             transition: background 0.5s ease, -webkit-transform 0.5s ease;
@@ -237,6 +235,10 @@ body {
                     align-items: flex-end;
             p{
               text-align: right!important;
+              img{
+                width: 15px;
+                margin-left: 5px;
+              }
             }
           }
           &:nth-of-type(2){

user/themes/le_style_de_lours_modif/scss/theme/_typography.scss

@@ -168,6 +168,9 @@ header {
   h4 {
     font-size: $h3;
     color: white;
+    font-family: $Regular-L;
+    text-transform: uppercase;
+    font-weight: normal;
   }
 
   .txt {

user/themes/le_style_de_lours_modif/templates/item-etapes.html.twig

@@ -1,6 +1,8 @@
 <div class="item-etapes blocks">
-
   <div class="content">
+    <div class="title">
+      <h4>{{child.title}}</h4>
+    </div>
     {% for images in child.media.images %}
     <div class="img">
       {{ images.html }}