bug h1 transition page

user/themes/gilles_acezat/images/burodesfomres.svg

@@ -0,0 +1,145 @@
+<?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="1686.601"
+   height="228.933"
+   viewBox="0 0 446.2465 60.571858"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="burodesfomres.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="765.91233"
+     inkscape:cy="243.38605"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-236.42811)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path854"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 0.26458335,295.92399 V 240.18157 H 13.895917 q 9.168694,0 13.306777,3.08328 4.219222,3.08328 4.219222,10.54806 0,2.43416 -0.567972,4.54377 -0.486834,2.02848 -1.298223,3.65125 -0.730249,1.62278 -1.785055,2.83987 -1.054806,1.21708 -2.109611,2.02847 3.407833,2.27189 4.949472,5.842 1.622778,3.57011 1.622778,8.27616 0,4.21923 -1.217084,7.05909 -1.217083,2.83986 -3.570111,4.62491 -2.353027,1.70392 -5.679722,2.51531 -3.245555,0.73025 -7.383638,0.73025 z m 8.51958295,-7.05908 h 5.2740277 q 2.353028,0 4.138084,-0.32456 1.785055,-0.40569 2.920999,-1.37936 1.217084,-1.05481 1.866195,-2.83986 0.649111,-1.78506 0.649111,-4.62492 0,-5.19289 -2.353028,-7.38364 -2.271889,-2.19075 -7.140222,-2.19075 H 8.7841663 Z m 0,-25.2342 h 4.9494727 q 2.19075,0 3.894666,-0.24341 1.703917,-0.24342 2.839861,-1.13595 1.135945,-0.89253 1.703917,-2.5153 0.649111,-1.62278 0.649111,-4.30037 0,-2.83986 -0.649111,-4.46263 -0.649111,-1.62278 -1.866194,-2.43417 -1.217084,-0.81139 -2.921,-1.05481 -1.703917,-0.24341 -3.894667,-0.24341 H 8.7841663 Z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path856"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 48.696891,252.02785 v 23.53028 q 0,4.70605 0.162278,7.62705 0.243416,2.921 0.811388,4.54378 0.567973,1.54164 1.622778,2.10961 1.054806,0.56797 2.677583,0.56797 3.732389,0 5.274028,-3.00213 1.541639,-3.08328 1.541639,-11.19717 v -24.17939 h 8.032749 v 43.89614 h -6.085416 l -1.785055,-4.30036 q -1.866195,2.59644 -4.3815,3.89466 -2.434167,1.21709 -5.598583,1.21709 -5.760861,0 -8.03275,-4.13809 -2.271889,-4.21922 -2.271889,-15.49752 v -25.07192 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path858"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 78.222575,295.92399 v -43.89614 h 6.085416 l 1.703917,4.30036 q 2.028472,-3.00214 5.11175,-4.13808 3.164416,-1.13595 6.653388,-0.73025 v 7.05908 q -0.486833,-0.16228 -1.054805,-0.16228 -0.567973,-0.0811 -1.135945,-0.0811 -3.894666,0 -6.653388,2.35302 -2.758723,2.35303 -2.758723,8.84414 v 26.45128 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path860"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 100.61817,273.85421 q 0,-12.41425 3.40783,-17.526 3.48897,-5.11175 11.684,-5.11175 8.27616,0 11.684,5.11175 3.48897,5.11175 3.48897,17.526 0,12.33311 -3.48897,17.60714 -3.40784,5.27403 -11.684,5.27403 -8.19503,0 -11.684,-5.27403 -3.40783,-5.27403 -3.40783,-17.60714 z m 8.03275,0 q 0,9.73667 1.4605,13.1445 1.4605,3.40783 5.59858,3.40783 4.13808,0 5.59858,-3.40783 1.54164,-3.40783 1.54164,-13.1445 0,-9.73666 -1.54164,-12.98222 -1.4605,-3.32669 -5.59858,-3.32669 -4.13808,0 -5.59858,3.32669 -1.4605,3.24556 -1.4605,12.98222 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path862"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 159.03689,236.6926 h 7.87047 v 52.01003 l 0.97367,7.22136 h -7.22136 l -0.89253,-3.89467 q -2.10961,2.27189 -4.62491,3.48897 -2.43417,1.21709 -5.67973,1.21709 -6.49111,0 -9.16869,-5.35517 -2.67758,-5.4363 -2.67758,-17.20144 0,-11.35945 2.59644,-17.12031 2.59645,-5.842 9.49325,-5.842 3.57011,0 5.76086,1.54164 2.19075,1.4605 3.57011,3.57011 z m 0.16228,37.32389 q 0,-9.49325 -1.70392,-12.98222 -1.70391,-3.48897 -5.51744,-3.48897 -3.89467,0 -5.19289,3.40783 -1.29822,3.40783 -1.29822,12.90108 0,9.65553 1.29822,13.1445 1.29822,3.40783 5.19289,3.40783 3.81353,0 5.51744,-3.40783 1.70392,-3.48897 1.70392,-12.98222 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path864"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 189.62499,290.40654 q 2.67758,0 4.13808,-1.70391 1.4605,-1.70392 1.94734,-6.32884 h 7.87047 q -1.05481,7.62706 -4.30036,11.03489 -3.24556,3.3267 -9.73667,3.3267 -7.70819,0 -11.11603,-5.27403 -3.32669,-5.27403 -3.32669,-17.60714 0,-12.33311 3.40783,-17.44486 3.40784,-5.19289 11.11603,-5.19289 4.21922,0 6.97794,1.4605 2.83987,1.4605 4.46264,4.21922 1.62278,2.75873 2.27189,6.89681 0.73025,4.05694 0.73025,9.41211 v 2.75872 h -20.93383 q 0.16228,8.43845 1.4605,11.44059 1.37936,3.00213 5.03061,3.00213 z m 0,-32.86124 q -3.40783,0 -4.86833,2.59644 -1.37936,2.59644 -1.54164,9.89894 h 12.81994 q -0.16228,-7.3025 -1.62278,-9.89894 -1.4605,-2.59644 -4.78719,-2.59644 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path866"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 238.06364,285.13252 q 0,5.27402 -3.24555,8.43844 -3.24556,3.16442 -9.73667,3.16442 -6.97794,0 -10.14236,-3.89467 -3.08328,-3.89467 -3.32669,-10.46692 h 7.22136 q 0.16227,4.05695 1.54163,6.08542 1.4605,1.94733 4.46264,1.94733 2.59645,0 3.97581,-1.37936 1.4605,-1.37936 1.4605,-3.9758 0,-3.16442 -2.27189,-5.11175 -2.27189,-1.94734 -5.35517,-3.81353 -3.40783,-2.10961 -6.73452,-5.03061 -3.24556,-2.921 -3.24556,-8.51958 0,-5.19289 3.24556,-8.19503 3.32669,-3.08328 9.00641,-3.08328 6.2477,0 9.41211,3.65125 3.16442,3.57011 3.48898,10.6292 h -7.22137 q -0.24341,-4.13809 -1.54163,-6.08542 -1.21709,-1.94733 -3.89467,-1.94733 -2.19075,0 -3.57011,1.37936 -1.29822,1.29822 -1.29822,3.81352 0,2.59645 1.78505,4.3815 1.78506,1.70392 4.70606,3.48898 4.54377,2.5153 7.87047,5.51744 3.40783,3.00214 3.40783,9.00642 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path868"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 255.06857,295.92399 h -7.95161 v -37.56731 h -4.94947 v -6.32883 h 5.19289 v -0.97367 q 0,-4.46263 0.97367,-7.22136 0.97366,-2.83986 2.83986,-4.3815 1.94733,-1.62277 4.78719,-2.19075 2.83986,-0.56797 6.49111,-0.56797 v 6.32884 q -2.02847,0 -3.40783,0.24341 -1.29822,0.16228 -2.19075,0.89253 -0.81139,0.73025 -1.21708,2.19075 -0.32456,1.4605 -0.32456,4.05694 v 1.62278 h 7.22136 v 6.32883 h -7.46478 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path870"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 265.59002,273.85421 q 0,-12.41425 3.40783,-17.526 3.48898,-5.11175 11.684,-5.11175 8.27617,0 11.684,5.11175 3.48898,5.11175 3.48898,17.526 0,12.33311 -3.48898,17.60714 -3.40783,5.27403 -11.684,5.27403 -8.19502,0 -11.684,-5.27403 -3.40783,-5.27403 -3.40783,-17.60714 z m 8.03275,0 q 0,9.73667 1.4605,13.1445 1.4605,3.40783 5.59858,3.40783 4.13809,0 5.59859,-3.40783 1.54164,-3.40783 1.54164,-13.1445 0,-9.73666 -1.54164,-12.98222 -1.4605,-3.32669 -5.59859,-3.32669 -4.13808,0 -5.59858,3.32669 -1.4605,3.24556 -1.4605,12.98222 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path872"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 304.04856,295.92399 v -43.89614 h 6.08542 l 1.70391,4.30036 q 2.02847,-3.00214 5.11175,-4.13808 3.16442,-1.13595 6.65339,-0.73025 v 7.05908 q -0.48683,-0.16228 -1.0548,-0.16228 -0.56798,-0.0811 -1.13595,-0.0811 -3.89467,0 -6.65339,2.35302 -2.75872,2.35303 -2.75872,8.84414 v 26.45128 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path874"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 328.43842,295.92399 v -43.89614 h 6.16655 l 1.78506,4.30036 q 1.62278,-2.10961 4.13808,-3.57011 2.51531,-1.54164 5.842,-1.54164 2.27189,0 4.30036,1.05481 2.10961,1.0548 3.48898,4.21922 1.94733,-2.51531 4.54377,-3.89467 2.59645,-1.37936 6.57225,-1.37936 5.67973,0 7.62706,4.3815 2.02847,4.3815 2.02847,15.74095 v 24.58508 h -8.03275 v -24.01711 q 0,-4.3815 -0.16228,-7.14022 -0.16227,-2.83986 -0.64911,-4.46264 -0.40569,-1.62278 -1.37936,-2.19075 -0.89253,-0.56797 -2.43417,-0.56797 -1.62277,0 -2.921,0.48683 -1.21708,0.40569 -2.02847,1.78505 -0.81139,1.37937 -1.21708,3.81353 -0.4057,2.35303 -0.4057,6.32884 v 25.96444 h -8.03274 v -24.01711 q 0,-8.84414 -0.81139,-11.60286 -0.81139,-2.75872 -3.89467,-2.75872 -3.65125,0 -5.11175,3.32669 -1.37936,3.24556 -1.37936,11.03489 v 24.01711 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path876"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 397.54339,290.40654 q 2.67758,0 4.13808,-1.70391 1.4605,-1.70392 1.94733,-6.32884 h 7.87047 q -1.0548,7.62706 -4.30036,11.03489 -3.24555,3.3267 -9.73666,3.3267 -7.7082,0 -11.11603,-5.27403 -3.32669,-5.27403 -3.32669,-17.60714 0,-12.33311 3.40783,-17.44486 3.40783,-5.19289 11.11603,-5.19289 4.21922,0 6.97794,1.4605 2.83986,1.4605 4.46264,4.21922 1.62278,2.75873 2.27189,6.89681 0.73025,4.05694 0.73025,9.41211 v 2.75872 h -20.93383 q 0.16227,8.43845 1.4605,11.44059 1.37936,3.00213 5.03061,3.00213 z m 0,-32.86124 q -3.40784,0 -4.86834,2.59644 -1.37936,2.59644 -1.54164,9.89894 h 12.81995 q -0.16228,-7.3025 -1.62278,-9.89894 -1.4605,-2.59644 -4.78719,-2.59644 z" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path878"
+       style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;line-height:1.25;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 445.98204,285.13252 q 0,5.27402 -3.24556,8.43844 -3.24555,3.16442 -9.73666,3.16442 -6.97795,0 -10.14236,-3.89467 -3.08328,-3.89467 -3.3267,-10.46692 h 7.22136 q 0.16228,4.05695 1.54164,6.08542 1.4605,1.94733 4.46264,1.94733 2.59644,0 3.9758,-1.37936 1.4605,-1.37936 1.4605,-3.9758 0,-3.16442 -2.27188,-5.11175 -2.27189,-1.94734 -5.35517,-3.81353 -3.40783,-2.10961 -6.73453,-5.03061 -3.24555,-2.921 -3.24555,-8.51958 0,-5.19289 3.24555,-8.19503 3.3267,-3.08328 9.00642,-3.08328 6.24769,0 9.41211,3.65125 3.16442,3.57011 3.48897,10.6292 h -7.22136 q -0.24342,-4.13809 -1.54164,-6.08542 -1.21708,-1.94733 -3.89466,-1.94733 -2.19075,0 -3.57012,1.37936 -1.29822,1.29822 -1.29822,3.81352 0,2.59645 1.78506,4.3815 1.78505,1.70392 4.70605,3.48898 4.54378,2.5153 7.87047,5.51744 3.40784,3.00214 3.40784,9.00642 z" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19.7555542px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="-55.940475"
+       y="157.90474"
+       id="text16"><tspan
+         sodipodi:role="line"
+         id="tspan14"
+         x="-55.940475"
+         y="157.90474"
+         style="stroke-width:0.26458332">  </tspan></text>
+    <text
+       id="text852"
+       y="210.388"
+       x="-5.4363055"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19.7555542px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:81.1388855px;font-family:Secuela;-inkscape-font-specification:'Secuela Medium';fill:#ffffff;stroke:#000000;stroke-width:0.5291667;stroke-miterlimit:4;stroke-dasharray:none"
+         y="210.388"
+         x="-5.4363055"
+         id="tspan850"
+         sodipodi:role="line">Burodesformes</tspan></text>
+  </g>
+</svg>

