modif css

fixperms.sh

@@ -1,9 +1,6 @@
 #!/bin/sh
-chgrp www .
-chgrp -R www *
-sh -c "find . -type f | xargs chmod 664"
-sh -c "find ./bin -type f | xargs chmod 775"
-sh -c "find . -type d | xargs chmod 775"
-sh -c "find . -type d | xargs chmod +s"
-sh -c"umask 0002"
-chmod +x fixperms.sh
+chown -R 1000:www-data .
+find . -type f -exec chmod 664 {} \;
+find ./bin -type f -exec chmod 775 {} \;
+find . -type d -exec chmod 775 {} \;
+find . -type d -exec chmod +s {} \;

user/themes/figureslibres/css/css-compiled/css/bricklayer.css

@@ -0,0 +1,49 @@
+.bricklayer {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: start;
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+.bricklayer-column-sizer {
+    width: 100%;
+    display: none;
+}
+
+@media screen and (min-width: 640px) {
+    .bricklayer-column-sizer {
+        width: 100%;
+    }
+}
+
+@media screen and (min-width: 980px) {
+    .bricklayer-column-sizer {
+        width: 50%;
+    }
+}
+
+/*@media screen and (min-width: 1200px) {*/
+    /*.bricklayer-column-sizer {*/
+        /*width: 33.33333%;*/
+    /*}*/
+/*}*/
+
+.bricklayer-column {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    padding-left: 5px;
+    padding-right: 5px;
+}

user/themes/figureslibres/css/css-compiled/css/hamburgers.css

@@ -0,0 +1,706 @@
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */
+.hamburger {
+  padding: 15px 15px;
+  display: inline-block;
+  cursor: pointer;
+  transition-property: opacity, filter;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+  font: inherit;
+  color: inherit;
+  text-transform: none;
+  background-color: transparent;
+  border: 0;
+  margin: 0;
+  overflow: visible; }
+  .hamburger:hover {
+    opacity: 0.7; }
+  .hamburger.is-active:hover {
+    opacity: 0.7; }
+  .hamburger.is-active .hamburger-inner,
+  .hamburger.is-active .hamburger-inner::before,
+  .hamburger.is-active .hamburger-inner::after {
+    background-color: #000; }
+
+.hamburger-box {
+  width: 40px;
+  height: 24px;
+  display: inline-block;
+  position: relative; }
+
+.hamburger-inner {
+  display: block;
+  top: 50%;
+  margin-top: -2px; }
+  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
+    width: 40px;
+    height: 4px;
+    background-color: #000;
+    border-radius: 4px;
+    position: absolute;
+    transition-property: transform;
+    transition-duration: 0.15s;
+    transition-timing-function: ease; }
+  .hamburger-inner::before, .hamburger-inner::after {
+    content: "";
+    display: block; }
+  .hamburger-inner::before {
+    top: -10px; }
+  .hamburger-inner::after {
+    bottom: -10px; }
+
+/*
+   * 3DX
+   */
+.hamburger--3dx .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dx .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dx.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateY(180deg); }
+  .hamburger--3dx.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dx.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * 3DX Reverse
+   */
+.hamburger--3dx-r .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dx-r .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dx-r.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateY(-180deg); }
+  .hamburger--3dx-r.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dx-r.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * 3DY
+   */
+.hamburger--3dy .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dy .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dy.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateX(-180deg); }
+  .hamburger--3dy.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dy.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * 3DY Reverse
+   */
+.hamburger--3dy-r .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dy-r .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dy-r.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateX(180deg); }
+  .hamburger--3dy-r.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dy-r.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * 3DXY
+   */
+.hamburger--3dxy .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dxy .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dxy.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateX(180deg) rotateY(180deg); }
+  .hamburger--3dxy.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dxy.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * 3DXY Reverse
+   */
+.hamburger--3dxy-r .hamburger-box {
+  perspective: 80px; }
+
+.hamburger--3dxy-r .hamburger-inner {
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
+    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
+
+.hamburger--3dxy-r.is-active .hamburger-inner {
+  background-color: transparent !important;
+  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
+  .hamburger--3dxy-r.is-active .hamburger-inner::before {
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--3dxy-r.is-active .hamburger-inner::after {
+    transform: translate3d(0, -10px, 0) rotate(-45deg); }
+
+/*
+   * Arrow
+   */
+.hamburger--arrow.is-active .hamburger-inner::before {
+  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
+
+.hamburger--arrow.is-active .hamburger-inner::after {
+  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
+
+/*
+   * Arrow Right
+   */
+.hamburger--arrow-r.is-active .hamburger-inner::before {
+  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
+
+.hamburger--arrow-r.is-active .hamburger-inner::after {
+  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
+
+/*
+   * Arrow Alt
+   */
+.hamburger--arrowalt .hamburger-inner::before {
+  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
+
+.hamburger--arrowalt .hamburger-inner::after {
+  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
+
+.hamburger--arrowalt.is-active .hamburger-inner::before {
+  top: 0;
+  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
+  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
+
+.hamburger--arrowalt.is-active .hamburger-inner::after {
+  bottom: 0;
+  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
+  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
+
+/*
+   * Arrow Alt Right
+   */
+.hamburger--arrowalt-r .hamburger-inner::before {
+  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
+
+.hamburger--arrowalt-r .hamburger-inner::after {
+  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
+
+.hamburger--arrowalt-r.is-active .hamburger-inner::before {
+  top: 0;
+  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
+  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
+
+.hamburger--arrowalt-r.is-active .hamburger-inner::after {
+  bottom: 0;
+  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
+  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
+
+/*
+   * Arrow Turn
+   */
+.hamburger--arrowturn.is-active .hamburger-inner {
+  transform: rotate(-180deg); }
+  .hamburger--arrowturn.is-active .hamburger-inner::before {
+    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
+  .hamburger--arrowturn.is-active .hamburger-inner::after {
+    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
+
+/*
+   * Arrow Turn Right
+   */
+.hamburger--arrowturn-r.is-active .hamburger-inner {
+  transform: rotate(-180deg); }
+  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
+    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
+  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
+    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
+
+/*
+   * Boring
+   */
+.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
+  transition-property: none; }
+
+.hamburger--boring.is-active .hamburger-inner {
+  transform: rotate(45deg); }
+  .hamburger--boring.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0; }
+  .hamburger--boring.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(-90deg); }
+
+/*
+   * Collapse
+   */
+.hamburger--collapse .hamburger-inner {
+  top: auto;
+  bottom: 0;
+  transition-duration: 0.13s;
+  transition-delay: 0.13s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--collapse .hamburger-inner::after {
+    top: -20px;
+    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
+  .hamburger--collapse .hamburger-inner::before {
+    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--collapse.is-active .hamburger-inner {
+  transform: translate3d(0, -10px, 0) rotate(-45deg);
+  transition-delay: 0.22s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--collapse.is-active .hamburger-inner::after {
+    top: 0;
+    opacity: 0;
+    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
+  .hamburger--collapse.is-active .hamburger-inner::before {
+    top: 0;
+    transform: rotate(-90deg);
+    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Collapse Reverse
+   */
+.hamburger--collapse-r .hamburger-inner {
+  top: auto;
+  bottom: 0;
+  transition-duration: 0.13s;
+  transition-delay: 0.13s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--collapse-r .hamburger-inner::after {
+    top: -20px;
+    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
+  .hamburger--collapse-r .hamburger-inner::before {
+    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--collapse-r.is-active .hamburger-inner {
+  transform: translate3d(0, -10px, 0) rotate(45deg);
+  transition-delay: 0.22s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--collapse-r.is-active .hamburger-inner::after {
+    top: 0;
+    opacity: 0;
+    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
+  .hamburger--collapse-r.is-active .hamburger-inner::before {
+    top: 0;
+    transform: rotate(90deg);
+    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Elastic
+   */
+.hamburger--elastic .hamburger-inner {
+  top: 2px;
+  transition-duration: 0.275s;
+  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
+  .hamburger--elastic .hamburger-inner::before {
+    top: 10px;
+    transition: opacity 0.125s 0.275s ease; }
+  .hamburger--elastic .hamburger-inner::after {
+    top: 20px;
+    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
+
+.hamburger--elastic.is-active .hamburger-inner {
+  transform: translate3d(0, 10px, 0) rotate(135deg);
+  transition-delay: 0.075s; }
+  .hamburger--elastic.is-active .hamburger-inner::before {
+    transition-delay: 0s;
+    opacity: 0; }
+  .hamburger--elastic.is-active .hamburger-inner::after {
+    transform: translate3d(0, -20px, 0) rotate(-270deg);
+    transition-delay: 0.075s; }
+
+/*
+   * Elastic Reverse
+   */
+.hamburger--elastic-r .hamburger-inner {
+  top: 2px;
+  transition-duration: 0.275s;
+  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
+  .hamburger--elastic-r .hamburger-inner::before {
+    top: 10px;
+    transition: opacity 0.125s 0.275s ease; }
+  .hamburger--elastic-r .hamburger-inner::after {
+    top: 20px;
+    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
+
+.hamburger--elastic-r.is-active .hamburger-inner {
+  transform: translate3d(0, 10px, 0) rotate(-135deg);
+  transition-delay: 0.075s; }
+  .hamburger--elastic-r.is-active .hamburger-inner::before {
+    transition-delay: 0s;
+    opacity: 0; }
+  .hamburger--elastic-r.is-active .hamburger-inner::after {
+    transform: translate3d(0, -20px, 0) rotate(270deg);
+    transition-delay: 0.075s; }
+
+/*
+   * Emphatic
+   */
+.hamburger--emphatic {
+  overflow: hidden; }
+  .hamburger--emphatic .hamburger-inner {
+    transition: background-color 0.125s 0.175s ease-in; }
+    .hamburger--emphatic .hamburger-inner::before {
+      left: 0;
+      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
+    .hamburger--emphatic .hamburger-inner::after {
+      top: 10px;
+      right: 0;
+      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
+  .hamburger--emphatic.is-active .hamburger-inner {
+    transition-delay: 0s;
+    transition-timing-function: ease-out;
+    background-color: transparent !important; }
+    .hamburger--emphatic.is-active .hamburger-inner::before {
+      left: -80px;
+      top: -80px;
+      transform: translate3d(80px, 80px, 0) rotate(45deg);
+      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
+    .hamburger--emphatic.is-active .hamburger-inner::after {
+      right: -80px;
+      top: -80px;
+      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
+      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
+
+/*
+   * Emphatic Reverse
+   */
+.hamburger--emphatic-r {
+  overflow: hidden; }
+  .hamburger--emphatic-r .hamburger-inner {
+    transition: background-color 0.125s 0.175s ease-in; }
+    .hamburger--emphatic-r .hamburger-inner::before {
+      left: 0;
+      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
+    .hamburger--emphatic-r .hamburger-inner::after {
+      top: 10px;
+      right: 0;
+      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
+  .hamburger--emphatic-r.is-active .hamburger-inner {
+    transition-delay: 0s;
+    transition-timing-function: ease-out;
+    background-color: transparent !important; }
+    .hamburger--emphatic-r.is-active .hamburger-inner::before {
+      left: -80px;
+      top: 80px;
+      transform: translate3d(80px, -80px, 0) rotate(-45deg);
+      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
+    .hamburger--emphatic-r.is-active .hamburger-inner::after {
+      right: -80px;
+      top: 80px;
+      transform: translate3d(-80px, -80px, 0) rotate(45deg);
+      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
+
+/*
+   * Minus
+   */
+.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
+  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
+
+.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
+  opacity: 0;
+  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
+
+.hamburger--minus.is-active .hamburger-inner::before {
+  top: 0; }
+
+.hamburger--minus.is-active .hamburger-inner::after {
+  bottom: 0; }
+
+/*
+   * Slider
+   */
+.hamburger--slider .hamburger-inner {
+  top: 2px; }
+  .hamburger--slider .hamburger-inner::before {
+    top: 10px;
+    transition-property: transform, opacity;
+    transition-timing-function: ease;
+    transition-duration: 0.15s; }
+  .hamburger--slider .hamburger-inner::after {
+    top: 20px; }
+
+.hamburger--slider.is-active .hamburger-inner {
+  transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--slider.is-active .hamburger-inner::before {
+    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
+    opacity: 0; }
+  .hamburger--slider.is-active .hamburger-inner::after {
+    transform: translate3d(0, -20px, 0) rotate(-90deg); }
+
+/*
+   * Slider Reverse
+   */
+.hamburger--slider-r .hamburger-inner {
+  top: 2px; }
+  .hamburger--slider-r .hamburger-inner::before {
+    top: 10px;
+    transition-property: transform, opacity;
+    transition-timing-function: ease;
+    transition-duration: 0.15s; }
+  .hamburger--slider-r .hamburger-inner::after {
+    top: 20px; }
+
+.hamburger--slider-r.is-active .hamburger-inner {
+  transform: translate3d(0, 10px, 0) rotate(-45deg); }
+  .hamburger--slider-r.is-active .hamburger-inner::before {
+    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
+    opacity: 0; }
+  .hamburger--slider-r.is-active .hamburger-inner::after {
+    transform: translate3d(0, -20px, 0) rotate(90deg); }
+
+/*
+   * Spin
+   */
+.hamburger--spin .hamburger-inner {
+  transition-duration: 0.22s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--spin .hamburger-inner::before {
+    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
+  .hamburger--spin .hamburger-inner::after {
+    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--spin.is-active .hamburger-inner {
+  transform: rotate(225deg);
+  transition-delay: 0.12s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--spin.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0;
+    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
+  .hamburger--spin.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(-90deg);
+    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Spin Reverse
+   */
+.hamburger--spin-r .hamburger-inner {
+  transition-duration: 0.22s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--spin-r .hamburger-inner::before {
+    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
+  .hamburger--spin-r .hamburger-inner::after {
+    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--spin-r.is-active .hamburger-inner {
+  transform: rotate(-225deg);
+  transition-delay: 0.12s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--spin-r.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0;
+    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
+  .hamburger--spin-r.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(90deg);
+    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Spring
+   */
+.hamburger--spring .hamburger-inner {
+  top: 2px;
+  transition: background-color 0s 0.13s linear; }
+  .hamburger--spring .hamburger-inner::before {
+    top: 10px;
+    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--spring .hamburger-inner::after {
+    top: 20px;
+    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--spring.is-active .hamburger-inner {
+  transition-delay: 0.22s;
+  background-color: transparent !important; }
+  .hamburger--spring.is-active .hamburger-inner::before {
+    top: 0;
+    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 10px, 0) rotate(45deg); }
+  .hamburger--spring.is-active .hamburger-inner::after {
+    top: 0;
+    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 10px, 0) rotate(-45deg); }
+
+/*
+   * Spring Reverse
+   */
+.hamburger--spring-r .hamburger-inner {
+  top: auto;
+  bottom: 0;
+  transition-duration: 0.13s;
+  transition-delay: 0s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--spring-r .hamburger-inner::after {
+    top: -20px;
+    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
+  .hamburger--spring-r .hamburger-inner::before {
+    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--spring-r.is-active .hamburger-inner {
+  transform: translate3d(0, -10px, 0) rotate(-45deg);
+  transition-delay: 0.22s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--spring-r.is-active .hamburger-inner::after {
+    top: 0;
+    opacity: 0;
+    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
+  .hamburger--spring-r.is-active .hamburger-inner::before {
+    top: 0;
+    transform: rotate(90deg);
+    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Stand
+   */
+.hamburger--stand .hamburger-inner {
+  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
+  .hamburger--stand .hamburger-inner::before {
+    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--stand .hamburger-inner::after {
+    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--stand.is-active .hamburger-inner {
+  transform: rotate(90deg);
+  background-color: transparent !important;
+  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
+  .hamburger--stand.is-active .hamburger-inner::before {
+    top: 0;
+    transform: rotate(-45deg);
+    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--stand.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(45deg);
+    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Stand Reverse
+   */
+.hamburger--stand-r .hamburger-inner {
+  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
+  .hamburger--stand-r .hamburger-inner::before {
+    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--stand-r .hamburger-inner::after {
+    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--stand-r.is-active .hamburger-inner {
+  transform: rotate(-90deg);
+  background-color: transparent !important;
+  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
+  .hamburger--stand-r.is-active .hamburger-inner::before {
+    top: 0;
+    transform: rotate(-45deg);
+    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--stand-r.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(45deg);
+    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Squeeze
+   */
+.hamburger--squeeze .hamburger-inner {
+  transition-duration: 0.075s;
+  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+  .hamburger--squeeze .hamburger-inner::before {
+    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
+  .hamburger--squeeze .hamburger-inner::after {
+    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
+
+.hamburger--squeeze.is-active .hamburger-inner {
+  transform: rotate(45deg);
+  transition-delay: 0.12s;
+  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  .hamburger--squeeze.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0;
+    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
+  .hamburger--squeeze.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(-90deg);
+    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
+
+/*
+   * Vortex
+   */
+.hamburger--vortex .hamburger-inner {
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
+  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
+    transition-duration: 0s;
+    transition-delay: 0.1s;
+    transition-timing-function: linear; }
+  .hamburger--vortex .hamburger-inner::before {
+    transition-property: top, opacity; }
+  .hamburger--vortex .hamburger-inner::after {
+    transition-property: bottom, transform; }
+
+.hamburger--vortex.is-active .hamburger-inner {
+  transform: rotate(765deg);
+  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
+  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
+    transition-delay: 0s; }
+  .hamburger--vortex.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0; }
+  .hamburger--vortex.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(90deg); }
+
+/*
+   * Vortex Reverse
+   */
+.hamburger--vortex-r .hamburger-inner {
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
+  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
+    transition-duration: 0s;
+    transition-delay: 0.1s;
+    transition-timing-function: linear; }
+  .hamburger--vortex-r .hamburger-inner::before {
+    transition-property: top, opacity; }
+  .hamburger--vortex-r .hamburger-inner::after {
+    transition-property: bottom, transform; }
+
+.hamburger--vortex-r.is-active .hamburger-inner {
+  transform: rotate(-765deg);
+  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
+  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
+    transition-delay: 0s; }
+  .hamburger--vortex-r.is-active .hamburger-inner::before {
+    top: 0;
+    opacity: 0; }
+  .hamburger--vortex-r.is-active .hamburger-inner::after {
+    bottom: 0;
+    transform: rotate(-90deg); }

user/themes/figureslibres/css/css-compiled/css/normelize.css

@@ -0,0 +1,361 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  margin: 0;
+  padding: 0;
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin:0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+ul{
+  list-style: none;
+}
+
+a {
+  background-color: transparent;
+  color: black;
+  text-decoration: none;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

user/themes/figureslibres/css/css-compiled/js/jquery.treemenu.js

@@ -0,0 +1,87 @@
+/*
+ treeMenu - jQuery plugin
+ version: 0.6
+
+ Copyright 2014 Stepan Krapivin
+
+*/
+(function($){
+    $.fn.treemenu = function(options) {
+        options = options || {};
+        options.delay = options.delay || 0;
+        options.openActive = options.openActive || false;
+        options.closeOther = options.closeOther || false;
+        options.activeSelector = options.activeSelector || ".active";
+
+        this.addClass("treemenu");
+
+        if (!options.nonroot) {
+            this.addClass("treemenu-root");
+        }
+
+        options.nonroot = true;
+
+        this.find("> li").each(function() {
+            e = $(this);
+            var subtree = e.find('> ul');
+            var button = e.find('.toggler').eq(0);
+
+            if(button.length == 0) {
+                // create toggler
+                var button = $('<span>');
+                button.addClass('toggler');
+                e.prepend(button);
+            }
+
+            if(subtree.length > 0) {
+                subtree.hide();
+
+                e.addClass('tree-closed');
+
+                e.find(button).click(function() {
+                    var li = $(this).parent('li');
+
+                    if (options.closeOther && li.hasClass('tree-closed')) {
+                        var siblings = li.parent('ul').find("li:not(.tree-empty)");
+                        siblings.removeClass("tree-opened");
+                        siblings.addClass("tree-closed");
+                        siblings.removeClass(options.activeSelector);
+                        siblings.find('> ul').slideUp(options.delay);
+                    }
+
+                    li.find('> ul').slideToggle(options.delay);
+                    li.toggleClass('tree-opened');
+                    li.toggleClass('tree-closed');
+                    li.toggleClass(options.activeSelector);
+                });
+
+                $(this).find('> ul').treemenu(options);
+            } else {
+                $(this).addClass('tree-empty');
+            }
+        });
+
+        if (options.openActive) {
+            var cls = this.attr("class");
+
+            this.find(options.activeSelector).each(function(){
+                var el = $(this).parent();
+
+                while (el.attr("class") !== cls) {
+                    el.find('> ul').show();
+                    if(el.prop("tagName") === 'UL') {
+                        el.show();
+                    } else if (el.prop("tagName") === 'LI') {
+                        el.removeClass('tree-closed');
+                        el.addClass("tree-opened");
+                        el.show();
+                    }
+
+                    el = el.parent();
+                }
+            });
+        }
+
+        return this;
+    }
+})(jQuery);

user/themes/figureslibres/css/css-compiled/js/lazyload.js

@@ -0,0 +1,257 @@
+/*!
+ * Lazy Load - jQuery plugin for lazy loading images
+ *
+ * Copyright (c) 2007-2017 Mika Tuupola
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Project home:
+ *   http://www.appelsiini.net/projects/lazyload
+ *
+ * Version:  1.10.0-dev
+ *
+ */
+
+(function($, window, document, undefined) {
+    var $window = $(window);
+
+    $.fn.lazyload = function(options) {
+        var elements = this;
+        var $container;
+        var settings = {
+            threshold       : 0,
+            failure_limit   : 0,
+            event           : "scroll.lazyload",
+            effect          : "show",
+            container       : window,
+            data_attribute  : "original",
+            data_srcset     : "srcset",
+            skip_invisible  : false,
+            appear          : null,
+            load            : null,
+            placeholder     : "data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="
+        };
+
+        function update() {
+            var counter = 0;
+
+            elements.each(function() {
+                var $this = $(this);
+                if (settings.skip_invisible && !$this.is(":visible")) {
+                    return;
+                }
+                if ($.abovethetop(this, settings) ||
+                    $.leftofbegin(this, settings)) {
+                        /* Nothing. */
+                } else if (!$.belowthefold(this, settings) &&
+                    !$.rightoffold(this, settings)) {
+                        $this.trigger("appear");
+                        /* if we found an image we'll load, reset the counter */
+                        counter = 0;
+                } else {
+                    if (++counter > settings.failure_limit) {
+                        return false;
+                    }
+                }
+            });
+
+        }
+
+        if(options) {
+            /* Maintain BC for a couple of versions. */
+            if (undefined !== options.failurelimit) {
+                options.failure_limit = options.failurelimit;
+                delete options.failurelimit;
+            }
+            if (undefined !== options.effectspeed) {
+                options.effect_speed = options.effectspeed;
+                delete options.effectspeed;
+            }
+
+            $.extend(settings, options);
+        }
+
+        /* Cache container as jQuery as object. */
+        $container = (settings.container === undefined ||
+                      settings.container === window) ? $window : $(settings.container);
+
+        /* Fire one scroll event per scroll. Not one scroll event per image. */
+        if (0 === settings.event.indexOf("scroll")) {
+            $container.off(settings.event).on(settings.event, function() {
+                return update();
+            });
+        }
+
+        this.each(function() {
+            var self = this;
+            var $self = $(self);
+
+            self.loaded = false;
+
+            /* If no src attribute given use data:uri. */
+            if ($self.attr("src") === undefined || $self.attr("src") === false) {
+                if ($self.is("img")) {
+                    $self.attr("src", settings.placeholder);
+                }
+            }
+
+            /* When appear is triggered load original image. */
+            $self.one("appear", function() {
+                if (!this.loaded) {
+                    if (settings.appear) {
+                        var elements_left = elements.length;
+                        settings.appear.call(self, elements_left, settings);
+                    }
+                    $("<img />")
+                        .one("load", function() {
+                            var original = $self.attr("data-" + settings.data_attribute);
+                            var srcset = $self.attr("data-" + settings.data_srcset);
+
+                            if (original !== $self.attr("src")) {
+                                $self.hide();
+                                if ($self.is("img")) {
+                                    $self.attr("src", original);
+                                    if (srcset !== null) {
+                                        $self.attr("srcset", srcset);
+                                    }
+                                } if ($self.is("video")) {
+                                    $self.attr("poster", original);
+                                } else {
+                                    $self.css("background-image", "url('" + original + "')");
+                                }
+                                $self[settings.effect](settings.effect_speed);
+                            }
+
+                            self.loaded = true;
+
+                            /* Remove image from array so it is not looped next time. */
+                            var temp = $.grep(elements, function(element) {
+                                return !element.loaded;
+                            });
+                            elements = $(temp);
+
+                            if (settings.load) {
+                                var elements_left = elements.length;
+                                settings.load.call(self, elements_left, settings);
+                            }
+                        })
+                        .bind("error", function(){
+                            $(self).trigger("error");
+                        })
+                        .attr({
+                            "src": $self.attr("data-" + settings.data_attribute),
+                            "srcset": $self.attr("data-" + settings.data_srcset) || ""
+                        });
+                }
+            });
+
+            /* When wanted event is triggered load original image */
+            /* by triggering appear.                              */
+            if (0 !== settings.event.indexOf("scroll")) {
+                $self.off(settings.event).on(settings.event, function() {
+                    if (!self.loaded) {
+                        $self.trigger("appear");
+                    }
+                });
+            }
+        });
+
+        /* Check if something appears when window is resized. */
+        $window.off("resize.lazyload").bind("resize.lazyload", function() {
+            update();
+        });
+
+        /* With IOS5 force loading images when navigating with back button. */
+        /* Non optimal workaround. */
+        if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
+            $window.on("pageshow", function(event) {
+                if (event.originalEvent && event.originalEvent.persisted) {
+                    elements.each(function() {
+                        $(this).trigger("appear");
+                    });
+                }
+            });
+        }
+
+        /* Force initial check if images should appear. */
+        $(function() {
+            update();
+        });
+
+        return this;
+    };
+
+    /* Convenience methods in jQuery namespace.           */
+    /* Use as  $.belowthefold(element, {threshold : 100, container : window}) */
+
+    $.belowthefold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top + $(settings.container).height();
+        }
+
+        return fold <= $(element).offset().top - settings.threshold;
+    };
+
+    $.rightoffold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.width() + $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left + $(settings.container).width();
+        }
+
+        return fold <= $(element).offset().left - settings.threshold;
+    };
+
+    $.abovethetop = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top;
+        }
+
+        return fold >= $(element).offset().top + settings.threshold  + $(element).height();
+    };
+
+    $.leftofbegin = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left;
+        }
+
+        return fold >= $(element).offset().left + settings.threshold + $(element).width();
+    };
+
+    $.inviewport = function(element, settings) {
+         return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
+                !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
+     };
+
+    /* Custom selectors for your convenience.   */
+    /* Use as $("img:below-the-fold").something() or */
+    /* $("img").filter(":below-the-fold").something() which is faster */
+
+    $.extend($.expr[":"], {
+        "below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
+        "above-the-top"  : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
+        "in-viewport"    : function(a) { return $.inviewport(a, {threshold : 0}); },
+        /* Maintain BC for couple of versions. */
+        "above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-fold"  : function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-fold"   : function(a) { return !$.rightoffold(a, {threshold : 0}); }
+    });
+
+})(jQuery, window, document);

user/themes/figureslibres/css/css-compiled/js/site.js

@@ -0,0 +1,294 @@
+function click_link() {
+
+  $link = $('#text_figli p > a');
+
+  $link.click(function(e) {
+    e.preventDefault();
+
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    if ($this.hasClass('open')) {
+      $this.removeClass('open');
+      $('#item_list.'+ cat).remove();
+    }  else {
+
+      $.ajax({
+        url :  '/' + page + '/' + cat, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        success: function(data) {
+          $(data).find('#item_list').addClass(cat).insertAfter($this);
+          $this.addClass('open');
+
+        },
+        complete: function(data) {
+          console.log('cat', cat);
+            lazyload();
+            click_img(e, $this, $href, url, page, cat, project_name);
+            closeAjax();
+        }
+      });
+    }
+  });
+};
+
+function click_list() {
+  var $link = $('.list-projets li > a');
+
+  $link.click(function(e) {
+    e.preventDefault();
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    var $link_txt =  $('#text_figli a#'+cat);
+    var $link_item = $('#item_list.'+cat);
+    var $link_card = $('.card > #'+project_name + ' a');
+
+    if ($link_txt.hasClass('open') && $link_card.parent().hasClass('open') ) {
+
+      anchor($href);
+
+    }else if ($link_txt.hasClass('open')) {
+      anchor($href);
+      $.ajax({
+        url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        success: function(data) {
+          $('#item_list.'+cat+' .card-image.open #item').remove();
+          $('#item_list.'+cat+' .card-image').removeClass('open');
+          $(data).find('#item').addClass(cat).insertAfter($link_card);
+
+          $link_card.parent().addClass('open');
+
+        },
+        complete: function(data) {
+          lazyload();
+          // animate();
+          marg_item(project_name);
+          closeAjax();
+        },
+      });
+
+    } else {
+
+      $.ajax({
+        url :  '/' + page + '/' + cat, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        success: function(data) {
+
+          $(data).find('#item_list').addClass(cat).insertAfter($link_txt);
+          $link_txt.addClass('open');
+
+          anchor($href);
+
+          $('.card a').click(function (e) {
+            e.preventDefault()
+          })
+
+          click_img(e, $this, $href, url, page, cat, project_name)
+        },
+        complete: function(data) {
+          console.log('cat', cat);
+          lazyload();
+
+              var $link_card = $('.card > #'+project_name + ' a');
+
+              setTimeout( function(){
+                console.log('project_name', project_name);
+                console.log('$link_card', $link_card);
+
+                if ($link_card.hasClass('open')) {
+                }else {
+                  anchor($href);
+                  $.ajax({
+                    url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+                    type : 'GET', // Le type de la requête HTTP
+                    dataType:'html',
+                    success: function(data) {
+                      $(data).find('#item').addClass(cat).insertAfter($link_card);
+                      $link_card.parent().addClass('open');
+                    },
+                    complete: function(data) {
+                      // animate();
+                      lazyload();
+                      marg_item(project_name);
+                      closeAjax();
+
+                    },
+                  });
+              }
+            }, 500);
+        }
+      });
+    }
+  });
+}
+
+function click_img(e, $this, $href, url, page, cat, project_name) {
+  $('section.' + cat +' .card-image > a').click(function(e) {
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    e.preventDefault();
+
+      if ($this.parent().hasClass('open')) {
+        $this.parent().removeClass('open');
+        $($this.parent().find('#item.'+ cat)).remove();
+      } else {
+        $.ajax({
+          url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+          type : 'GET', // Le type de la requête HTTP
+          dataType:'html',
+          success: function(data) {
+            $('#item_list.'+cat+' .card-image.open #item').remove();
+            $('#item_list.'+cat+' .card-image').removeClass('open');
+            $(data).find('#item').addClass(cat).insertAfter($this);
+            $this.parent().addClass('open');
+            marg_item(project_name);
+            anchor($href);
+          },
+          complete:function() {
+            lazyload();
+            closeAjax();
+
+          }
+        });
+
+      }
+    });
+}
+
+function anchor($href) {
+
+  var aTag = $("a[href='"+ $href +"']");
+  // console.log('aTag.offset()', aTag.offset().top+10);
+  $('html,body').animate({scrollTop: aTag.offset().top-7},'slow');
+
+}
+
+function animate() {
+  var $item_list = $('#item_list .card > .card-image');
+  $item_list.fadeIn( "slow" );
+}
+
+function marg_item(project_name) {
+
+  var $item = $('.card-image#'+project_name+' #item');
+  var $item_offset = $item.offset().left-8;
+  var $card = $item.parents('.card');
+
+  var $item_list = $item.parents('#item_list');
+  var pos_card = $card.offset().left;
+
+  var margin_right =  $item_list.width() - (pos_card + $card.width());
+
+  console.log('$card.width()',$card.width());
+  console.log('pos_card',pos_card);
+
+  console.log('$item_list',$item_list.width());
+
+  $item.css('margin-left', '-'+$item_offset +'px');
+  // $item.parents('.card').css('margin-right', margin_right);
+}
+
+function mouseHover() {
+
+  $link_cat = $('#text_figli p > a');
+
+  $link_cat.mouseenter(function() {
+    link_id = $(this).attr("id");
+
+    $('html').append("<div class=circle_hover ></div>");
+    console.log('link_id',link_id);
+
+    setTimeout(function () {
+      $('.circle_hover').addClass('open '+ link_id);
+    }, 10);
+
+    mousePos();
+
+  })
+  .mouseleave(function() {
+    $('html').find(".circle_hover").remove();
+  });
+
+  function mousePos() {
+    var currentMousePos = { x: 0, y: 0 };
+    var $circle = $('.circle_hover');
+
+    $(document).mousemove(function(event) {
+      currentMousePos.x = event.pageX;
+      currentMousePos.y = event.pageY;
+
+      $circle.css('left', currentMousePos.x  );
+      $circle.css('top', currentMousePos.y );
+    });
+  }
+
+};
+
+function lazyload() {
+  $('.lazy').Lazy({
+        effect: "fadeIn",
+        effectTime: 900,
+        threshold: 0
+    });
+}
+
+function redirection() {
+    var url = document.location.href;
+    console.log(url);
+    if (url != 'https://figureslibres.kevintessier.net/') {
+      document.location.href="https://figureslibres.kevintessier.net/"
+    }
+}
+
+function animate_burger() {
+  var forEach=function(t,o,r){if("[object Object]"===Object.prototype.toString.call(t))for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.call(r,t[c],c,t);else for(var e=0,l=t.length;l>e;e++)o.call(r,t[e],e,t)};
+  var hamburgers = document.querySelectorAll(".hamburger");
+  var $hamburger = $('button.hamburger');
+
+  if (hamburgers.length > 0) {
+    forEach(hamburgers, function(hamburger) {
+      hamburger.addEventListener("click", function() {
+        this.classList.toggle("is-active");
+      }, false);
+    });
+  }
+
+  $hamburger.click(function() {
+    $('.sidebar-right').toggleClass("is-active");
+  })
+
+}
+
+function closeAjax() {
+  var $button = $('#item_list #icone_list');
+
+  $button.click(function() {
+    $(this).parent().remove();
+  });
+}
+
+$(document).ready(function($){
+  // redirection();
+  click_link();
+  click_list();
+  mouseHover();
+  animate_burger();
+});

user/themes/figureslibres/css/css-compiled/scss/configurations/_fonts.scss

@@ -0,0 +1,145 @@
+// Font Family
+$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-mono: 				"Inconsolata", monospace;
+$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
+// @font-face
+
+$lato: "lato";
+$family: "lato";
+$file-regular: "Lato-Regular";
+$category: "sans-serif";
+
+@mixin font-face($lato, $file-regular, $family, $category:"") {
+    $filepath: "../fonts/" + $family + "/" + $file-regular;
+    @font-face {
+        font-family: "#{$lato}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $lato + "") format('svg');
+    }
+
+    %#{$lato} {
+        font: {
+            @if $category != "" {
+                family: "#{$lato}", #{$category};
+            }
+            @else {
+                family: "#{$lato}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$syne: "syne";
+$family-bold: "syne";
+$file-bold: "Syne-Bold";
+
+@mixin font-face($syne, $file-bold, $family-bold, $category:"") {
+    $filepath: "../fonts/" + $family-bold + "/" + $file-bold;
+    @font-face {
+        font-family: "#{$syne}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+    }
+
+    %#{$syne} {
+        font: {
+            @if $category != "" {
+                family: "#{$syne}", #{$category};
+            }
+            @else {
+                family: "#{$syne}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$avara: "Avara";
+$family-bold-italic: "avara";
+$file-bold-italic: "Avara-Bold_Italic_web";
+
+@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
+    $filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
+    @font-face {
+        font-family: "#{$avara}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $avara + "") format('svg');
+    }
+
+    %#{$avara} {
+        font: {
+            @if $category != "" {
+                family: "#{$avara}", #{$category};
+            }
+            @else {
+                family: "#{$avara}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$playfair: "playfairdisplay-regularitalic";
+$family-italic: "playfair";
+$file-italic: "playfairdisplay-regularitalic";
+
+@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
+    $filepath: "../fonts/" + $family-italic + "/" + $file-italic;
+    @font-face {
+        font-family: "#{$playfair}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $playfair + "") format('svg');
+    }
+
+    %#{$playfair} {
+        font: {
+            @if $category != "" {
+              family: "#{$playfair}", #{$category};
+            }
+            @else {
+                family: "#{$playfair}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$moche: "Moche-Bold";
+$family-regular2: "moche";
+$file-regular2: "Moche-Bold";
+
+@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
+    $filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
+    @font-face {
+        font-family: "#{$moche}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $moche + "") format('svg');
+    }
+
+    %#{$moche} {
+        font: {
+            @if $category != "" {
+              family: "#{$moche}", #{$category};
+            }
+            @else {
+                family: "#{$moche}";
+                weight: normal;
+            }
+        }
+    }
+}

user/themes/figureslibres/css/css-compiled/scss/configurations/_variable.scss

@@ -0,0 +1,39 @@
+@include font-face($lato, $file-regular, $family, $category);//1
+@include font-face($syne, $file-bold, $family-bold, $category);//2
+@include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
+@include font-face($playfair, $file-italic, $family-italic, $category);//2
+@include font-face($moche, $file-regular2, $family-regular2, $category);//2
+
+// font-size
+$txt-figli: 2.5rem;
+
+// line-height
+$Flhome: 3rem;
+
+$marg: 0.5rem;
+$margI: 1rem;
+$Wi: 80%;
+
+$Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
+$Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
+$Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
+
+// mobile
+$txt-figli-m: 1.5rem;
+
+// line-height
+$Flhome-m: 2rem;
+$Wi-m: calc( 100% - 0.5rem);
+$Wi80-m: 80%;
+$Wi33-m: calc(( 100% / 3 ) - 0.5rem);
+
+// tablette
+$txt-figli-t: 2.5rem;
+
+// line-height
+$Flhome-t: 3rem;
+
+// color
+$color_publique: #fef86f;
+$color_sociale: lightgreen;
+$color_culturelle: #82f8ee;

user/themes/figureslibres/css/css-compiled/scss/theme.scss

@@ -0,0 +1,14 @@
+// Core variables and mixins
+@import 'configurations/_fonts';
+@import 'configurations/_variable';
+@import 'configurations/_extend';
+@import 'theme/reset';
+@import 'theme/typography';
+
+@import 'theme/animation';
+@import 'theme/header';
+@import 'theme/start';
+@import 'theme/sidebar';
+@import 'theme/blog';
+@import 'theme/item';
+@import 'theme/mobile';

user/themes/figureslibres/css/css-compiled/scss/theme/_animation.scss

@@ -0,0 +1,69 @@
+$animate: all 0.2s ease-in-out;
+
+#text_figli{
+  z-index: 999;
+  p{
+    & > a{
+      z-index: 999;
+      &:before,
+      &:after {
+        content: "";
+        position: absolute;
+        bottom: -1px;
+        width: 0px;
+        height: 1px;
+        margin: 1px 0 0;
+        transition: $animate;
+        transition-duration: 0.3s;
+        opacity: 0;
+        background-color: black;
+      }
+      &::before{
+        left: 50%;
+      }
+      &:after{
+        right: 50%;
+      }
+      &:hover {
+        cursor: pointer;
+        &:before,
+        &:after {
+          width: 100%;
+          opacity: 1;
+        }
+        &:before,
+        &:after {
+          width: 50%;
+        }
+      }
+    }
+  }
+}
+
+.circle_hover{
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  transform: translate(-50%, -50%);
+  z-index: 0;
+  transition: height .2s, width .2s;
+  &.open{
+    width: 200px;
+    height: 200px;
+    transition: height .5s, width .5s;
+  }
+  &.publique{
+      background:
+      url("/user/themes/figureslibres/images/forme2.svg") center no-repeat;
+      background-size: cover;
+  }
+  &.sociale{
+    background: $color_sociale;
+    border-radius: 100px;
+  }
+  &.culturelle{
+    background:
+    url("/user/themes/figureslibres/images/forme3.svg") center no-repeat;
+    background-size: cover;
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_blog.scss

@@ -0,0 +1,20 @@
+#item_list{
+    display: inline-flex;
+    flex-wrap: wrap;
+    width: 100%;
+  .card{
+    width: $Wi50;
+    &:nth-child(odd){
+      margin-right: $margI;
+    }
+    .card-header{
+      z-index: 999;
+      display: inline-flex;
+      width: 100%;
+      // margin-bottom: $marg;
+      & > * {
+        margin-right: $marg;
+      }
+    }
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_extensions.scss

@@ -0,0 +1,7 @@
+.search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
+  @extend .form-input;
+}
+
+.button {
+  @extend .btn;
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_footer.scss

@@ -0,0 +1,17 @@
+// Sticky Footer solution
+body.sticky-footer {
+  height: 100%;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  #page-wrapper {
+    flex: 1 0 auto;
+  }
+}
+
+#footer {
+  color: #acb3c2;
+  padding: 1rem $horiz-padding 0;
+  text-align: center;
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_forms.scss

@@ -0,0 +1,47 @@
+form {
+  .button-wrapper {
+    margin-top: 0.75rem;
+    margin-bottom: 1rem;
+  }
+
+  span.required {
+    color: $error-color;
+    font-weight: 700;
+    font-size: 1.2rem;
+  }
+
+  .form-input[type=range] {
+    appearance: slider-horizontal;
+    &:focus {
+      box-shadow: none;
+      border: none;
+    }
+  }
+}
+
+#grav-login {
+  > form {
+    margin: 2rem auto 0;
+    max-width: 350px;
+  }
+  .form-label {
+    display: none;
+  }
+  .form-data {
+    margin: 1rem 0;
+  }
+  .form-input {
+    text-align: center;
+  }
+  .button-wrapper {
+    text-align: right;
+
+    .form-data.rememberme {
+      margin: 0;
+      float: left;
+    }
+    button[type="submit"] {
+      @include button-primary;
+    }
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_framework.scss

@@ -0,0 +1,156 @@
+html {
+  height: 100%;
+}
+
+#body-wrapper {
+  .container {
+    padding: $vert-padding;
+  }
+
+  // Fixed Header solution
+  .header-fixed & {
+    padding-top: $header-height-large;
+  }
+}
+
+.header-fixed {
+  .hero + #start > #body-wrapper {
+    padding-top: 0;
+  }
+}
+
+section.section {
+  padding-left: $horiz-padding;
+  padding-right: $horiz-padding;
+  position: relative;
+}
+
+.overlay-light, .overlay-dark, .overlay-light-gradient, .overlay-dark-gradient {
+  z-index: 0;
+}
+
+// Hero
+.hero {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  padding-top: 6rem;
+  padding-bottom: 7rem;
+  background-size: cover;
+  background-position: center;
+
+  h1 {
+    color: $header-text-dark;
+    font-size: 4rem;
+  }
+
+  h2 {
+    color: rgba($header-text-dark, 0.8);
+    font-size: 2.5rem;
+  }
+
+  &.hero-fullscreen {
+    min-height: 100vh;
+  }
+
+  &.hero-large {
+    min-height: 500px;
+  }
+
+  &.hero-medium {
+    min-height: 400px;
+  }
+
+  &.hero-small {
+    min-height: 110px;
+  }
+
+  &.hero-tiny {
+    min-height: 8rem;
+  }
+  
+  .header-fixed & {
+    background-position: 50% 0;
+  }
+
+  //&.parallax {
+  //  background-attachment: fixed;
+  //}
+
+  @include breakpoint(md) {
+    h1 {
+      font-size: 3rem;
+    }
+    h2 {
+      font-size: 1.75rem;
+    }
+  }
+
+  @include breakpoint(sm) {
+    h1 {
+      font-size: 2rem;
+    }
+    h2 {
+      font-size: 1.25rem;
+    }
+  }
+
+
+  &.text-light {
+    h1 {
+      color: $header-text-light;
+    }
+    h2 {
+      color: rgba($header-text-light, 0.8);
+    }
+  }
+
+  p {
+    font-size: .9rem;
+    font-weight: 300;
+  }
+
+  #to-start {
+    display: inline-block;
+    position: absolute;
+    bottom: 10px;
+    font-size: 2rem;
+    cursor: pointer;
+  }
+}
+
+// Overlay
+.image-overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+
+  .overlay-light & {
+    background: rgba(#fff, 0.4);
+  }
+
+  .overlay-light-gradient & {
+    background: linear-gradient(to bottom, rgba(#fff,0.5), rgba(#fff,0.2));
+  }
+
+  .overlay-dark & {
+    background: rgba(#000, 0.4);
+  }
+
+  .overlay-dark-gradient & {
+    background: linear-gradient(to bottom, rgba(#000,0.5), rgba(#000,0.2));
+  }
+}
+
+
+
+
+
+
+
+
+

user/themes/figureslibres/css/css-compiled/scss/theme/_header.scss

@@ -0,0 +1,4 @@
+.home{
+  header{
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_item.scss

@@ -0,0 +1,38 @@
+#item{
+  .e-content{
+    -webkit-columns: 300px 2;
+    -moz-columns: 300px 2;
+        columns: 300px 2;
+    margin-bottom: $marg;
+    }
+  .card-image{
+    img:not(:last-of-type){
+      margin-bottom: $marg;
+    }
+  }
+}
+
+.other_projets{
+  border-top: 1px solid black;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: $margI;
+  margin-bottom: $margI;
+  h3{
+    margin: 1rem 0 $marg 0;
+    width: 100%;
+  }
+  .card{
+    width: $Wi33;
+    &:nth-child(-1n+3){
+      margin-right: $marg;
+    }
+    .card-header{
+      display: flex;
+      flex-wrap: wrap;
+      & > *{
+        margin-right: $marg;
+      }
+    }
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_mobile.scss

@@ -0,0 +1,310 @@
+@media screen and (max-width: 1024px){
+  body{
+    #start{
+      width: $Wi80-m;
+      #text_figli{
+        #item_list{
+          .card{
+            width: $Wi33-m;
+            #item{
+              width: calc(300% + (.5rem * 2));
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 414px) {
+  body{
+
+    #start{
+      width: $Wi-m;
+      #text_figli{
+        p{
+          font-size: 1.7rem;
+          line-height: 2.3rem;
+        }
+        #item_list{
+          width: $Wi-m;
+          .card{
+            width: calc(100%);
+            margin: 0 0 0.5rem 0;
+            #item{
+              width: 100%;
+              padding: 1rem;
+              .content-title{
+                h2{
+                  font-size: 2rem !important;
+                  line-height: 2.5rem !important;
+                }
+                & > div{
+                  line-height: 1rem;
+                }
+
+              }
+            }
+          }
+        }
+      }
+    }
+    .sidebar-right{
+      display: none;
+    }
+  }
+}
+//   body{
+//     #start{
+//       width: $Wi-m;
+//       #text_figli{
+//         #item_list{
+//           .card{
+//             width: $Wi-m;
+//             #item{
+//               width: calc(100% + (.5rem * 3));
+//             }
+//           }
+//         }
+//       }
+//     }
+//   }
+//
+//
+//   // typographie
+//   header{
+//     a{
+//       font-size: $txt-figli-m;
+//       line-height: $Flhome-m;
+//     }
+//   }
+//   .home{
+//     p{
+//       font-size: $txt-figli-m!important;
+//       line-height: $Flhome-m!important;
+//     }
+//   }
+//   .other_projets{
+//     h3{
+//       font-size: $txt-figli-m;
+//     }
+//   }
+//
+//   // mep
+//   header{
+//     width: calc( #{$Wi-m} - (#{$marg} * 2) );
+//   }
+//
+//   body{
+//     #start{
+//         width: calc( #{$Wi-m} - (#{$marg} * 2) );
+//     }
+//     &:not(.home){
+//       #start{
+//         margin-top: $Flhome;
+//       }
+//     }
+//     .sidebar-right{
+//       display: none;
+//     }
+//   }
+//
+//   #item_list{
+//     .card{
+//       width: calc( #{$Wi-m}  )!important;
+//       &:nth-child(odd){
+//         margin-right: 0;
+//       }
+//       .card-header{
+//         margin-bottom: $marg;
+//         & > * {
+//           margin-right: $marg;
+//         }
+//       }
+//     }
+//   }
+//
+//   .other_projets{
+//     margin-top: $margI;
+//     .card{
+//       width: $Wi-m;
+//       &:nth-child(-1n+3){
+//         margin-right: 0;
+//       }
+//     }
+//   }
+// }
+//
+// @media screen and (max-width: 768px) {
+//   body{
+//     #start{
+//       width: $Wi80-m;
+//       #text_figli{
+//         #item_list{
+//           .card{
+//             width: $Wi33-m;
+//             #item{
+//               width: calc(300% + (.5rem * 3));
+//             }
+//           }
+//         }
+//       }
+//     }
+//   }
+//
+//   // typographie
+//   header{
+//     a{
+//       font-size: 2.5rem;
+//       line-height: 3rem;
+//     }
+//   }
+//   // .home{
+//   //   p{
+//   //     font-size: $txt-figli-t!important;
+//   //     line-height: $Flhome-t!important;
+//   //   }
+//   // }
+//   .other_projets{
+//     h3{
+//       font-size: $txt-figli-t;
+//     }
+//   }
+//
+//   body{
+//     &:not(.home){
+//       #start{
+//         margin-top: 5rem;
+//       }
+//     }
+//   }
+//
+//   #item_list{
+//     .card{
+//       width: calc( #{$Wi-m}  );
+//       &:nth-child(odd){
+//         margin-right: 0;
+//       }
+//       .card-header{
+//         margin-bottom: $marg;
+//         & > * {
+//           margin-right: $marg;
+//         }
+//       }
+//     }
+//   }
+// }
+//
+// @media screen and (max-width: 812px) and (orientation: landscape) {
+//   // typographie
+//   header{
+//     a{
+//       font-size: $txt-figli-m;
+//       line-height: $Flhome-m;
+//     }
+//   }
+//   .home{
+//     p{
+//       font-size: $txt-figli-m!important;
+//       line-height: $Flhome-m!important;
+//     }
+//   }
+//   .other_projets{
+//     h3{
+//       font-size: $txt-figli-m;
+//     }
+//   }
+//
+//   // mep
+//   header{
+//     width: calc( #{$Wi-m} - (#{$marg} * 2) );
+//   }
+//
+//   body{
+//     #start{
+//         width: calc( #{$Wi-m} - (#{$marg} * 2) );
+//     }
+//     &:not(.home){
+//       #start{
+//         margin-top: $Flhome;
+//       }
+//     }
+//     .sidebar-right{
+//       display: none;
+//     }
+//   }
+//
+//   #item_list{
+//     .card{
+//       width: $Wi50;
+//       &:nth-child(odd){
+//         margin-right: $margI;
+//       }
+//     }
+//   }
+//
+//   .other_projets{
+//     .card{
+//       width: $Wi33;
+//       &:nth-child(-1n+3){
+//         margin-right: $marg;
+//       }
+//     }
+//   }
+// }
+//
+// @media screen and (max-width: 910px) and (orientation: portrait) {
+//   header{
+//     a{
+//       font-size: 2.5rem;
+//       line-height: 3rem;
+//     }
+//   }
+//   .home{
+//     p{
+//       font-size: $txt-figli-t!important;
+//       line-height: $Flhome-t!important;
+//     }
+//   }
+//   .other_projets{
+//     h3{
+//       font-size: $txt-figli-t;
+//     }
+//   }
+//   body{
+//     &:not(.home){
+//       #start{
+//         margin-top: 5rem;
+//       }
+//     }
+//   }
+// }
+//
+// @media screen and (max-width: 660px) {
+//   header{
+//     a{
+//       font-size: $txt-figli-m;
+//       line-height: $Flhome-m;
+//     }
+//   }
+//   .home{
+//     p{
+//       font-size: $txt-figli-m!important;
+//       line-height: $Flhome-m!important;
+//     }
+//   }
+//   .other_projets{
+//     h3{
+//       font-size: $txt-figli-m;
+//     }
+//   }
+//
+//   body{
+//     &:not(.home){
+//       #start{
+//         margin-top: $Flhome;
+//       }
+//     }
+//   }
+// }
+//

user/themes/figureslibres/css/css-compiled/scss/theme/_reset.scss

@@ -0,0 +1,373 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  margin: 0;
+  padding: 0;
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  font-size: 16px;
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: auto;
+  margin:0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+p{
+ margin: 0;
+}
+
+ul{
+  list-style: none;
+}
+ul,li{
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  background-color: transparent;
+  color: black;
+  text-decoration: none;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+  width: 100%;
+  height: 100%;
+  vertical-align: bottom;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_sidebar.scss

@@ -0,0 +1,92 @@
+.sidebar-right{
+  position: fixed;
+  width: 20%;
+  height: 100%;
+  right: calc( -20% + 0.9rem);
+  top: 0;
+  transition: 0.3s right ease;
+  #icone_list{
+    z-index: 999;
+    position: fixed;
+    top: 0;
+    right: 0;
+    .hamburger{
+      padding: 0.8rem;
+      padding-right: 2rem;
+      .hamburger-box{
+        width: 30px;
+        .hamburger-inner{
+          height: 2px;
+          width: 30px;
+          &::before{
+            width: 20px;
+            height: inherit;
+          }
+          &::after{
+            height: inherit;
+            width: inherit;
+          }
+        }
+      }
+    }
+  }
+  .list-projets{
+    height: 100%;
+    overflow: auto;
+    .container{
+      margin: auto;
+    ul{
+      text-align: left;
+      margin: 0;
+      span.cat{
+        display: block;
+        line-height: 3rem;
+        font-weight: bold;
+        padding-left: 23px;
+      }
+      li{
+        display: inline-flex;
+        width: 100%;
+        margin-top: -6px;
+        &::before{
+          content: " ";
+          display: inline-block;
+          min-width: 15px;
+          height: auto;
+        }
+        &.culturelle{
+          &::before{
+            background: $color_culturelle;
+          }
+        }
+        &.sociale{
+          &::before{
+            background: $color_sociale;
+          }
+        }
+        &.publique{
+          &::before{
+            background: $color_publique;
+          }
+        }
+      }
+      a{
+        color: black;
+        display: block;
+        padding-left: 0.5rem;
+        &.active{
+          color: black;
+        }
+        &:hover{
+          background: white;
+          transition: 0.3s background ease;
+        }
+      }
+    }
+    }
+  }
+  &.is-active{
+      right: 0;
+      transition: 0.3s right ease;
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_start.scss

@@ -0,0 +1,183 @@
+*{
+  box-sizing: border-box;
+}
+
+html, body{
+  background: #f9f9f9fe;
+}
+
+body{
+  #start{
+      width: $Wi80;
+      margin: $marg auto auto $marg;
+      #text_figli{
+        p {
+          a{
+            // position: relative;
+            &.marg{
+              margin-right: $marg;
+            }
+          }
+        }
+        #item_list{
+          width: 80vw;
+          margin-top: 0.5rem;
+          position: relative;
+
+        .card{
+          width: calc((100% / 5) - ( #{$marg} * 2) );
+          display: inline-block;
+          vertical-align: top;
+          position: relative;
+          margin: 0 $marg $marg 0;
+          height: 100%;
+          & > .card-image{
+            &.open{
+              a{
+                img{
+                  filter: grayscale(0);
+                  transition: filter 0.3s ease;
+                }
+              }
+            }
+          }
+          a{
+            display: block;
+            border-radius: 5px;
+            overflow: auto;
+            img{
+              filter: grayscale(1);
+              transition: filter 0.3s ease;
+            }
+          }
+          .card-header{
+            width: 100%;
+            padding: $marg;
+            flex-wrap: wrap;
+            display: none;
+            border-bottom-left-radius: 5px;
+            border-bottom-right-radius: 5px;
+            & > *{
+              font-size: 0.8rem;
+              line-height: 1rem;
+              margin-right: $marg;
+            }
+          }
+          &:hover{
+            a{
+              display: block;
+              img{
+                filter: grayscale(0);
+                transition: filter 0.3s ease;
+              }
+            }
+            .card-header{
+              display: inline-flex;
+              position: absolute;
+              // transform: translateY(-100%);
+              bottom: 0;
+            }
+          }
+          &:last-of-type{
+            vertical-align: baseline!important;
+          }
+          #item{
+            width: calc( 500% + ( #{$marg} * 4) );
+            padding: 2rem;
+            margin-top: $marg;
+            border-radius: 5px;
+            .content-title{
+              margin: 0 auto 0 auto;
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: space-between;
+              align-items: baseline;
+              a{
+                display: block;
+              }
+            }
+            .e-content{
+              margin: 1rem auto 2rem auto;
+              p{
+                font-size: 1rem;
+                line-height: 1.2rem;
+              }
+            }
+            &.publique{
+              background: $color_publique;
+
+            }
+            &.sociale{
+              background: $color_sociale;
+
+            }
+            &.culturelle{
+              background: $color_culturelle;
+            }
+          }
+        }
+        &.publique{
+          .card{
+            &:hover{
+              .card-header{
+                background: $color_publique;
+              }
+            }
+          }
+        }
+        &.sociale{
+          .card{
+            &:hover{
+              .card-header{
+                background: $color_sociale;
+              }
+            }
+          }
+        }
+        &.culturelle{
+          .card{
+            &:hover{
+              .card-header{
+                background: $color_culturelle;
+              }
+            }
+          }
+        }
+        &.commanditaires{
+          flex-direction: column;
+        }
+      }
+    }
+  }
+  &:not(.home){
+    #start{
+      margin-top: calc( 2rem +  #{$Flhome});
+    }
+  }
+}
+
+#icone_list{
+  z-index: 999;
+  position: absolute;
+  top: -60px;
+  right: 20px;
+  .hamburger{
+    padding: 0.8rem;
+    padding-right: 2rem;
+    .hamburger-box{
+      width: 30px;
+      .hamburger-inner{
+        height: 2px;
+        width: 30px;
+        &::before{
+          width: 20px;
+          height: inherit;
+        }
+        &::after{
+          height: inherit;
+          width: inherit;
+        }
+      }
+    }
+  }
+}

user/themes/figureslibres/css/css-compiled/scss/theme/_typography.scss

@@ -0,0 +1,136 @@
+h1, h2, h3, p, ul, li, a, span{
+  font-family: $lato;
+  font-weight: lighter;
+}
+
+header{
+  a{
+    font-size: $txt-figli;
+    line-height: $Flhome;
+  }
+}
+
+.home{
+  p{
+    font-size: $txt-figli;
+    line-height: 3rem;
+  }
+  #text_figli{
+    strong{
+      position: relative;
+      &::after{
+        display: block;
+        position: absolute;
+        content: "";
+        width: 100%;
+        height: 1px;
+        background: black;
+        bottom: 0;
+      }
+    }
+    a{
+      position: relative;
+      &#publique{
+        font-family: $playfair;
+      }
+      &#sociale{
+        font-family: $syne;
+      }
+      &#culturelle{
+        font-family: $avara;
+      }
+      &#commanditaires{
+        font-family: $moche;
+      }
+    }
+    #item{
+      .e-content{
+        p{
+          font-size: 1rem;
+          line-height: 1.2rem;
+        }
+      }
+    }
+    #item_list{
+      &.commanditaires{
+        flex-direction: column;
+        .card-title{
+          line-height: normal;
+        }
+      }
+
+    }
+  }
+}
+
+#item{
+  h2{
+    width: auto;
+    line-height: 4rem!important;
+    font-size: 4rem!important;
+    font-weight: normal!important;
+  }
+  span{
+    font-size: 1rem;
+ }
+ &.publique{
+   h2{
+     font-family: $playfair;
+   }
+   span{
+     font-family: $playfair;
+     font-weight: normal;
+   }
+ }
+ &.sociale{
+   h2{
+     font-family: $syne;
+   }
+   span{
+     font-family: $syne;
+     font-weight: normal;
+   }
+ }
+  &.culturelle{
+    h2{
+      font-family: $avara;
+    }
+    span{
+      font-family: $avara;
+      font-weight: normal;
+    }
+  }
+}
+
+a.publique, span.publique{
+  font-family: $playfair;
+}
+
+a.sociale, span.sociale{
+  font-family: $syne;
+}
+
+a.culturelle, span.culturelle{
+  font-family: $avara;
+}
+
+.sidebar-right{
+  ul, a{
+    font-size: 0.9rem;
+    line-height: 1.2rem;
+  }
+}
+
+.other_projets{
+  h3{
+    font-size: $txt-figli;
+    margin: 0;
+  }
+}
+
+.card{
+  h2{
+    margin: 0;
+    font-size: 1rem;
+  }
+}

user/themes/figureslibres/css/css-compiled/templates/blog.html.twig

@@ -0,0 +1,33 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+
+{% block header %}
+  <header>
+    <h1>
+      <a href="/">{{site.title}}</a>
+    </h1>
+  </header>
+{% endblock %}
+
+{% block body %}
+    <section class="body-wrapper" id="item_list">
+      <div id="icone_list">
+        <button class="hamburger hamburger--slider is-active" type="button">
+          <span class="hamburger-box">
+            <span class="hamburger-inner"></span>
+          </span>
+        </button>
+      </div>
+
+      {% block item %}
+          {% for child in collection %}
+              {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
+          {% endfor %}
+      {% endblock %}
+    </section>
+
+    {% block aside %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}
+
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/default.html.twig

@@ -0,0 +1,5 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    {{ page.content|raw }}
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/error.html.twig

@@ -0,0 +1,12 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+	<div id="error">
+		<div>
+			<h1>{{ 'PLUGIN_ERROR.ERROR'|t }} {{ page.header.http_response_code }}</h1>
+			<p>
+				{{ page.content|raw }}
+			</p>
+		</div>
+	</div>
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/forms/fields/checkbox/checkbox.html.twig

@@ -0,0 +1,32 @@
+{% extends "forms/field.html.twig" %}
+
+{% block label %}
+{% endblock %}
+
+{% block input %}
+    {% set id = field.id|default(field.name) ~ '-' ~ key %}
+    <div class="{{ form_field_wrapper_classes ?: 'form-input-wrapper' }} {{ field.size }} {{ field.wrapper_classes }}">
+        <label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
+        <input
+            {# required attribute structures #}
+            name="{{ (scope ~ field.name)|fieldName }}"
+            value="{{ value|join(', ') }}"
+            type="checkbox"
+            {% if value == true %} checked="checked" {% endif %}
+
+            {# input attribute structures #}
+            {% block input_attributes %}
+                id="{{ id|e }}"
+                {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                {% if field.style is defined %}style="{{ field.style|e }}" {% endif %}
+                {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                {% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
+                {% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
+                {% if required %}required="required"{% endif %}
+            {% endblock %}
+            />
+            <i class="form-icon"></i>
+            {{ field.label|t|e }} {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
+        </label>
+    </div>
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/forms/fields/checkboxes/checkboxes.html.twig

@@ -0,0 +1,44 @@
+{% extends "forms/field.html.twig" %}
+
+{% set originalValue = value %}
+{% set value = (value is null ? field.default : value) %}
+{% if field.use == 'keys' and field.default %}
+    {% set value = field.default|merge(value) %}
+{% endif %}
+
+{% block global_attributes %}
+    {{ parent() }}
+    data-grav-keys="{{ field.use == 'keys' ? 'true' : 'false' }}"
+    data-grav-field-name="{{ (scope ~ field.name)|fieldName }}"
+{% endblock %}
+
+{% block input %}
+    {% for key, text in field.options %}
+
+        {% set id = field.id|default(field.name) ~ '-' ~ key %}
+        {% set name = field.use == 'keys' ? key : id %}
+        {% set val = field.use == 'keys' ? '1' : key %}
+        {% set checked = (field.use == 'keys' ? value[key] : key in value) %}
+        {% set help = (key in field.help_options|keys ? field.help_options[key] : false) %}
+
+        <div class="checkboxes {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
+            <label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
+            <input type="checkbox"
+                   id="{{ id|e }}"
+                   value="{{ val|e }}"
+                   name="{{ (scope ~ field.name)|fieldName ~ '[' ~ name ~ ']' }}"
+                   {% if checked %}checked="checked"{% endif %}
+                   {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                   {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+
+            >
+                <i class="form-icon"></i>
+                {% if help %}
+                    <span class="hint--bottom" data-hint="{{ help|t|e('html_attr') }}">{{ text|t|e }}</span>
+                {% else %}
+                    {{ text|t|e }}
+                {% endif %}
+            </label>
+        </div>
+    {% endfor %}
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/forms/fields/radio/radio.html.twig

@@ -0,0 +1,26 @@
+{% extends "forms/field.html.twig" %}
+
+{% set originalValue = value %}
+{% set value = (value is null ? field.default : value) %}
+
+{% block input %}
+    {% for key, text in field.options %}
+        {% set id = field.id|default(field.name) ~ '-' ~ key %}
+
+        <div class="radio {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
+            <label class="{{ form_field_radio_classes }}" for="{{ id|e }}">
+            <input type="radio"
+                   value="{{ key|e }}"
+                   id="{{ id|e }}"
+                   name="{{ (scope ~ field.name)|fieldName }}"
+                   {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
+                   {% if key == value %}checked="checked" {% endif %}
+                   {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                   {% if required %}required="required"{% endif %}
+            />
+            <i class="form-icon"></i>
+            {% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}
+            </label>
+        </div>
+    {% endfor %}
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/forms/fields/switch/switch.html.twig

@@ -0,0 +1,3 @@
+{% set form_field_checkbox_classes = 'form-switch' %}
+{% extends "forms/fields/checkbox/checkbox.html.twig" %}
+

user/themes/figureslibres/css/css-compiled/templates/item.html.twig

@@ -0,0 +1,39 @@
+{% extends 'partials/base.html.twig' %}
+{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
+{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
+{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
+{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
+{% set hero_image_name = page.header.hero_image %}
+
+{% block hero %}
+    {% if hero_image_name %}
+        {% set hero_image = page.media[hero_image_name] %}
+        {% set content %}
+            <h1>{{ page.title }}</h1>
+            <h2>{{ page.header.subtitle }}</h2>
+            {% include 'partials/blog/date.html.twig' %}
+            {% include 'partials/blog/taxonomy.html.twig' %}
+        {% endset %}
+        {% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
+
+    {% endif %}
+{% endblock %}
+
+{% block body %}
+<section id="body-wrapper" class="section blog-listing">
+    <section class="container {{ grid_size }}">
+
+        {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
+            {% include 'partials/breadcrumbs.html.twig' %}
+        {% endif %}
+
+        {% embed 'partials/layout.html.twig' %}
+            {% block item %}
+                {% include 'partials/blog-item.html.twig' %}
+            {% endblock %}
+
+        {% endembed %}
+
+    </section>
+</section>
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/macros/macros.html.twig

@@ -0,0 +1,22 @@
+{% macro nav_loop(page) %}
+  {% import _self as macros %}
+  {% for p in page.children.visible %}
+    {% set active_page = (p.active or p.activeChild) ? ' class="active"' : '' %}
+    {% if p.children.visible.count > 0 %}
+      <li>
+        <a href="{{ p.url }}"{{ active_page }}>
+          {{ p.menu }}
+        </a>
+        <ul>
+          {{ macros.nav_loop(p) }}
+        </ul>
+      </li>
+    {% else %}
+      <li>
+        <a href="{{ p.url }}"{{ active_page }}>
+          {{ p.menu }}
+        </a>
+      </li>
+    {% endif %}
+  {% endfor %}
+{% endmacro %}

user/themes/figureslibres/css/css-compiled/templates/modular.html.twig

@@ -0,0 +1,65 @@
+{% extends 'partials/base.html.twig' %}
+
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
+
+{% import _self as macro %}
+
+{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
+
+{% block javascripts %}
+    {% if show_onpage_menu %}
+        {% do assets.add('theme://js/singlepagenav.min.js') %}
+    {% endif %}
+    {{ parent() }}
+{% endblock %}
+
+{% block bottom %}
+    {{ parent() }}
+    {% if show_onpage_menu %}
+        <script>
+        // singlePageNav initialization & configuration
+        $('ul.navigation').singlePageNav({
+            offset: $('#header').outerHeight(),
+            filter: ':not(.external)',
+            updateHash: true,
+            currentClass: 'active'
+        });
+        </script>
+    {% endif %}
+{% endblock %}
+
+{% block header_navigation %}
+<!-- test -->
+    {% if show_onpage_menu %}
+        <ul class="navigation">
+        {% for module in page.collection() if module.header.visible is not same as(false) %}
+            {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
+            <li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
+        {% endfor %}
+        {% for mitem in site.menu %}
+            <li>
+                <a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
+                    {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
+                    {{ mitem.text }}
+                </a>
+            </li>
+        {% endfor %}
+        </ul>
+    {% else %}
+        {{  parent() }}
+    {% endif %}
+{% endblock %}
+
+{% block hero %}
+    {% for module in page.collection() if module.template == 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}
+    {% for module in page.collection() if module.template != 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}

user/themes/figureslibres/css/css-compiled/templates/modular/features.html.twig

@@ -0,0 +1,30 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12'  %}
+<section class="section modular-features {{ page.header.class}}">
+        <section class="container {{ grid_size }}">
+            <div class="frame-box">
+
+                {{ content|raw }}
+
+                <div class="columns">
+                {% for feature in page.header.features %}
+                   <div class="column {{ columns }}">
+                      {% if feature.url %}<a href="{{feature.url}}">{% endif %}
+                      <div class="feature-icon">
+                         <i class="fa fa-fw {{ feature.icon }}"></i>
+                         {% if feature.header %}
+                            <h6>{{ feature.header }}</h6>
+                         {% endif %}
+                      </div>
+                      {% if feature.url %}</a>{% endif %}
+                      <div class="feature-content">
+                         {% if feature.text %}
+                         <p>{{ feature.text }}</p>
+                         {% endif %}
+                      </div>
+                   </div>
+                {% endfor %}
+                </div>
+            </div>
+        </section>
+</section>

user/themes/figureslibres/css/css-compiled/templates/modular/hero.html.twig

@@ -0,0 +1,4 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
+
+{% include 'partials/hero.html.twig' %}

user/themes/figureslibres/css/css-compiled/templates/modular/text.html.twig

@@ -0,0 +1,23 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set image = page.media.images|first %}
+
+<section class="section modular-text {{ page.header.class}} bg-gray">
+    <section class="container {{ grid_size }}">
+        <div class="columns {{ page.header.image_align|default('align-right') }}">
+            {% if image %}
+            <div class="column col-6 col-md-12">
+                {{ content|raw }}
+            </div>
+            <div class="column col-6 col-md-12">
+                {% if image %}
+                    {{ image.html|raw }}
+                {% endif %}
+            </div>
+            {% else %}
+            <div class="column col-12">
+                {{ content|raw }}
+            </div>
+            {% endif %}
+        </div>
+    </section>
+</section>

user/themes/figureslibres/css/css-compiled/templates/partials/base.html.twig

@@ -0,0 +1,59 @@
+{% set body_classes = body_class(['header-fixed', 'header-animated', 'header-dark', 'header-transparent', 'sticky-footer']) %}
+{% set grid_size = theme_var('grid-size') %}
+{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
+
+<!DOCTYPE html>
+<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
+<head>
+{% block head %}
+    <meta charset="utf-8" />
+    <title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'partials/metadata.html.twig' %}
+
+    <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
+    <link rel="canonical" href="{{ page.url(true, true) }}" />
+
+    {% block stylesheets %}
+        {% do assets.addCss('theme://css/hamburgers.css') %}
+        {% do assets.addCss('theme://css-compiled/theme'~compress) %}
+    {% endblock %}
+    {{ assets.css()|raw }}
+
+    {% block javascripts %}
+        {% do assets.addJs('theme://js/jquery-3.4.1.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/jquery.lazy.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+    {% endblock %}
+
+    {{ assets.js()|raw }}
+
+{% endblock head %}
+</head>
+<body id="top" class="{{ header.title|hyphenize }}">
+    {% block header %}
+    {% endblock %}
+    <section id="start">
+      {% block body %}
+        <div class="body-center" id="text_figli">
+
+            {% block content %}
+
+          {% endblock %}
+        </section>
+
+        {% block aside %}
+          {% include 'partials/sidebar.html.twig' %}
+        {% endblock %}
+
+      {% endblock %}
+    </section>
+
+{% block bottom %}
+    {{ assets.js('bottom')|raw }}
+{% endblock %}
+
+</body>
+</html>

user/themes/figureslibres/css/css-compiled/templates/partials/blog-item.html.twig

@@ -0,0 +1,18 @@
+<div class="content-title">
+  {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+  <div>
+    {% include 'partials/blog/taxonomy.html.twig'  %}
+    {% include 'partials/blog/date.html.twig' %}
+  </div>
+
+</div>
+
+<div class="e-content">
+  {{ page.content|raw }}
+</div>
+
+<div class="card-image">
+{% for image in page.media.images %}
+    <img class="lazy" data-src="{{image.url}}" alt="images">
+{% endfor %}
+</div>

user/themes/figureslibres/css/css-compiled/templates/partials/blog-list-item.html.twig

@@ -0,0 +1,42 @@
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'-', 'é':'e', ',':'',':':'','.':'','(':'',')':'','?':'', "’": '','ê':'e' }) }}{% endmacro %}
+
+{% import _self as macro %}
+
+{% set image = page.media.images|first %}
+
+{% if image %}
+<!-- card projet -->
+  <div class="card">
+    <div id="{{ page.folder }}" class="card-image">
+      <a href="{{ page.url }}">
+
+        <div class="card-header">
+          {% if page.header.title %}
+          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+          {% endif %}
+          {% if page.header.taxonomy.tag %}
+          {% include 'partials/blog/taxonomy.html.twig' %}
+          {% endif %}
+
+          {% if page.header.date %}
+          {% include 'partials/blog/date.html.twig' %}
+          {% endif %}
+        </div>
+        <img class="lazy" data-src="{{image.url}}" alt="Projet">
+      </a>
+    </div>
+  </div>
+ {% else %}
+ <!-- card commanditaire -->
+ <div class="card">
+   <div id="{{ page.folder }}" class="card-image">
+     <!-- <a href="{{ page.url }}"> -->
+       <div class="card-title">
+         {% if page.header.title %}
+          {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+         {% endif %}
+       </div>
+     <!-- </a> -->
+   </div>
+ </div>
+{% endif %}

user/themes/figureslibres/css/css-compiled/templates/partials/blog/date.html.twig

@@ -0,0 +1,6 @@
+<span>&#x2022;</span>
+<span class="blog-date">
+    <time class="dt-published" datetime="{{ page.date|date("Y") }}">
+      {{ page.date|date("Y") }}
+    </time>
+</span>

user/themes/figureslibres/css/css-compiled/templates/partials/blog/other_projets.html.twig

@@ -0,0 +1,32 @@
+<div class="other_projets">
+  <h3>Les autres projets <span class="{{page.parent.title|lower}}">{{page.parent.title|lower}}s</span></h3>
+  {% set collection_random = page.parent.collection|slice(1,4) %}
+
+  {% for item in collection_random %}
+    {% if item.title == page.title == false %}
+      <div class="card">
+        <div class="card-images">
+          <a href="{{item.url}}">
+          {% for image in item.media.images|slice(0,1) %}
+            {{ image.html }}
+          {% endfor %}
+          </a>
+        </div>
+        <div class="card-header">
+            {% if item.header.title %}
+              {% include 'partials/blog/title.html.twig' with { 'page': item } %}
+            {% endif %}
+            {% if item.header.taxonomy.tag %}
+            <!-- <span>&#x2022;</span> -->
+              {% include 'partials/blog/taxonomy.html.twig' with { 'page': item } %}
+            {% endif %}
+            {% if item.header.date %}
+            <!-- <span>&#x2022;</span> -->
+              {% include 'partials/blog/date.html.twig' with { 'page': item } %}
+            {% endif %}
+
+        </div>
+      </div>
+    {% endif %}
+  {% endfor %}
+</div>

user/themes/figureslibres/css/css-compiled/templates/partials/blog/page-summary.html.twig

@@ -0,0 +1,8 @@
+<div class="p-summary e-content">
+    {% if page.summary != page.content %}
+        {{ page.summary|raw }}
+    {% else %}
+        {{ page.content|raw }}
+    {% endif %}
+</div>
+

user/themes/figureslibres/css/css-compiled/templates/partials/blog/taxonomy.html.twig

@@ -0,0 +1,8 @@
+{% if page.taxonomy.tag %}
+<span>&#x2022;</span>
+<span class="tags">
+    {% for tag in page.taxonomy.tag %}
+      {{ tag }}
+    {% endfor %}
+</span>
+{% endif %}

user/themes/figureslibres/css/css-compiled/templates/partials/blog/title.html.twig

@@ -0,0 +1,12 @@
+{% set title_level = title_level ?: 'h2' %}
+
+{% if page.header.link %}
+    <{{ title_level }}>
+        {% if page.header.continue_link is not same as(false) %}
+        <a href="{{ page.url }}"><i></i></a>
+        {% endif %}
+        {{ page.title }}
+    </{{ title_level }}>
+{% else %}
+    <{{ title_level }}>{{ page.title }}</{{ title_level }}>
+{% endif %}

user/themes/figureslibres/css/css-compiled/templates/partials/footer.html.twig

@@ -0,0 +1,2 @@
+<footer class="section bg-gray">
+</section>

user/themes/figureslibres/css/css-compiled/templates/partials/form-messages.html.twig

@@ -0,0 +1,6 @@
+{% if form.message %}
+  {% set inline_errors = form.inline_errors is not null ? form.inline_errors : config.plugins.form.inline_errors(false) %}
+  {% set status_mapping = {'success':'green', 'error': 'red', 'warning': 'yellow'} %}
+  {% set message = inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
+    <div class="toast toast-{{ form.status }} {{ status_mapping[form.status] ?: 'green' }} mt-2 mb-2">{{ message|raw }}</div>
+{% endif %}

user/themes/figureslibres/css/css-compiled/templates/partials/hero.html.twig

@@ -0,0 +1,7 @@
+<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url({{ hero_image.url }});"{% endif %}>
+    <div class="image-overlay"></div>
+    <section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
+        {{ content|raw }}
+    </section>
+    <i id="to-start" class="pulse fa fa-angle-down"></i>
+</section>

user/themes/figureslibres/css/css-compiled/templates/partials/layout.html.twig

@@ -0,0 +1,11 @@
+    <div id="item" class="column">
+        {% block item %}{% endblock %}
+    </div>
+
+    {% block footer %}
+      {% include 'partials/blog/other_projets.html.twig' %}
+    {% endblock %}
+
+    {% block aside %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}

user/themes/figureslibres/css/css-compiled/templates/partials/logo.html.twig

@@ -0,0 +1,9 @@
+{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
+<a href="{{ home_url }}" class="navbar-brand mr-10">
+{% if logo %}
+  {% set logo_file = (logo|first).name %}
+  <img src="{{ url('theme://images/logo/' ~ logo_file)  }}" alt="{{ site.name }}" />
+{% else %}
+  {% include('@images/grav-logo.svg') %}
+{% endif %}
+</a>

user/themes/figureslibres/css/css-compiled/templates/partials/messages.html.twig

@@ -0,0 +1,17 @@
+{% set type_mapping = {'info':'success', 'error': 'error', 'warning': 'warning'} %}
+{% set icon_mapping = {'info':'checkmark', 'error':'wrong', 'warning':'information'} %}
+
+{% if grav.messages.all %}
+    <div id="messages">
+    {% for message in grav.messages.fetch %}
+
+        {% set scope = message.scope|e %}
+        {% set type = type_mapping[scope] %}
+        {% set icon = icon_mapping[scope] %}
+
+        <div class="toast toast-{{ type }} {{ scope }}">
+            <i class="icon dripicons-{{ icon }}"></i> {{ message.message|raw }}
+        </div>
+    {% endfor %}
+    </div>
+{% endif %}

user/themes/figureslibres/css/css-compiled/templates/partials/navigation.html.twig

@@ -0,0 +1,6 @@
+{% import 'macros/macros.html.twig' as macros %}
+
+<ul {{ tree ? 'class="tree"' : '' }}>
+    {{ macros.nav_loop(pages) }}
+</ul>
+

user/themes/figureslibres/css/css-compiled/templates/partials/relatedpages.html.twig

@@ -0,0 +1,15 @@
+<ul class="related-pages menu">
+    {% for related_path, score in related_pages %}
+        {% set related = grav['pages'].get(related_path) %}
+        {% if related %}
+            <li class="menu-item">
+                {% if config.plugins.relatedpages.show_score %}
+                    <div class="menu-badge">
+                        <span class="label lable-primary">{{ score }}</span>
+                    </div>
+                {% endif %}
+                <a href="{{ related.url }}" title="{{ related.title }}">{{ related.title }}</a>
+            </li>
+        {% endif %}
+    {% endfor %}
+</ul>

user/themes/figureslibres/css/css-compiled/templates/partials/sidebar.html.twig

@@ -0,0 +1,15 @@
+<div class="sidebar-right">
+  <div id="icone_list">
+    <button class="hamburger hamburger--slider" type="button">
+      <span class="hamburger-box">
+        <span class="hamburger-inner"></span>
+      </span>
+    </button>
+  </div>
+
+  <div class="list-projets close">
+    <div class="container">
+      {% include 'partials/taxonomylist.html.twig' with { 'taxonomy':'category'} %}
+    </div>
+  </div>
+</div>

user/themes/figureslibres/css/css-compiled/templates/partials/taxonomylist.html.twig

@@ -0,0 +1,26 @@
+{% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
+
+{% macro pageLinkName(text) %}
+  {{ text|lower|replace({' ':'_', 'é':'e'}) }}
+{% endmacro %}
+
+{% import _self as macro %}
+
+{% for tax,value in taxlist[taxonomy] %}
+  <ul>
+    <span class="cat">{{ tax }}</span>
+
+    {% set options = { items: {'@taxonomy': {'category': tax} } } %}
+    {% set my_collection = page.collection(options) %}
+
+    {% for i in my_collection %}
+    {% if i.media.images|first %}
+      <li class="{{i.parent.folder}}">
+        <a id="{{i.parent.folder}}" href="{{i.url}}">{{i.title}}</a>
+        {% set image = page.media.images|first %}
+      </li>
+      {% endif %}
+    {% endfor %}
+
+  </ul>
+{% endfor %}

user/themes/figureslibres/css/css-compiled/templates/projet.html.twig

@@ -0,0 +1,19 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block header %}
+  <header>
+    <h1>
+      <a href="/">{{site.title}} &#x2022; </a><a class="{{page.parent.title|lower}}" href="{{page.parent.url|lower}}">{{page.parent.title|lower}}</a>
+    </h1>
+  </header>
+{% endblock %}
+
+{% block body %}
+  <section id="body-wrapper">
+        {% embed 'partials/layout.html.twig' %}
+            {% block item %}
+                {% include 'partials/blog-item.html.twig' %}
+            {% endblock %}
+        {% endembed %}
+  </section>
+{% endblock %}

user/themes/figureslibres/css/images/facebook.svg

@@ -0,0 +1,118 @@
+<?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="30"
+   height="58.181999"
+   viewBox="0 0 7.9374998 15.393988"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="facebook.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.85625756"
+     inkscape:cx="-366.35848"
+     inkscape:cy="319.69666"
+     inkscape:document-units="mm"
+     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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-281.60599)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot10"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion12"><rect
+           id="rect14"
+           width="1774.2858"
+           height="845.71429"
+           x="-1008.5714"
+           y="-34.623173" /></flowRegion><flowPara
+         id="flowPara16" /></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot18"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion20"><rect
+           id="rect22"
+           width="591.42859"
+           height="888.57141"
+           x="80"
+           y="142.51968" /></flowRegion><flowPara
+         id="flowPara24" /></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot26"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion28"><rect
+           id="rect30"
+           width="697.14288"
+           height="951.42859"
+           x="22.857143"
+           y="56.805401" /></flowRegion><flowPara
+         id="flowPara32" /></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot34"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion36"><rect
+           id="rect38"
+           width="671.42859"
+           height="965.71429"
+           x="60"
+           y="76.805397" /></flowRegion><flowPara
+         id="flowPara40" /></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot42"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion44"><rect
+           id="rect46"
+           width="202.85715"
+           height="181.42857"
+           x="60"
+           y="43.948257" /></flowRegion><flowPara
+         id="flowPara48" /></flowRoot>    <path
+       inkscape:connector-curvature="0"
+       id="path60"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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.20616885"
+       d="m 2.3151041,297 v -6.88518 H 0 v -2.73603 h 2.3151041 v -2.16478 q 0,-1.71377 0.9621213,-2.64582 0.9621211,-0.96213 2.5556343,-0.96213 1.2928505,0 2.1046403,0.12026 v 2.43538 H 6.494318 q -0.8117898,0 -1.1124522,0.36079 -0.2405306,0.30067 -0.2405306,0.96212 v 1.89418 H 7.6969699 L 7.336174,290.11482 H 5.1413352 V 297 Z" />
+  </g>
+</svg>

user/themes/figureslibres/css/images/fleche.svg

@@ -0,0 +1,91 @@
+<?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="15"
+   height="26.25"
+   viewBox="0 0 3.9687499 6.9453127"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="fleche.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="375.00598"
+     inkscape:cy="203.08658"
+     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,-290.05468)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot10"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion12"><rect
+           id="rect14"
+           width="320"
+           height="588.57141"
+           x="234.28572"
+           y="253.94826" /></flowRegion><flowPara
+         id="flowPara16"></flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot18"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion20"><rect
+           id="rect22"
+           width="794.28571"
+           height="631.42859"
+           x="-5.7142859"
+           y="-0.33745781" /></flowRegion><flowPara
+         id="flowPara24"></flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot36"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="matrix(0,-0.10630581,0.10630581,0,-19.342259,300.6665)"><flowRegion
+         id="flowRegion38"><rect
+           id="rect40"
+           width="168.57143"
+           height="287.14285"
+           x="31.428572"
+           y="153.94826" /></flowRegion><flowPara
+         id="flowPara44"></flowPara></flowRoot>  </g>
+</svg>

user/themes/figureslibres/css/images/forme3.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23mm" height="23mm" viewBox="0 0 23 23"><path style="isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" d="M19.867 19.35l-8.028 3.57-8.236-3.062-3.57-8.029 3.062-8.235 8.028-3.57 8.236 3.062 3.57 8.028z" color="#000" overflow="visible" fill="#82f8ee" fill-rule="evenodd"/></svg>

user/themes/figureslibres/css/images/forme4.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="86.536003"
+   height="51.919998"
+   viewBox="0 0 22.895983 13.737167"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="forme4.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <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="defs8" />
+  <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="namedview6"
+     showgrid="false"
+     inkscape:zoom="3.3425694"
+     inkscape:cx="52.564374"
+     inkscape:cy="34.015748"
+     inkscape:window-x="0"
+     inkscape:window-y="22"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4"
+     units="px" />
+  <rect
+     style="color:#000000;overflow:visible;isolation:auto;mix-blend-mode:normal;solid-color:#000000;solid-opacity:1;fill:#ff7f7a;fill-rule:evenodd;stroke-width:0.76318282"
+     width="13.392332"
+     height="13.392332"
+     x="6.6543446"
+     y="-6.6960573"
+     rx="0.071739182"
+     ry="0.071739182"
+     transform="matrix(0.85750175,0.51448105,-0.85750175,0.51448105,0,0)"
+     overflow="visible"
+     id="rect2" />
+</svg>

user/themes/figureslibres/css/images/logo/fleche.svg

@@ -0,0 +1,93 @@
+<?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="15"
+   height="26.25"
+   viewBox="0 0 3.9687499 6.9453127"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="fleche.svg"
+   inkscape:export-filename="/home/kevin/Documents/Developer/docker/docker-figureslibres/src/user/themes/figureslibres/images/favicon.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <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="-32.838906"
+     inkscape:cy="203.08658"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="956"
+     inkscape:window-height="1029"
+     inkscape:window-x="960"
+     inkscape:window-y="22"
+     inkscape:window-maximized="0" />
+  <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,-290.05468)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot10"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion12"><rect
+           id="rect14"
+           width="320"
+           height="588.57141"
+           x="234.28572"
+           y="253.94826" /></flowRegion><flowPara
+         id="flowPara16"></flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot18"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       transform="scale(0.26458333)"><flowRegion
+         id="flowRegion20"><rect
+           id="rect22"
+           width="794.28571"
+           height="631.42859"
+           x="-5.7142859"
+           y="-0.33745781" /></flowRegion><flowPara
+         id="flowPara24"></flowPara></flowRoot>    <g
+       aria-label=""
+       transform="matrix(0,-0.10630581,0.10630581,0,-19.342259,300.6665)"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;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"
+       id="flowRoot36">
+      <path
+         d="m 93.698566,219.28255 h 6.124999 v -37.33333 h -6.124999 z m -26.25,-32.95833 11.229167,11.22916 H 34.490234 v 6.125 h 44.187499 l -11.229167,11.22917 4.375,4.375 18.666666,-18.66667 -18.666666,-18.66666 z"
+         style=""
+         id="path89" />
+    </g>
+  </g>
+</svg>

user/themes/figureslibres/css/images/ovale.svg

@@ -0,0 +1,66 @@
+<?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="460.37"
+   height="163.705"
+   viewBox="0 0 121.80623 43.313616"
+   version="1.1"
+   id="svg1230"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="ovale.svg">
+  <defs
+     id="defs1224" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-105.71429"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     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="metadata1227">
+    <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,-253.68634)">
+    <ellipse
+       transform="rotate(-6.6177897)"
+       ry="20.332951"
+       rx="60.998852"
+       cy="280.52744"
+       cx="28.765276"
+       id="ellipse1882"
+       style="display:inline;opacity:1;fill:#000000;fill-opacity:0;fill-rule:nonzero;stroke:#ff0000;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+  </g>
+</svg>

user/themes/figureslibres/css/js/jquery.treemenu.js

@@ -0,0 +1,87 @@
+/*
+ treeMenu - jQuery plugin
+ version: 0.6
+
+ Copyright 2014 Stepan Krapivin
+
+*/
+(function($){
+    $.fn.treemenu = function(options) {
+        options = options || {};
+        options.delay = options.delay || 0;
+        options.openActive = options.openActive || false;
+        options.closeOther = options.closeOther || false;
+        options.activeSelector = options.activeSelector || ".active";
+
+        this.addClass("treemenu");
+
+        if (!options.nonroot) {
+            this.addClass("treemenu-root");
+        }
+
+        options.nonroot = true;
+
+        this.find("> li").each(function() {
+            e = $(this);
+            var subtree = e.find('> ul');
+            var button = e.find('.toggler').eq(0);
+
+            if(button.length == 0) {
+                // create toggler
+                var button = $('<span>');
+                button.addClass('toggler');
+                e.prepend(button);
+            }
+
+            if(subtree.length > 0) {
+                subtree.hide();
+
+                e.addClass('tree-closed');
+
+                e.find(button).click(function() {
+                    var li = $(this).parent('li');
+
+                    if (options.closeOther && li.hasClass('tree-closed')) {
+                        var siblings = li.parent('ul').find("li:not(.tree-empty)");
+                        siblings.removeClass("tree-opened");
+                        siblings.addClass("tree-closed");
+                        siblings.removeClass(options.activeSelector);
+                        siblings.find('> ul').slideUp(options.delay);
+                    }
+
+                    li.find('> ul').slideToggle(options.delay);
+                    li.toggleClass('tree-opened');
+                    li.toggleClass('tree-closed');
+                    li.toggleClass(options.activeSelector);
+                });
+
+                $(this).find('> ul').treemenu(options);
+            } else {
+                $(this).addClass('tree-empty');
+            }
+        });
+
+        if (options.openActive) {
+            var cls = this.attr("class");
+
+            this.find(options.activeSelector).each(function(){
+                var el = $(this).parent();
+
+                while (el.attr("class") !== cls) {
+                    el.find('> ul').show();
+                    if(el.prop("tagName") === 'UL') {
+                        el.show();
+                    } else if (el.prop("tagName") === 'LI') {
+                        el.removeClass('tree-closed');
+                        el.addClass("tree-opened");
+                        el.show();
+                    }
+
+                    el = el.parent();
+                }
+            });
+        }
+
+        return this;
+    }
+})(jQuery);

user/themes/figureslibres/css/js/lazyload.js

@@ -0,0 +1,257 @@
+/*!
+ * Lazy Load - jQuery plugin for lazy loading images
+ *
+ * Copyright (c) 2007-2017 Mika Tuupola
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Project home:
+ *   http://www.appelsiini.net/projects/lazyload
+ *
+ * Version:  1.10.0-dev
+ *
+ */
+
+(function($, window, document, undefined) {
+    var $window = $(window);
+
+    $.fn.lazyload = function(options) {
+        var elements = this;
+        var $container;
+        var settings = {
+            threshold       : 0,
+            failure_limit   : 0,
+            event           : "scroll.lazyload",
+            effect          : "show",
+            container       : window,
+            data_attribute  : "original",
+            data_srcset     : "srcset",
+            skip_invisible  : false,
+            appear          : null,
+            load            : null,
+            placeholder     : "data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="
+        };
+
+        function update() {
+            var counter = 0;
+
+            elements.each(function() {
+                var $this = $(this);
+                if (settings.skip_invisible && !$this.is(":visible")) {
+                    return;
+                }
+                if ($.abovethetop(this, settings) ||
+                    $.leftofbegin(this, settings)) {
+                        /* Nothing. */
+                } else if (!$.belowthefold(this, settings) &&
+                    !$.rightoffold(this, settings)) {
+                        $this.trigger("appear");
+                        /* if we found an image we'll load, reset the counter */
+                        counter = 0;
+                } else {
+                    if (++counter > settings.failure_limit) {
+                        return false;
+                    }
+                }
+            });
+
+        }
+
+        if(options) {
+            /* Maintain BC for a couple of versions. */
+            if (undefined !== options.failurelimit) {
+                options.failure_limit = options.failurelimit;
+                delete options.failurelimit;
+            }
+            if (undefined !== options.effectspeed) {
+                options.effect_speed = options.effectspeed;
+                delete options.effectspeed;
+            }
+
+            $.extend(settings, options);
+        }
+
+        /* Cache container as jQuery as object. */
+        $container = (settings.container === undefined ||
+                      settings.container === window) ? $window : $(settings.container);
+
+        /* Fire one scroll event per scroll. Not one scroll event per image. */
+        if (0 === settings.event.indexOf("scroll")) {
+            $container.off(settings.event).on(settings.event, function() {
+                return update();
+            });
+        }
+
+        this.each(function() {
+            var self = this;
+            var $self = $(self);
+
+            self.loaded = false;
+
+            /* If no src attribute given use data:uri. */
+            if ($self.attr("src") === undefined || $self.attr("src") === false) {
+                if ($self.is("img")) {
+                    $self.attr("src", settings.placeholder);
+                }
+            }
+
+            /* When appear is triggered load original image. */
+            $self.one("appear", function() {
+                if (!this.loaded) {
+                    if (settings.appear) {
+                        var elements_left = elements.length;
+                        settings.appear.call(self, elements_left, settings);
+                    }
+                    $("<img />")
+                        .one("load", function() {
+                            var original = $self.attr("data-" + settings.data_attribute);
+                            var srcset = $self.attr("data-" + settings.data_srcset);
+
+                            if (original !== $self.attr("src")) {
+                                $self.hide();
+                                if ($self.is("img")) {
+                                    $self.attr("src", original);
+                                    if (srcset !== null) {
+                                        $self.attr("srcset", srcset);
+                                    }
+                                } if ($self.is("video")) {
+                                    $self.attr("poster", original);
+                                } else {
+                                    $self.css("background-image", "url('" + original + "')");
+                                }
+                                $self[settings.effect](settings.effect_speed);
+                            }
+
+                            self.loaded = true;
+
+                            /* Remove image from array so it is not looped next time. */
+                            var temp = $.grep(elements, function(element) {
+                                return !element.loaded;
+                            });
+                            elements = $(temp);
+
+                            if (settings.load) {
+                                var elements_left = elements.length;
+                                settings.load.call(self, elements_left, settings);
+                            }
+                        })
+                        .bind("error", function(){
+                            $(self).trigger("error");
+                        })
+                        .attr({
+                            "src": $self.attr("data-" + settings.data_attribute),
+                            "srcset": $self.attr("data-" + settings.data_srcset) || ""
+                        });
+                }
+            });
+
+            /* When wanted event is triggered load original image */
+            /* by triggering appear.                              */
+            if (0 !== settings.event.indexOf("scroll")) {
+                $self.off(settings.event).on(settings.event, function() {
+                    if (!self.loaded) {
+                        $self.trigger("appear");
+                    }
+                });
+            }
+        });
+
+        /* Check if something appears when window is resized. */
+        $window.off("resize.lazyload").bind("resize.lazyload", function() {
+            update();
+        });
+
+        /* With IOS5 force loading images when navigating with back button. */
+        /* Non optimal workaround. */
+        if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
+            $window.on("pageshow", function(event) {
+                if (event.originalEvent && event.originalEvent.persisted) {
+                    elements.each(function() {
+                        $(this).trigger("appear");
+                    });
+                }
+            });
+        }
+
+        /* Force initial check if images should appear. */
+        $(function() {
+            update();
+        });
+
+        return this;
+    };
+
+    /* Convenience methods in jQuery namespace.           */
+    /* Use as  $.belowthefold(element, {threshold : 100, container : window}) */
+
+    $.belowthefold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top + $(settings.container).height();
+        }
+
+        return fold <= $(element).offset().top - settings.threshold;
+    };
+
+    $.rightoffold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.width() + $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left + $(settings.container).width();
+        }
+
+        return fold <= $(element).offset().left - settings.threshold;
+    };
+
+    $.abovethetop = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top;
+        }
+
+        return fold >= $(element).offset().top + settings.threshold  + $(element).height();
+    };
+
+    $.leftofbegin = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left;
+        }
+
+        return fold >= $(element).offset().left + settings.threshold + $(element).width();
+    };
+
+    $.inviewport = function(element, settings) {
+         return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
+                !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
+     };
+
+    /* Custom selectors for your convenience.   */
+    /* Use as $("img:below-the-fold").something() or */
+    /* $("img").filter(":below-the-fold").something() which is faster */
+
+    $.extend($.expr[":"], {
+        "below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
+        "above-the-top"  : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
+        "in-viewport"    : function(a) { return $.inviewport(a, {threshold : 0}); },
+        /* Maintain BC for couple of versions. */
+        "above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-fold"  : function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-fold"   : function(a) { return !$.rightoffold(a, {threshold : 0}); }
+    });
+
+})(jQuery, window, document);

user/themes/figureslibres/css/js/site.js

@@ -0,0 +1,381 @@
+function click_link() {
+
+  $link = $('#text_figli p > a');
+
+  $link.on('click',function(e) {
+    e.preventDefault();
+    var $loader = $(this).find('.loader');
+
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    if ($this.hasClass('open')) {
+      $this.removeClass('open');
+      $('#item_list.'+ cat).remove();
+    } else {
+      $('#item_list').remove();
+      $('.open').removeClass('open');
+      $loader.css('display','inline-block');
+      $.ajax({
+        url :  '/' + page + '/' + cat, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        async: false,
+        success: function(data) {
+          $(data).find('#item_list').addClass(cat).insertAfter($this);
+          $this.addClass('open');
+          lazy();
+          },
+        complete: function(data) {
+            // console.log('cat', cat);
+            $loader.hide();
+            click_img(e, $this, $href, url, page, cat, project_name);
+            closeAjax();
+        },
+      });
+    }
+  });
+};
+
+function click_list() {
+  var $link = $('.list-projets li > a');
+
+  $link.click(function(e) {
+    $('.sidebar-right, .sidebar-right button.hamburger').removeClass('is-active');
+    var idthis = $(this).attr("id");
+
+    var $loader = $(this).parents('#start').find('#text_figli #'+idthis+' .loader');
+
+    console.log('$loader',$loader);
+
+    e.preventDefault();
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    var $link_txt =  $('#text_figli a#'+cat);
+    var $link_item = $('#item_list.'+cat);
+    var $link_card = $('.card > #'+project_name + ' a');
+
+    if ($link_txt.hasClass('open') && $link_card.parent().hasClass('open') ) {
+      anchor($href);
+    } else if ($link_txt.hasClass('open')) {
+      anchor($href);
+      $.ajax({
+        url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        // async: false,
+        success: function(data) {
+          $('#item_list.'+cat+' .card-image.open #item').remove();
+          $('#item_list.'+cat+' .card-image').removeClass('open');
+          $(data).find('#item').addClass(cat).insertAfter($link_card);
+          $link_card.parent().addClass('open');
+          lazy();
+        },
+        complete: function(data) {
+          marg_item(project_name);
+          closeAjax();
+          anchor($href);
+        },
+      });
+
+    } else {
+
+      $('#item_list').remove();
+      $('.open').removeClass('open');
+
+      $loader.css('display','inline-block');
+
+      $.ajax({
+        url :  '/' + page + '/' + cat, // La ressource ciblée
+        type : 'GET', // Le type de la requête HTTP
+        dataType:'html',
+        // async: false,
+        success: function(data) {
+          $(data).find('#item_list').addClass(cat).insertAfter($link_txt);
+          $link_txt.addClass('open');
+          lazy();
+          $('.card a').click(function (e) {
+            e.preventDefault()
+          })
+          click_img(e, $this, $href, url, page, cat, project_name)
+        },
+        complete: function(data) {
+          // console.log('cat', cat);
+          $loader.hide();
+              var $link_card = $('.card > #'+project_name + ' a');
+              setTimeout( function(){
+                // console.log('project_name', project_name);
+                // console.log('$link_card', $link_card);
+                if ($link_card.hasClass('open')) {
+
+                } else {
+                  anchor($href);
+                  $.ajax({
+                    url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+                    type : 'GET', // Le type de la requête HTTP
+                    dataType:'html',
+                    success: function(data) {
+                      $(data).find('#item').addClass(cat).insertAfter($link_card);
+                      $link_card.parent().addClass('open');
+                      lazy();
+                    },
+                    complete: function(data) {
+                      marg_item(project_name);
+                      closeAjax();
+                      anchor($href);
+                      scrollTop();
+                    },
+                  });
+              }
+            }, 500);
+        }
+      });
+    }
+  });
+}
+
+function click_img(e, $this, $href, url, page, cat, project_name) {
+
+  $('section.' + cat +' .card-image > a').click(function(e) {
+    var $this = $(this);
+        $href = $this.attr("href");
+        url = $href.split("/");
+        page = url[1];
+        cat = url[2];
+        project_name = url[3];
+
+    var $loader = $(this).parents('.card').find('.loader');
+
+    e.preventDefault();
+
+      if ($this.parent().hasClass('open')) {
+        $this.parent().removeClass('open');
+        $($this.parent().find('#item.'+ cat)).remove();
+      } else {
+        $loader.css('display','inline-block');
+        $.ajax({
+          url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
+          type : 'GET', // Le type de la requête HTTP
+          dataType:'html',
+          success: function(data) {
+            $('#item_list.'+cat+' .card-image.open #item').remove();
+            $('#item_list.'+cat+' .card-image').removeClass('open');
+            $(data).find('#item').addClass(cat).insertAfter($this);
+            $this.parent().addClass('open');
+            marg_item(project_name);
+            anchor($href);
+            lazy();
+            scrollTop();
+
+            // ScrollReveal().reveal($('#item_list > .card'), {
+            //   duration:  1000,
+            //   distance: '10px',
+            // });
+
+          },
+          complete:function() {
+            closeAjax();
+            $('.loader').hide();
+          }
+        });
+
+      }
+    });
+}
+
+function anchor($href) {
+
+  var aTag = $("#text_figli a[href='"+ $href +"']");
+  console.log(aTag);
+  // console.log('aTag.offset()', aTag.offset().top+10);
+  $('html,body').animate({scrollTop: aTag.offset().top - 7},'slow');
+
+}
+
+function animate() {
+  var $item_list = $('#item_list .card > .card-image');
+  $item_list.fadeIn( "slow" );
+}
+
+function marg_item(project_name) {
+
+  var $item = $('.card-image#'+project_name+' #item');
+  var $card = $item.parents('.card');
+  var pos_card = $card.offset().left-8;
+
+  $item.css('margin-left', '-'+pos_card +'px');
+
+  $(window).resize(function() {
+    var pos_card = $card.offset().left-8;
+    $item.css('margin-left', '-'+pos_card +'px');
+  })
+}
+
+function mouseHover() {
+
+  $link_cat = $('#text_figli p > a');
+
+  $link_cat.mouseenter(function() {
+    link_id = $(this).attr("id");
+
+    $('html').append("<div class=circle_hover ></div>");
+    // console.log('link_id',link_id);
+
+    setTimeout(function () {
+      $('.circle_hover').addClass('open '+ link_id);
+    }, 10);
+
+    mousePos();
+
+  })
+  .mouseleave(function() {
+    $('html').find(".circle_hover").remove();
+  });
+
+  function mousePos() {
+    var currentMousePos = { x: 0, y: 0 };
+    var $circle = $('.circle_hover');
+
+    $(document).mousemove(function(event) {
+      currentMousePos.x = event.pageX;
+      currentMousePos.y = event.pageY;
+
+      $circle.css('left', currentMousePos.x  );
+      $circle.css('top', currentMousePos.y );
+    });
+  }
+
+};
+
+function lazy() {
+  $('img.lazy').Lazy({
+      effect: "fadeIn",
+        effectTime: 500,
+      threshold: 0
+  });
+}
+
+function animate_burger() {
+  var forEach=function(t,o,r){if("[object Object]"===Object.prototype.toString.call(t))for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.call(r,t[c],c,t);else for(var e=0,l=t.length;l>e;e++)o.call(r,t[e],e,t)};
+  var hamburgers = document.querySelectorAll(".hamburger");
+  var $hamburger = $('button.hamburger');
+
+  if (hamburgers.length > 0) {
+    forEach(hamburgers, function(hamburger) {
+      hamburger.addEventListener("click", function() {
+        this.classList.toggle("is-active");
+      }, false);
+    });
+  }
+
+  $hamburger.click(function() {
+    $('.sidebar-right').toggleClass("is-active");
+  })
+
+}
+
+function closeAjax() {
+  var $button = $('#item #icone_list');
+
+  $button.click(function() {
+    $(this).parent().remove();
+    $('.card-image').removeClass("open");
+  });
+}
+
+function croix() {
+  var $link = $("#text_figli p > a");
+  var hamburger = "<div id='icone_list'><button class='hamburger hamburger--slider is-active' type='button'><span class='hamburger-box'><span class='hamburger-inner'></span></span></button></div>"
+  var loader = "<div class='loader'></div>"
+  $link.append(hamburger);
+  $link.append(loader);
+}
+
+function scrollTop() {
+  var $body = $("html, body");
+  $('#item #top').click(function() {
+    $body.stop().animate({scrollTop:0}, 500, 'swing', function() {
+    });
+  })
+}
+
+function imgmouse() {
+  var currentMousePos = { x: 0, y: 0 };
+  var $list_projets = $('.list-projets');
+  var $img = $('.list-projets .img');
+
+  $list_projets.mousemove(function(e) {
+    var pos = $list_projets.offset();
+
+    currentMousePos.x = e.pageX - pos.left ;
+    currentMousePos.y = e.pageY - pos.top;
+
+    $img.css('left', currentMousePos.x );
+    $img.css('top', currentMousePos.y );
+  });
+
+}
+
+function scrollreveal() {
+  var $txt = $('#text_figli p');
+
+  ScrollReveal().reveal($txt, {
+    duration:  1000,
+    distance: '10px',
+ });
+}
+
+function clickmenu() {
+  var $menu = $('.sidebar-right button');
+
+  $menu.click(function() {
+    $('#text_figli').toggleClass('hidden');
+    $('html, body').toggleClass('hidden');
+  });
+
+  var $list_projetsA = $('.list-projets .container');
+
+  $list_projetsA.click(function() {
+    $('#text_figli').toggleClass('hidden');
+    $('html, body').toggleClass('hidden');
+  });
+
+
+}
+
+function scrollcustom() {
+  $(window).on("load",function(){
+      // $(".sidebar-right").mCustomScrollbar({
+      //   scrollbarPosition: "outside",
+      //   axis:"y",
+      // });
+      //
+      // $("body").mCustomScrollbar({
+      //   scrollbarPosition: "outside",
+      //   axis:"y",
+      // });
+
+  });
+}
+
+
+$(document).ready(function($){
+  scrollcustom();
+  scrollreveal();
+  click_link();
+  click_list();
+  mouseHover();
+  animate_burger();
+  croix();
+  imgmouse();
+  clickmenu();
+});