user/themes/gilles_acezat/js/site.js

@@ -67,8 +67,8 @@ function contact() {
     })
 }
 
+var $page = $('#page-wrapper.blog');
 function customscroll($page_item) {
-  var $page = $('#page-wrapper.blog');
   var $page_item = $("body.blog #start, body.item");
 
   $page_item.mCustomScrollbar({
@@ -104,10 +104,41 @@ function customscroll($page_item) {
   });
 }
 
+function clickscroll() {
+  var $btnscroll = $('.scroll');
+  $btnscroll.on('click', function() {
+    $page.addClass("down");
+  })
+}
+
+function transitionPage() {
+  // var $links = $('a');
+  // $links.on('click', function(e) {
+  //   var $link = $(this).attr("href");
+  //   setTimeout(function() {
+  //     window.location.href = $link;
+  //   }, 10000);
+  //
+  //   $links.parents('#top').fadeOut()
+  // })
+
+  $("a:not(.filter)").click(function(e) {
+		var link = $(this).attr("href");
+    $(this).parents('#top').fadeOut()
+    setTimeout(function() {
+        window.location.href = link;
+    }, 600);
+    e.preventDefault();
+});
+    $('#top').fadeIn(1000).removeClass('hidden');
+}
+
 jQuery(document).ready(function($) {
     masonry();
     filteritem();
     contact();
     customscroll();
-
+    clickscroll();
+    transitionPage();
+    // $('#top').fadeIn();
 });

user/themes/gilles_acezat/scss/configurations/_animation.scss

@@ -92,22 +92,18 @@
 
 @-webkit-keyframes reducH{
   0%{
-    font-size: $fh1;
-    -webkit-text-stroke : 2px black;
-    color: transparent;
-    line-height: 5rem;
+    fill: white!important;
+    stroke-width:3!important;
   }
 
   70%{
-    -webkit-text-stroke : 1px black;
-    color: black;
+    // -webkit-text-stroke : 1px black;
+    // color: black;
   }
 
   100%{
-    font-size: $min-h1;
-    -webkit-text-stroke : 0px black;
-    color: black;
-    line-height: 5rem;
+    fill: black!important;
+    stroke-width:0!important;
   }
 }
 

user/themes/gilles_acezat/scss/theme/_header.scss

@@ -4,24 +4,32 @@ body {
     margin: 0 10px;
       header {
           height:100vh;
-          width: calc(100% - 20px);
-          display: -webkit-inline-box;
-          display: -ms-inline-flexbox;
+          width: calc(100% - 22px);
           display: inline-flex;
-          -webkit-box-orient: vertical;
-          -webkit-box-direction: normal;
-              -ms-flex-direction: column;
-                  flex-direction: column;
-          -ms-flex-line-pack: distribute;
-              align-content: space-around;
+          flex-direction: column;
+          align-content: space-around;
           & > div{
             position: fixed;
-            width: calc(100% - 20px);
             &.head{
               z-index: 999;
-              padding-top: 4vw;
+              padding-top: 25px;
+              width: inherit;
+              .svg-container {
+                display: inline-block;
+                position: relative;
+                width: calc( ( 100% / 3 ) * 2 - 22px ) ;
+                padding-bottom: 9%;
+                vertical-align: middle;
+                overflow: hidden;
+                .svg-content {
+                  display: inline-block;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                }
+              }
               h2 {
-                margin-left: 8px;
+                margin-left: -4px;
                 position: absolute;
                 left: 0;
               }
@@ -34,15 +42,11 @@ body {
               }
             }
             &.works-mea {
-              display: -webkit-inline-box;
-              display: -ms-inline-flexbox;
               display: inline-flex;
-              -ms-flex-item-align: end;
-                  align-self: flex-end;
-              height: calc(100% - 20px);
-              -webkit-box-align: end;
-                  -ms-flex-align: end;
-                      align-items: flex-end;
+              align-self: flex-end;
+              height: calc(100% - 25px);
+              align-items: flex-end;
+              width: inherit;
               .card{
                 &:nth-child(2){
                   margin:0 10px;
@@ -55,24 +59,33 @@ body {
             &.scroll{
               bottom: 0;
               text-align: center;
+              width: inherit;
             }
           }
       }
       &.down{
         header{
-          height: 5rem;
           .head{
-            padding:0;
-            -webkit-transition: all 1s 0.9s ease;
-            transition: all 1s 0.9s ease;
+            .svg-container {
+              width: 250px;
+              transition: all 1s 0.9s ease;
+              padding-bottom: calc(70px - 7px);
+              .svg-content {
+                path{
+                  transition: all 1s 0.9s ease;
+                  fill: black!important;
+                  stroke-width:0!important;
+                }
+              }
+            }
             &::after{
               -webkit-animation: showborder 2.5s 1.5s ease forwards;
                       animation: showborder 2.5s 1.5s ease forwards;
             }
+
             h2{
               opacity: 0;
               left: -40%;
-              -webkit-transition: left 3s linear, opacity 0.3s 0.1s ease;
               transition: left 3s linear, opacity 0.3s 0.1s ease;
             }
           }
@@ -92,7 +105,6 @@ body {
         }
         .scroll{
           opacity: 0;
-          -webkit-transition: all 1s ease;
           transition: all 1s ease;
         }
       }
@@ -107,12 +119,10 @@ body {
   position: fixed;
   top: 0px;
   right: 0px;
-  -webkit-transition: width 0.5s ease;
   transition: width 0.5s ease;
   cursor: pointer;
   &:hover{
     width: 80px;
-    -webkit-transition: width 0.5s ease;
     transition: width 0.5s ease;
   }
   svg{
@@ -136,14 +146,12 @@ body {
     -webkit-transform: scale(15);
             transform: scale(15);
     height: auto;
-    -webkit-transition: -webkit-transform 0.5s ease;
     transition: -webkit-transform 0.5s ease;
     transition: transform 0.5s ease;
     transition: transform 0.5s ease, -webkit-transform 0.5s ease;
     h3{
       color: transparent;
       left: 500px;
-      -webkit-transition: visibility 0.5 ease left 1s ease;
       transition: visibility 0.5 ease left 1s ease;
     }
     svg{
@@ -165,7 +173,6 @@ body {
   &.close{
     -webkit-transform: scale(1);
             transform: scale(1);
-    -webkit-transition: -webkit-transform 0.5s 0.1s ease;
     transition: -webkit-transform 0.5s 0.1s ease;
     transition: transform 0.5s 0.1s ease;
     transition: transform 0.5s 0.1s ease, -webkit-transform 0.5s 0.1s ease;
@@ -178,11 +185,9 @@ body {
                 animation: translateleft 1s ease forwards;
     }
     h3{
-      -webkit-transition: color 0.5s 0.5s ease, left 0.5s ease;
       transition: color 0.5s 0.5s ease, left 0.5s ease;
     }
     &:hover{
-      -webkit-transition: -webkit-transform 0.5s ease!important;
       transition: -webkit-transform 0.5s ease!important;
       transition: transform 0.5s ease!important;
       transition: transform 0.5s ease, -webkit-transform 0.5s ease!important;
@@ -195,6 +200,9 @@ body {
 body {
   #page-wrapper.item {
     header {
+      z-index: 999;
+      padding-top: 25px;
+      width: inherit;
       border-bottom: 1px solid black;
       position: fixed;
       height: 5rem;
@@ -203,9 +211,22 @@ body {
       left: 10px;
       right: 10px;
       z-index: 999;
+        .head{
+          .svg-container {
+            width: 250px;
+            transition: all 1s 0.9s ease;
+            .svg-content {
+              path{
+                transition: all 1s 0.9s ease;
+                fill: black!important;
+                stroke-width:0!important;
+              }
+            }
+          }
+        }
       h1 {
-        color: black;
-        line-height: 5rem;
+        // color: black;
+        // line-height: 5rem;
       }
       h2, .scroll {
         display: none;

user/themes/gilles_acezat/scss/theme/_home.scss

@@ -4,13 +4,6 @@
         width: 100%;
         z-index: 999;
         left: -100%;
-        &::before{
-          display: block;
-          content: " ";
-          width: 0%;
-          height: 1px;
-          background: black;
-        }
         &::after {
           display: block;
           content: " ";
@@ -28,18 +21,21 @@
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
-            margin-right: 10px;
-            &::after{
-              width: 5px;
-              content: " ";
-            }
-            &:hover{
+            .btn a{
+              margin-right: 10px;
               &::after{
-                content: "\002022";
+                position: absolute;
+                content: " ";
+                width: 5px;
+              }
+              &:hover, &.active{
+                &::after{
+                  content: "\002022";
+                }
+              }
+              input{
+                display: none;
               }
-            }
-            input{
-              display: none;
             }
           }
         }

user/themes/gilles_acezat/scss/theme/_typography.scss

@@ -33,14 +33,8 @@ time{
 }
 
 .blog{
-  h1{
-    font-size: $fh1;
-    line-height: 5vw;
-    -webkit-text-stroke: 2px black;
-    color: transparent;
-  }
   h2{
-    line-height: 8vw;
+    line-height: 6vw;
   }
   &.down{
     h1{

user/themes/gilles_acezat/scss/theme/all.scss

@@ -30,3 +30,10 @@ html, body{
     }
   }
 }
+
+.scroll{
+  cursor: pointer;
+}
+#top{
+  display: none;
+}

user/themes/gilles_acezat/scss/theme/item.scss

@@ -44,7 +44,7 @@ body{
           width: calc(100% / 3);
           height: 100%;
           position: absolute;
-          top: calc( 50% + 10px );
+          top: calc( 50% + 1.5rem );
           -webkit-transform: translateY(-50%);
                   transform: translateY(-50%);
           right: 0px;

user/themes/gilles_acezat/scss/theme/mobile.scss

@@ -1,4 +1,5 @@
 @media screen and (max-width: 960px) {
+
   .works-mea{
     & > div:last-child{
       display: none;

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

@@ -43,7 +43,83 @@
         <header class="section">
             <div class="head">
                 <nav class="title">
-                  <a href="/"><h1>{{site.title|capitalize}}</h1>
+                    <a href="/">
+                      <div class="svg-container">
+                        <svg
+                           version="1.1"
+                           viewBox="0 0 1700 230"
+                           preserveAspectRatio="xMinYMin meet"
+                           class="svg-content"
+                           shape-rendering="geometricPrecision"
+                           >
+                          <path
+                             d="M 1,224.86667 V 14.186658 h 51.52 q 34.653332,0 50.29333,11.653342 15.94667,11.653341 15.94667,39.866682 0,9.199975 -2.14667,17.173304 -1.84,7.666696 -4.90667,13.8 -2.76,6.133344 -6.74666,10.733364 -3.98667,4.59999 -7.973337,7.66666 12.879997,8.58667 18.706667,22.08 6.13333,13.49333 6.13333,31.27997 0,15.9467 -4.6,26.68003 -4.6,10.73333 -13.49333,17.47997 -8.893333,6.44002 -21.466668,9.50669 -12.266664,2.76 -27.906663,2.76 z m 32.199998,-26.67999 h 19.933333 q 8.893334,0 15.640002,-1.22668 6.746665,-1.53332 11.039996,-5.21333 4.600003,-3.98669 7.053335,-10.73333 2.453333,-6.74668 2.453333,-17.48001 0,-19.62667 -8.893334,-27.90667 -8.586667,-8.28 -26.986665,-8.28 h -20.24 z m 0,-95.37335 h 18.706668 q 8.28,0 14.719998,-0.91998 6.440001,-0.92001 10.733332,-4.293351 4.293336,-3.373342 6.440001,-9.506646 2.453333,-6.133342 2.453333,-16.253367 0,-10.733329 -2.453333,-16.866632 -2.453332,-6.133342 -7.053331,-9.200013 -4.600003,-3.066671 -11.04,-3.986683 -6.440001,-0.919975 -14.720001,-0.919975 H 33.199998 Z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path854"
+                             />
+                          <path
+                             d="m 184.05124,58.959999 v 88.933341 q 0,17.78664 0.61333,28.82664 0.92,11.04 3.06667,17.17335 2.14667,5.82667 6.13333,7.97333 3.98667,2.14665 10.12,2.14665 14.10667,0 19.93333,-11.34663 5.82667,-11.65334 5.82667,-42.32001 V 58.959999 h 30.36 V 224.86667 h -23 l -6.74667,-16.25333 q -7.05333,9.81331 -16.56,14.71997 -9.2,4.60003 -21.15999,4.60003 -21.77334,0 -30.36,-15.64003 -8.58667,-15.94665 -8.58667,-58.5733 V 58.959999 Z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path856"
+                             />
+                          <path
+                             d="M 295.64437,224.86667 V 58.959999 h 23 l 6.44,16.253329 q 7.66667,-11.346671 19.32,-15.639987 11.96,-4.293354 25.14666,-2.76 v 26.679987 q -1.83999,-0.613342 -3.98666,-0.613342 -2.14667,-0.30652 -4.29334,-0.30652 -14.71999,0 -25.14666,8.893304 -10.42667,8.89334 -10.42667,33.42667 v 99.97334 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path858"
+                             />
+                          <path
+                             d="m 380.28914,141.45333 q 0,-46.920002 12.87999,-66.240002 13.18666,-19.32 44.16,-19.32 31.27997,0 44.16,19.32 13.18665,19.32 13.18665,66.240002 0,46.61333 -13.18665,66.54667 -12.88003,19.93334 -44.16,19.93334 -30.97334,0 -44.16,-19.93334 -12.87999,-19.93334 -12.87999,-66.54667 z m 30.36,0 q 0,36.80001 5.52,49.68 5.52,12.87998 21.15999,12.87998 15.63998,0 21.15998,-12.87998 5.82667,-12.87999 5.82667,-49.68 0,-36.79998 -5.82667,-49.066661 -5.52,-12.573316 -21.15998,-12.573316 -15.63999,0 -21.15999,12.573316 -5.52,12.266681 -5.52,49.066661 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path860"
+                             />
+                          <path
+                             d="m 601.0843,1 h 29.74666 v 196.57334 l 3.68001,27.29333 h -27.29333 l -3.37334,-14.72001 q -7.97333,8.58667 -17.47998,13.18665 -9.20001,4.60003 -21.46669,4.60003 -24.53333,0 -34.65332,-20.24001 -10.11998,-20.54665 -10.11998,-65.01332 0,-42.933353 9.81331,-64.706682 9.81336,-22.08 35.88,-22.08 13.49333,0 21.77333,5.826671 8.28,5.52 13.49333,13.493329 z m 0.61334,141.06667 q 0,-35.88 -6.44001,-49.066659 -6.43998,-13.186658 -20.85332,-13.186658 -14.72001,0 -19.62667,12.879987 -4.90666,12.87999 -4.90666,48.75999 0,36.49334 4.90666,49.68 4.90666,12.87998 19.62667,12.87998 14.41334,0 20.85332,-12.87998 6.44001,-13.18666 6.44001,-49.06666 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path862"
+                             />
+                          <path
+                             d="m 716.69286,204.01331 q 10.11999,0 15.63999,-6.43997 5.52,-6.44001 7.36003,-23.92003 h 29.74665 q -3.98668,28.82669 -16.25332,41.70667 -12.26669,12.57336 -36.80002,12.57336 -29.13331,0 -42.01334,-19.93334 -12.57331,-19.93334 -12.57331,-66.54667 0,-46.613331 12.87998,-65.933331 12.88003,-19.626671 42.01334,-19.626671 15.94666,0 26.37332,5.52 10.73337,5.52 16.86667,15.946658 6.13334,10.426696 8.58667,26.066684 2.76,15.33332 2.76,35.57333 v 10.42666 h -79.11998 q 0.61334,31.89335 5.52,43.24002 5.21332,11.34663 19.01332,11.34663 z m 0,-124.199957 q -12.87998,0 -18.39998,9.813317 -5.21333,9.813316 -5.82667,37.41332 h 48.45331 q -0.61334,-27.600004 -6.13334,-37.41332 -5.52,-9.813317 -18.09332,-9.813317 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path864"
+                             />
+                          <path
+                             d="m 899.76807,184.08001 q 0,19.9333 -12.26664,31.89332 -12.26668,11.96001 -36.80001,11.96001 -26.37332,0 -38.33333,-14.72001 -11.65334,-14.72002 -12.57332,-39.56002 h 27.29333 q 0.6133,15.33336 5.82663,23.00002 5.52,7.35998 16.86667,7.35998 9.81336,0 15.02669,-5.21333 5.52,-5.21332 5.52,-15.02664 0,-11.96001 -8.58667,-19.32 -8.58667,-7.36003 -20.24002,-14.41334 -12.87998,-7.97333 -25.4533,-19.01333 -12.26668,-11.04 -12.26668,-32.199988 0,-19.626671 12.26668,-30.973341 12.57332,-11.653342 34.03997,-11.653342 23.61336,0 35.57333,13.8 11.96002,13.493329 13.1867,40.173351 h -27.29337 q -0.91997,-15.640022 -5.82663,-23.00001 -4.60003,-7.359987 -14.72001,-7.359987 -8.28,0 -13.49333,5.213329 -4.90666,4.906658 -4.90666,14.413304 0,9.813354 6.74665,16.560004 6.74668,6.44001 17.78668,13.18669 17.1733,9.50665 29.74666,20.85332 12.87998,11.34667 12.87998,34.04001 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path866"
+                             />
+                          <path
+                             d="M 964.03867,224.86667 H 933.98535 V 82.879986 H 915.27869 V 58.959999 h 19.62667 v -3.680012 q 0,-16.866633 3.68001,-27.293329 3.67998,-10.733329 10.73333,-16.56 7.35999,-6.1333037 18.09332,-8.2799997 Q 978.14535,1 991.94535,1 v 23.920025 q -7.66666,0 -12.87999,0.919975 -4.90666,0.613341 -8.28,3.373341 -3.06667,2.76 -4.59999,8.28 -1.22668,5.52 -1.22668,15.333317 v 6.133341 h 27.29333 v 23.919987 h -28.21335 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path868"
+                             />
+                          <path
+                             d="m 1003.8048,141.45333 q 0,-46.920002 12.88,-66.240002 13.1867,-19.32 44.16,-19.32 31.28,0 44.16,19.32 13.1867,19.32 13.1867,66.240002 0,46.61333 -13.1867,66.54667 -12.88,19.93334 -44.16,19.93334 -30.9733,0 -44.16,-19.93334 -12.88,-19.93334 -12.88,-66.54667 z m 30.36,0 q 0,36.80001 5.52,49.68 5.52,12.87998 21.16,12.87998 15.64,0 21.16,-12.87998 5.8267,-12.87999 5.8267,-49.68 0,-36.79998 -5.8267,-49.066661 -5.52,-12.573316 -21.16,-12.573316 -15.64,0 -21.16,12.573316 -5.52,12.266681 -5.52,49.066661 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path870"
+                             />
+                          <path
+                             d="M 1149.1599,224.86667 V 58.959999 h 23 l 6.44,16.253329 q 7.6666,-11.346671 19.32,-15.639987 11.96,-4.293354 25.1467,-2.76 v 26.679987 q -1.84,-0.613342 -3.9867,-0.613342 -2.1467,-0.30652 -4.2933,-0.30652 -14.7201,0 -25.1467,8.893304 -10.4267,8.89334 -10.4267,33.42667 v 99.97334 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path872"
+                             />
+                          <path
+                             d="M 1241.342,224.86667 V 58.959999 h 23.3067 l 6.7467,16.253329 q 6.1333,-7.973329 15.64,-13.493329 9.5066,-5.826671 22.08,-5.826671 8.5866,0 16.2533,3.986684 7.9733,3.986645 13.1867,15.946658 7.36,-9.506684 17.1733,-14.720013 9.8133,-5.213329 24.84,-5.213329 21.4667,0 28.8267,16.56 7.6666,16.56 7.6666,59.493352 v 92.91999 h -30.36 v -90.77333 q 0,-16.56 -0.6133,-26.98666 -0.6133,-10.733327 -2.4533,-16.866669 -1.5334,-6.133341 -5.2134,-8.28 -3.3733,-2.146658 -9.2,-2.146658 -6.1333,0 -11.04,1.839988 -4.6,1.533316 -7.6666,6.746645 -3.0667,5.213367 -4.6,14.413344 -1.5334,8.89334 -1.5334,23.92002 v 98.13332 h -30.3599 v -90.77333 q 0,-33.42667 -3.0667,-43.853329 -3.0667,-10.426658 -14.72,-10.426658 -13.8,0 -19.32,12.573316 -5.2134,12.266681 -5.2134,41.706671 v 90.77333 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path874"
+                             />
+                          <path
+                             d="m 1502.5262,204.01331 q 10.12,0 15.64,-6.43997 5.52,-6.44001 7.3599,-23.92003 h 29.7467 q -3.9866,28.82669 -16.2533,41.70667 -12.2667,12.57336 -36.8,12.57336 -29.1333,0 -42.0133,-19.93334 -12.5734,-19.93334 -12.5734,-66.54667 0,-46.613331 12.88,-65.933331 12.88,-19.626671 42.0134,-19.626671 15.9466,0 26.3733,5.52 10.7333,5.52 16.8667,15.946658 6.1333,10.426696 8.5866,26.066684 2.76,15.33332 2.76,35.57333 v 10.42666 h -79.12 q 0.6134,31.89335 5.52,43.24002 5.2134,11.34663 19.0134,11.34663 z m 0,-124.199957 q -12.8801,0 -18.4,9.813317 -5.2134,9.813316 -5.8267,37.41332 h 48.4533 q -0.6133,-27.600004 -6.1333,-37.41332 -5.52,-9.813317 -18.0933,-9.813317 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path876"
+                             />
+                          <path
+                             d="m 1685.6014,184.08001 q 0,19.9333 -12.2667,31.89332 -12.2666,11.96001 -36.8,11.96001 -26.3733,0 -38.3333,-14.72001 -11.6533,-14.72002 -12.5734,-39.56002 h 27.2934 q 0.6133,15.33336 5.8266,23.00002 5.52,7.35998 16.8667,7.35998 9.8133,0 15.0267,-5.21333 5.52,-5.21332 5.52,-15.02664 0,-11.96001 -8.5867,-19.32 -8.5866,-7.36003 -20.24,-14.41334 -12.88,-7.97333 -25.4533,-19.01333 -12.2667,-11.04 -12.2667,-32.199988 0,-19.626671 12.2667,-30.973341 12.5733,-11.653342 34.04,-11.653342 23.6133,0 35.5733,13.8 11.96,13.493329 13.1867,40.173351 h -27.2934 q -0.92,-15.640022 -5.8266,-23.00001 -4.6,-7.359987 -14.72,-7.359987 -8.28,0 -13.4934,5.213329 -4.9066,4.906658 -4.9066,14.413304 0,9.813354 6.7467,16.560004 6.7466,6.44001 17.7866,13.18669 17.1733,9.50665 29.7467,20.85332 12.88,11.34667 12.88,34.04001 z"
+                             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
+                             id="path878"
+                             />
+                        </svg>
+                      </div>
+                    </a>
                   <h2>{{site.header.status|upper}}</h2></a>
                 </nav>
                 <div class="contact">
@@ -64,7 +140,29 @@
               {% endfor %}
           </div>
           <div class="scroll">
-            <p>scroll</p>
+            <p>
+              <!-- <svg
+                 version="1.1"
+                 id="svg942"
+                 width="14.285693"
+                 height="21.176479">
+                <path
+                   d="M 7.2954407,1.0142422 7.1691705,19.380554 M 1.0081461,10.47474 7.1691705,19.380554 13.277893,9.9696436"
+                   style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              </svg> -->
+
+              <svg
+                 version="1.1"
+                 width="9.2404556"
+                 height="8.180007">
+                <path
+                   inkscape:connector-curvature="0"
+                   id="path984"
+                   d="M 0.50358559,0.50617384 4.6454375,7.6800572 8.7368705,0.59348093"
+                   style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              </svg>
+
+              </p>
           </div>
         </header>
     {% endblock %}
@@ -77,11 +175,7 @@
           </div>
 
         {% block body %}
-            <section id="body-wrapper">
-                <section>
-                    {% block content %}{% endblock %}
-                </section>
-            </section>
+            {% block content %}{% endblock %}
         {% endblock %}
         </section>
 </div>

user/themes/gilles_acezat/templates/partials/blog-item.html.twig

@@ -83,8 +83,17 @@
 </div>
 
   <div class="top">
-    <a href="">
-      <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt="">
+      <!-- <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt=""> -->
+      <svg
+         version="1.1"
+         width="9.2404556"
+         height="8.180007">
+      <path
+         style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 8.7368705,7.6738333 4.5950186,0.49994998 0.50358559,7.5865262"
+         id="path995"
+         inkscape:connector-curvature="0" />
+      </svg>
+
       <p>top</p>
-    </a>
   </div>

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

@@ -1,12 +1,15 @@
 {% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
 
 {% if taxlist %}
+<div data-toggle="buttons" class="btn-group">
+    <label class="btn btn-default">
+      <a class="filter" href="#" data-filter="">Tous</a>
+    </label>
     {% for tax,value in taxlist[taxonomy] %}
         {% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
-        <div data-toggle="buttons" class="btn-group">
           <label class="btn btn-default">
-            <a href="#" data-filter="{{ tax }}">{{tax}}</a>
+            <a class="filter" href="#" data-filter="{{ tax }}">{{tax}}</a>
           </label>
-        </div>
     {% endfor %}
+  </div>
 {% endif %}