scss

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./core/.eslintrc.json"
+}

user/config/plugins/taxonomylist.yaml

@@ -0,0 +1,2 @@
+enabled: true
+route: /blog

user/pages/04.organisez-vos-evenements/blog.md

@@ -1,5 +1,7 @@
 ---
 title: 'Organisez vos événements'
+media_order: imgtest2.jpg
+show_sidebar: false
 content:
     items:
         - '@self.children'

user/themes/lecampus/css/leaflet.css

@@ -0,0 +1,635 @@
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+	position: absolute;
+	left: 0;
+	top: 0;
+	}
+.leaflet-container {
+	overflow: hidden;
+	}
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+	  -webkit-user-drag: none;
+	}
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile {
+	image-rendering: -webkit-optimize-contrast;
+	}
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container {
+	width: 1600px;
+	height: 1600px;
+	-webkit-transform-origin: 0 0;
+	}
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	display: block;
+	}
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg,
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer,
+.leaflet-container .leaflet-tile {
+	max-width: none !important;
+	max-height: none !important;
+	}
+
+.leaflet-container.leaflet-touch-zoom {
+	-ms-touch-action: pan-x pan-y;
+	touch-action: pan-x pan-y;
+	}
+.leaflet-container.leaflet-touch-drag {
+	-ms-touch-action: pinch-zoom;
+	/* Fallback for FF which doesn't support pinch-zoom */
+	touch-action: none;
+	touch-action: pinch-zoom;
+}
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.leaflet-container {
+	-webkit-tap-highlight-color: transparent;
+}
+.leaflet-container a {
+	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
+}
+.leaflet-tile {
+	filter: inherit;
+	visibility: hidden;
+	}
+.leaflet-tile-loaded {
+	visibility: inherit;
+	}
+.leaflet-zoom-box {
+	width: 0;
+	height: 0;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	z-index: 800;
+	}
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg {
+	-moz-user-select: none;
+	}
+
+.leaflet-pane         { z-index: 400; }
+
+.leaflet-tile-pane    { z-index: 200; }
+.leaflet-overlay-pane { z-index: 400; }
+.leaflet-shadow-pane  { z-index: 500; }
+.leaflet-marker-pane  { z-index: 600; }
+.leaflet-tooltip-pane   { z-index: 650; }
+.leaflet-popup-pane   { z-index: 700; }
+
+.leaflet-map-pane canvas { z-index: 100; }
+.leaflet-map-pane svg    { z-index: 200; }
+
+.leaflet-vml-shape {
+	width: 1px;
+	height: 1px;
+	}
+.lvml {
+	behavior: url(#default#VML);
+	display: inline-block;
+	position: absolute;
+	}
+
+
+/* control positioning */
+
+.leaflet-control {
+	position: relative;
+	z-index: 800;
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+.leaflet-top,
+.leaflet-bottom {
+	position: absolute;
+	z-index: 1000;
+	pointer-events: none;
+	}
+.leaflet-top {
+	top: 0;
+	}
+.leaflet-right {
+	right: 0;
+	}
+.leaflet-bottom {
+	bottom: 0;
+	}
+.leaflet-left {
+	left: 0;
+	}
+.leaflet-control {
+	float: left;
+	clear: both;
+	}
+.leaflet-right .leaflet-control {
+	float: right;
+	}
+.leaflet-top .leaflet-control {
+	margin-top: 10px;
+	}
+.leaflet-bottom .leaflet-control {
+	margin-bottom: 10px;
+	}
+.leaflet-left .leaflet-control {
+	margin-left: 10px;
+	}
+.leaflet-right .leaflet-control {
+	margin-right: 10px;
+	}
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-tile {
+	will-change: opacity;
+	}
+.leaflet-fade-anim .leaflet-popup {
+	opacity: 0;
+	-webkit-transition: opacity 0.2s linear;
+	   -moz-transition: opacity 0.2s linear;
+	        transition: opacity 0.2s linear;
+	}
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+	opacity: 1;
+	}
+.leaflet-zoom-animated {
+	-webkit-transform-origin: 0 0;
+	    -ms-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	}
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	will-change: transform;
+	}
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
+	}
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile {
+	-webkit-transition: none;
+	   -moz-transition: none;
+	        transition: none;
+	}
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+	visibility: hidden;
+	}
+
+
+/* cursors */
+
+.leaflet-interactive {
+	cursor: pointer;
+	}
+.leaflet-grab {
+	cursor: -webkit-grab;
+	cursor:    -moz-grab;
+	cursor:         grab;
+	}
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive {
+	cursor: crosshair;
+	}
+.leaflet-popup-pane,
+.leaflet-control {
+	cursor: auto;
+	}
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable {
+	cursor: move;
+	cursor: -webkit-grabbing;
+	cursor:    -moz-grabbing;
+	cursor:         grabbing;
+	}
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container {
+	pointer-events: none;
+	}
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive {
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+
+/* visual tweaks */
+
+.leaflet-container {
+	background: #ddd;
+	outline: 0;
+	}
+.leaflet-container a {
+	color: #0078A8;
+	}
+.leaflet-container a.leaflet-active {
+	outline: 2px solid orange;
+	}
+.leaflet-zoom-box {
+	border: 2px dotted #38f;
+	background: rgba(255,255,255,0.5);
+	}
+
+
+/* general typography */
+.leaflet-container {
+	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+	border-radius: 4px;
+	}
+.leaflet-bar a,
+.leaflet-bar a:hover {
+	background-color: #fff;
+	border-bottom: 1px solid #ccc;
+	width: 26px;
+	height: 26px;
+	line-height: 26px;
+	display: block;
+	text-align: center;
+	text-decoration: none;
+	color: black;
+	}
+.leaflet-bar a,
+.leaflet-control-layers-toggle {
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	display: block;
+	}
+.leaflet-bar a:hover {
+	background-color: #f4f4f4;
+	}
+.leaflet-bar a:first-child {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	}
+.leaflet-bar a:last-child {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom: none;
+	}
+.leaflet-bar a.leaflet-disabled {
+	cursor: default;
+	background-color: #f4f4f4;
+	color: #bbb;
+	}
+
+.leaflet-touch .leaflet-bar a {
+	width: 30px;
+	height: 30px;
+	line-height: 30px;
+	}
+.leaflet-touch .leaflet-bar a:first-child {
+	border-top-left-radius: 2px;
+	border-top-right-radius: 2px;
+	}
+.leaflet-touch .leaflet-bar a:last-child {
+	border-bottom-left-radius: 2px;
+	border-bottom-right-radius: 2px;
+	}
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+	font: bold 18px 'Lucida Console', Monaco, monospace;
+	text-indent: 1px;
+	}
+
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
+	font-size: 22px;
+	}
+
+
+/* layers control */
+
+.leaflet-control-layers {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+	background: #fff;
+	border-radius: 5px;
+	}
+.leaflet-control-layers-toggle {
+	background-image: url(images/layers.png);
+	width: 36px;
+	height: 36px;
+	}
+.leaflet-retina .leaflet-control-layers-toggle {
+	background-image: url(images/layers-2x.png);
+	background-size: 26px 26px;
+	}
+.leaflet-touch .leaflet-control-layers-toggle {
+	width: 44px;
+	height: 44px;
+	}
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+	display: none;
+	}
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+	display: block;
+	position: relative;
+	}
+.leaflet-control-layers-expanded {
+	padding: 6px 10px 6px 6px;
+	color: #333;
+	background: #fff;
+	}
+.leaflet-control-layers-scrollbar {
+	overflow-y: scroll;
+	overflow-x: hidden;
+	padding-right: 5px;
+	}
+.leaflet-control-layers-selector {
+	margin-top: 2px;
+	position: relative;
+	top: 1px;
+	}
+.leaflet-control-layers label {
+	display: block;
+	}
+.leaflet-control-layers-separator {
+	height: 0;
+	border-top: 1px solid #ddd;
+	margin: 5px -10px 5px -6px;
+	}
+
+/* Default icon URLs */
+.leaflet-default-icon-path {
+	background-image: url(images/marker-icon.png);
+	}
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+	background: #fff;
+	background: rgba(255, 255, 255, 0.7);
+	margin: 0;
+	}
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+	padding: 0 5px;
+	color: #333;
+	}
+.leaflet-control-attribution a {
+	text-decoration: none;
+	}
+.leaflet-control-attribution a:hover {
+	text-decoration: underline;
+	}
+.leaflet-container .leaflet-control-attribution,
+.leaflet-container .leaflet-control-scale {
+	font-size: 11px;
+	}
+.leaflet-left .leaflet-control-scale {
+	margin-left: 5px;
+	}
+.leaflet-bottom .leaflet-control-scale {
+	margin-bottom: 5px;
+	}
+.leaflet-control-scale-line {
+	border: 2px solid #777;
+	border-top: none;
+	line-height: 1.1;
+	padding: 2px 5px 1px;
+	font-size: 11px;
+	white-space: nowrap;
+	overflow: hidden;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+
+	background: #fff;
+	background: rgba(255, 255, 255, 0.5);
+	}
+.leaflet-control-scale-line:not(:first-child) {
+	border-top: 2px solid #777;
+	border-bottom: none;
+	margin-top: -2px;
+	}
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+	border-bottom: 2px solid #777;
+	}
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	box-shadow: none;
+	}
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	border: 2px solid rgba(0,0,0,0.2);
+	background-clip: padding-box;
+	}
+
+
+/* popup */
+
+.leaflet-popup {
+	position: absolute;
+	text-align: center;
+	margin-bottom: 20px;
+	}
+.leaflet-popup-content-wrapper {
+	padding: 1px;
+	text-align: left;
+	border-radius: 12px;
+	}
+.leaflet-popup-content {
+	margin: 13px 19px;
+	line-height: 1.4;
+	}
+.leaflet-popup-content p {
+	margin: 18px 0;
+	}
+.leaflet-popup-tip-container {
+	width: 40px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	margin-left: -20px;
+	overflow: hidden;
+	pointer-events: none;
+	}
+.leaflet-popup-tip {
+	width: 17px;
+	height: 17px;
+	padding: 1px;
+
+	margin: -10px auto 0;
+
+	-webkit-transform: rotate(45deg);
+	   -moz-transform: rotate(45deg);
+	    -ms-transform: rotate(45deg);
+	        transform: rotate(45deg);
+	}
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+	background: white;
+	color: #333;
+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+	}
+.leaflet-container a.leaflet-popup-close-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 4px 4px 0 0;
+	border: none;
+	text-align: center;
+	width: 18px;
+	height: 14px;
+	font: 16px/14px Tahoma, Verdana, sans-serif;
+	color: #c3c3c3;
+	text-decoration: none;
+	font-weight: bold;
+	background: transparent;
+	}
+.leaflet-container a.leaflet-popup-close-button:hover {
+	color: #999;
+	}
+.leaflet-popup-scrolled {
+	overflow: auto;
+	border-bottom: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	}
+
+.leaflet-oldie .leaflet-popup-content-wrapper {
+	zoom: 1;
+	}
+.leaflet-oldie .leaflet-popup-tip {
+	width: 24px;
+	margin: 0 auto;
+
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+	}
+.leaflet-oldie .leaflet-popup-tip-container {
+	margin-top: -1px;
+	}
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+	border: 1px solid #999;
+	}
+
+
+/* div icon */
+
+.leaflet-div-icon {
+	background: #fff;
+	border: 1px solid #666;
+	}
+
+
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+	position: absolute;
+	padding: 6px;
+	background-color: #fff;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	color: #222;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+	}
+.leaflet-tooltip.leaflet-clickable {
+	cursor: pointer;
+	pointer-events: auto;
+	}
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	position: absolute;
+	pointer-events: none;
+	border: 6px solid transparent;
+	background: transparent;
+	content: "";
+	}
+
+/* Directions */
+
+.leaflet-tooltip-bottom {
+	margin-top: 6px;
+}
+.leaflet-tooltip-top {
+	margin-top: -6px;
+}
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+	left: 50%;
+	margin-left: -6px;
+	}
+.leaflet-tooltip-top:before {
+	bottom: 0;
+	margin-bottom: -12px;
+	border-top-color: #fff;
+	}
+.leaflet-tooltip-bottom:before {
+	top: 0;
+	margin-top: -12px;
+	margin-left: -6px;
+	border-bottom-color: #fff;
+	}
+.leaflet-tooltip-left {
+	margin-left: -6px;
+}
+.leaflet-tooltip-right {
+	margin-left: 6px;
+}
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	top: 50%;
+	margin-top: -6px;
+	}
+.leaflet-tooltip-left:before {
+	right: 0;
+	margin-right: -12px;
+	border-left-color: #fff;
+	}
+.leaflet-tooltip-right:before {
+	left: 0;
+	margin-left: -12px;
+	border-right-color: #fff;
+	}

user/themes/lecampus/images/arrow.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="32.400002"
+   height="52.273998"
+   viewBox="0 0 8.5725002 13.830829"
+   version="1.1"
+   id="svg2346"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="arrow.svg">
+  <defs
+     id="defs2340" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="-160.81504"
+     inkscape:cy="-46.091527"
+     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="metadata2343">
+    <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,-283.16916)">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.79375;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 8.2487394,296.7179 0.56255213,290.2714 7.5049223,284.07283"
+       id="path731-2"
+       inkscape:connector-curvature="0"
+       inkscape:export-filename="/home/maud/Documents/LE CAMPUS BIOVALLEE/3_SITE_WEB/TAF/GABARITS/export4/0_accueil.png"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150" />
+  </g>
+</svg>

user/themes/lecampus/js/jquery.treemenu.js

@@ -1,87 +0,0 @@
-/*
- 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/lecampus/js/multipleFilterMasonry.js

@@ -0,0 +1,97 @@
+(function($){
+  'use strict';
+  $.fn.multipleFilterMasonry = function(options){
+    var cache=[];
+    var filters = [];
+
+    if(options.selectorType === 'list') {
+      $(options.filtersGroupSelector).children().each(function() {
+        filters.push($(this).data('filter'));
+      });
+    }
+
+    //the main job of the function is to cache the item,because we are going to filter the items later
+    var init = function($container){
+      $container.find(options.itemSelector).each(function(){
+        cache.push($(this));
+      });
+      $container.masonry(options);
+    };
+
+    //filter items in cache
+    var filterItems = function(selector){
+      var result=[];
+      $(cache).each(function(item){
+        $(selector).each(function(index,sel) {
+          if(cache[item].is(sel)){
+            if($.inArray(cache[item], result) === -1) result.push(cache[item]);
+          }
+        });
+      });
+      return result;
+    };
+
+    //reload masonry
+    var reload = function($container,items){
+      $container.empty();
+      $(items).each(function(){
+        $($container).append($(this));
+      });
+      $container.masonry('reloadItems');
+      $container.masonry();
+    };
+
+    // Hash filter
+    var hashFilter = function($container) {
+      var hash = window.location.hash.replace("#", "");
+      if($.inArray(hash, filters) !== -1) {
+        reload($container, $('.' + hash));
+      }
+    };
+
+    var proc = function($container){
+      $(options.filtersGroupSelector).find('input[type=checkbox]').each(function(){
+        $(this).change(function(){
+          var selector = [];
+          $(options.filtersGroupSelector).find('input[type=checkbox]').each( function() {
+            if ( $(this).is(':checked') ) {
+              selector.push( '.' + $(this).val() );
+            }
+          });
+          var items = cache;
+          if (selector.length > 0) {
+            items = filterItems(selector);
+          }
+          reload($container,items);
+        });
+      });
+    };
+
+    var procUL = function($container){
+      $(options.filtersGroupSelector).children().each(function(){
+        $(this).click(function(){
+          $(options.filtersGroupSelector).children().removeClass('selected');
+          window.location.hash = $(this).data('filter');
+          var selector = [];
+          selector.push( '.' + $(this).data('filter') );
+          $(this).addClass('selected');
+          var items = cache;
+          if (selector.length > 0) {
+            items = filterItems(selector);
+          }
+          reload($container,items);
+        });
+      });
+
+      hashFilter($container);
+      $(options.filtersGroupSelector).children().removeClass('selected');
+      $('.filters li[data-filter='+window.location.hash.replace("#", "")+']').addClass('selected');
+    };
+
+    return this.each(function() {
+      var $$ = $(this);
+      init($$);
+      options.selectorType === 'list' ? procUL($$) : proc($$);
+    });
+  };
+}(window.jQuery));

user/themes/lecampus/js/site.js

@@ -1,59 +1,86 @@
-var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
-
-function scrollHeader() {
-    // Has scrolled class on header
-    var zvalue = $(document).scrollTop();
-    if ( zvalue > 75 )
-        $("#header").addClass("scrolled");
-    else
-        $("#header").removeClass("scrolled");
+function map() {
+
+  var mymap = L.map('map').setView([51.505, -0.09], 13);
+
+	L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
+		maxZoom: 18,
+		attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
+			'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+			'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
+		id: 'mapbox.streets'
+	}).addTo(mymap);
+
+	L.marker([51.5, -0.09]).addTo(mymap)
+		.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
+
+	L.circle([51.508, -0.11], 500, {
+		color: 'red',
+		fillColor: '#f03',
+		fillOpacity: 0.5
+	}).addTo(mymap).bindPopup("I am a circle.");
+
+	L.polygon([
+		[51.509, -0.08],
+		[51.503, -0.06],
+		[51.51, -0.047]
+	]).addTo(mymap).bindPopup("I am a polygon.");
+
+
+	var popup = L.popup();
+
+	function onMapClick(e) {
+		popup
+			.setLatLng(e.latlng)
+			.setContent("You clicked the map at " + e.latlng.toString())
+			.openOn(mymap);
+	}
+
+	mymap.on('click', onMapClick);
+
 }
 
-function parallaxBackground() {
-    $('.parallax').css('background-positionY', ($(window).scrollTop() * 0.3) + 'px');
+function filteritem() {
+  var $card = $('#item > .card');
+  var $cat = $('.cat a');
+  var $img = $('#item .img');
+
+  var $grid = $card.masonry({
+    itemSelector: '.card',
+    columnWidth: '.card',
+    percentPosition: true,
+    gutter: 10,
+    transitionDuration: '0.2s'
+  });
+
+  // $card.masonry({
+  //   itemSelector: '.grid-item',
+  //   columnWidth: '.grid-sizer',
+  //   percentPosition: true
+  // })
+
+  $grid.imagesLoaded().progress(function() {
+      $grid.masonry();
+  });
+
+//   $card.multipleFilterMasonry({
+//       itemSelector: '.card',
+//       filtersGroupSelector: '.tags'
+//   });
 }
 
-jQuery(document).ready(function($){
+function slide() {
+  $(".gal").slidesjs({
+    width: 940,
+    height: 528,
+    pagination: {
+      active: false
+    }
+  });
 
-    scrollHeader();
-
-    // Scroll Events
-    if (!isTouch){
-        $(document).scroll(function() {
-            scrollHeader();
-            parallaxBackground();
-        });
-    };
-
-    // Touch scroll
-    $(document).on({
-        'touchmove': function(e) {
-            scrollHeader(); // Replace this with your code.
-        }
-    });
-
-    //Smooth scroll to start
-    $('#to-start').click(function(){
-        var start_y = $('#start').position().top;
-        var header_offset = 45;
-        window.scroll({ top: start_y - header_offset, left: 0, behavior: 'smooth' });
-        return false;
-    });
-
-    //Smooth scroll to top
-    $('#to-top').click(function(){
-        window.scroll({ top: 0, left: 0, behavior: 'smooth' });
-        return false;
-    });
-
-    // Responsive Menu
-    $('#toggle').click(function () {
-        $(this).toggleClass('active');
-        $('#overlay').toggleClass('open');
-        $('body').toggleClass('mobile-nav-open');
-    });
-
-    // Tree Menu
-    $(".tree").treemenu({delay:300});
+}
 
+jQuery(document).ready(function($){
+  slide();
+  map();
+  // filteritem();
 });

user/themes/lecampus/scss/theme/_blog.scss

@@ -1,7 +1,58 @@
+// home
+
+.gal{
+  width: 100%;
+  height:400px;
+  overflow-y: hidden;
+  margin-bottom: 20px;
+  position: relative;
+  .slidesjs-navigation{
+    z-index: 999;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    &.slidesjs-previous{
+      left: 10px;
+      &:before{
+        display: block;
+        content: " ";
+        width: 30px;
+        height: 50px;
+        background-image: url('/user/themes/lecampus/images/arrow.svg');
+        background-repeat: no-repeat;
+        background-size: 30px 50px;
+      }
+    }
+    &.slidesjs-next{
+      right: 10px;
+      &:before{
+        display: block;
+        content: " ";
+        width: 30px;
+        height: 50px;
+        background-image: url('/user/themes/lecampus/images/arrow.svg');
+        background-repeat: no-repeat;
+        background-size: 30px 50px;
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+.cat{
+  height: 50px;
+  a{
+    padding: 10px;
+    border: 1px solid black;
+  }
+}
+
 #item{
   @include inlineflex();
+  width: 100%;
   .card{
     width: calc( (100% / 4) - 45px);
+    min-width: 250px;
     margin: 0 15px 30px 15px;
     position: relative;
     border: 1px solid black;
@@ -13,7 +64,9 @@
       .publics{
         padding: 10px;
         background: grey;
-        color: white;
+        a{
+          color: white;
+        }
       }
     }
     .card-body{
@@ -27,11 +80,47 @@
 
 .content{
   width: 40%;
+  margin: 0px 20px 20px auto;
   p{
     margin: 10px 0;
   }
 }
 
+#default{
+  .content{
+    & > p{
+      &:first-child{
+        a{
+          display: block;
+          padding: 10px;
+          text-align: center;
+          border: 1px solid black;
+          margin-left: 60%;
+        }
+      }
+      &:last-child{
+        margin-top: 80px;
+        padding: 10px;
+        border: 1px solid black;
+        img{
+          width: 33%;
+          margin-right: 20px;
+          float: left;
+        }
+        a{
+          display: block;
+          text-align: right;
+          margin-top:15px;
+          padding: 5px;
+          border: 1px solid black;
+          width: auto;
+          margin-left: 70%;
+        }
+      }
+    }
+  }
+}
+
 // items
 .bandeau{
   width: 100%;
@@ -43,8 +132,17 @@
   }
 }
 
+.sub-content{
+  border-top: 1px solid black;
+  margin-bottom: 20px;
+  margin-top: 20px;
+  h3{
+    margin-top: 20px;
+  }
+}
+
 .sidebar{
-  margin-left: 50px;
+  margin: 0 auto 0 20px;
   .side-agenda{
     border-top: 1px solid black;
     padding: 10px 0;
@@ -61,8 +159,20 @@
     border: 1px solid black;
   }
   .side-newsletter{
-    margin-top: 60px;
+    margin-top: 100px;
     padding: 20px;
     background: lightgrey;
   }
 }
+
+#footer{
+  margin-top: 20px;
+}
+
+
+// .card{
+//   height: 100px;
+//   .card-image{
+//     height: 100px;
+//   }
+// }

user/themes/lecampus/scss/theme/_footer.scss

@@ -1,4 +1,14 @@
 #footer{
   width: 100%;
   background: grey;
+  #map{
+    height: 300px;
+    width: 300px;
+  }
+}
+
+a#map{
+    display: block;
+  height: 300px;
+  width: 300px;
 }

user/themes/lecampus/scss/theme/_header.scss

@@ -1,15 +1,53 @@
 #header{
+  z-index: 999;
+  position: relative;
   nav{
     @include inlineflex();
+    justify-content: space-between;
     height: 100px;
+    width: auto;
+    a{
+      padding: 10px;
+    }
     & > ul{
       @include inlineflex();
-      li{
+      &> li{
         margin-left: 10px;
+        padding: 0 10px 10px 10px;
         & > ul{
           display: none;
         }
+        &:nth-last-child(-n+2){
+          & > a{
+            display: block;
+            height: 100px;
+            background: rgb(84, 153, 183);
+            color: white;
+          }
+        }
+        &:hover{
+          & > ul{
+            display: block;
+            a{
+              display: block;
+              height: 50px;
+              background: white;
+              padding: 10px;
+            }
+          }
+        }
+      }
+    }
+    .reso{
+      @include inlineflex();
+      flex-wrap: nowrap;
+      width: 30px;
+      img{
+        margin-left: 10px;
       }
     }
+    .desktop-menu{
+      @include inlineflex;
+    }
   }
 }

user/themes/lecampus/scss/theme/_typography.scss

@@ -42,3 +42,14 @@ p{
     }
   }
 }
+
+.cat{
+  width: 100%;
+  a{
+    font-family: $Bold;
+  }
+}
+
+.dt{
+  font-family: $Bold;
+}

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

@@ -2,14 +2,8 @@
 {% set collection = page.collection() %}
 {% set image = page.media.images|first %}
 
-{% block stylesheets %}
-    {% do assets.addCss('theme://css/bricklayer.css') %}
-    {{ parent() }}
-{% endblock %}
-
-
 {% block body %}
-    <section id="body-wrapper" class="section blog-listing">
+    <section id="item" class="section blog-listing">
       <div class="bandeau">
         {% if image %}
           {{image.html}}
@@ -19,18 +13,21 @@
       <div class="content">
         <h2>{{page.title}}</h2>
         {{content}}
+        {% for item in page.collection %}
+        <div class="sub-content">
+          <h3>{{item.title}}</h3>
+          {{item.content}}
+        </div>
+        {% endfor %}
       </div>
 
-    {% if show_sidebar %}
-      {% block sidebar %}
-        {% include 'partials/sidebar.html.twig' %}
-      {% endblock %}
-    {% endif %}
+      {% if show_sidebar %}
+        {% block sidebar %}
+          {% include 'partials/sidebar.html.twig' %}
+        {% endblock %}
+      {% endif %}
+
 
-    <!-- {% for item in page.collection %}
-      <h3>{{item.title}}</h3>
-      {{item.content}}
-    {% endfor %} -->
   </section>
 
 {% endblock %}

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

@@ -6,42 +6,31 @@
 {% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
 {% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
 
-{% block stylesheets %}
-    {% do assets.addCss('theme://css/bricklayer.css') %}
-    {{ parent() }}
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    {% do assets.add('theme://js/bricklayer.min.js') %}
-    {% do assets.add('theme://js/scopedQuerySelectorShim.min.js') %}
-{% endblock %}
-
 {% block hero %}
     {% include 'partials/hero.html.twig' with {id: 'blog-hero', content: page.content, hero_image: blog_image} %}
 {% endblock %}
 
 {% block body %}
-    <section id="body-wrapper" class="section blog-listing">
-        <section class="container {{ grid_size }}">
+  <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 %}
 
-        {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
-            {% include 'partials/breadcrumbs.html.twig' %}
-        {% endif %}
+      {% embed 'partials/layout.html.twig' with {blog: page} %}
 
-        {% embed 'partials/layout.html.twig' with {blog: page} %}
+          {% block item %}
+          <div class="cat">
+            {% include 'partials/taxonomylist.html.twig' with {base_url: my_url, taxonomy: 'tag'} %}
+          </div>
+          {% for child in collection %}
+              {% include 'partials/cal-list-event.html.twig' with {blog: page, page: child} %}
+          {% endfor %}
 
-            {% block item %}
-                {% for child in collection %}
-                    {% include 'partials/cal-list-event.html.twig' with {blog: page, page: child} %}
-                {% endfor %}
+          {% endblock %}
+      {% endembed %}
+      </section>
+  </section>
 
-            {% endblock %}
-        {% endembed %}
-        </section>
-    </section>
-    <script>
-        //Bricklayer
-        var bricklayer = new Bricklayer(document.querySelector('.bricklayer'))
-    </script>
 {% endblock %}

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

@@ -1,13 +1,19 @@
 {% extends 'partials/base.html.twig' %}
-{% set image = page.media.images|first %}
+{% set image = page.media.images %}
 
 {% block content %}
-{% if image %}
-  {{ image.html }}
-{% endif %}
 
-    {{ page.content|raw }}
+<div class="gal">
+  {% if image %}
+  {% for images in image %}
+      {{ images }}
+  {% endfor %}
+  {% endif %}
+</div>
 
+  <div class="content">
+    {{ page.content|raw }}
+  </div>
 {% endblock %}
 
 {% block sidebar %}

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

@@ -11,7 +11,7 @@
           {# {{ macros.nav_loop(p) }} #}
           {% for i in p.children.visible %}
           <li>
-            <a href="{{ p.url }}"{{ active_page }}>
+            <a href="{{ i.url }}"{{ active_page }}>
               {{ i.menu }}
             </a>
           </li>

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

@@ -18,20 +18,25 @@
     {% block stylesheets %}
         {% do assets.addCss('theme://css-compiled/spectre'~compress) %}
         {% do assets.addCss('theme://css-compiled/theme'~compress) %}
+        {% do assets.addCss('theme://css/leaflet.css') %}
     {% endblock %}
 
     {% block javascripts %}
+
         {% do assets.addJs('jquery', 101) %}
+        {% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/imagesloaded.pkgd.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/multipleFilterMasonry.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/jquery.slides.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/leaflet.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
+
     {% endblock %}
 
     {% block assets deferred %}
         {{ assets.css()|raw }}
         {{ assets.js()|raw }}
     {% endblock %}
-
-    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/a98b763288f940083bf28857c/d26d4af6b93e3686e6a245680.js");</script>
-
 {% endblock head %}
 </head>
 <body id="top" class="{% block body_classes %}{{ body_classes }}{% endblock %}">
@@ -39,7 +44,7 @@
         <section id="header" class="section">
             <nav class="navbar">
                 <section class="logo">
-                    <h1>{{site.title}}</h1>
+                  <a href="/"><h1>{{site.title}}</h1></a>
                 </section>
                 <section class="desktop-menu">
 
@@ -47,12 +52,17 @@
                     {% block header_navigation %}
                         {% include 'partials/navigation.html.twig' %}
                     {% endblock %}
+
                     </nav>
 
                     {% if config.plugins.login.enabled and grav.user.username %}
                         <span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
                     {% endif %}
 
+                    <div class="reso">
+                      <img src="/user/themes/lecampus/images/fb.svg" alt="">
+                      <img src="/user/themes/lecampus/images/yt.svg" alt="">
+                    </div>
                 </section>
             </nav>
         </section>
@@ -60,13 +70,10 @@
 
     {% block hero %}{% endblock %}
 
-        <section id="start">
+        <section id="{{page.template}}" class="start">
         {% block body %}
             <section id="body-wrapper" class="section">
-                <section class="container {{ grid_size }}">
-                    {% block messages %}
-                        {% include 'partials/messages.html.twig' ignore missing %}
-                    {% endblock %}
+                <section id="item">
                     {% block content %}{% endblock %}
                     {% block sidebar %}{% endblock %}
                 </section>

user/themes/lecampus/templates/partials/blog/public.html.twig

@@ -1,8 +1,17 @@
 <div class="publics">
   <span class="pc">
-    {% set page_public = page.header.public %}
+    <!-- {% set page_public = page.header.public %}
       {% for public in page_public %}
         {{ public }}
-      {% endfor %}
+      {% endfor %} -->
+
+      {% if page.taxonomy.tag %}
+        <span class="tags">
+            {% for tag in page.taxonomy.tag %}
+            <a class="label label-rounded {{ label_style ?: 'label-secondary' }} p-tag" href="{{ blog.url|rtrim('/') }}/tag{{ config.system.param_sep }}{{ tag }}#body-wrapper">{{ tag }}</a>
+            {% endfor %}
+        </span>
+      {% endif %}
+
   </span>
 </div>

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

@@ -2,15 +2,15 @@
 
 <div class="content-item h-entry">
 {% if not hero_image_name %}
-    <div class="content-title text-center">
-        {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
-        {% if page.header.subtitle %}
-        <h3 >{{ page.header.subtitle }}</h3>
-        {% endif %}
-        {% include 'partials/blog/public.html.twig' %}
-        {% include 'partials/blog/date.html.twig' %}
-        {% include 'partials/blog/reseaux_sociaux.html.twig' %}
-    </div>
+  <div class="content-title text-center">
+    {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
+    {% if page.header.subtitle %}
+    <h3 >{{ page.header.subtitle }}</h3>
+    {% endif %}
+    {% include 'partials/blog/public.html.twig' %}
+    {% include 'partials/blog/date.html.twig' %}
+    {% include 'partials/blog/reseaux_sociaux.html.twig' %}
+  </div>
 {% endif %}
 
     <div class="e-content">

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

@@ -6,16 +6,4 @@
     <h1>{{p.title}}</h1>
     {{p.content}}
   {% endfor %}
-  <div class="map"></div>
-
-  <div id="mc_embed_signup">
-  <form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=96d6b6e702" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-      <div id="mc_embed_signup_scroll">
-  	<label for="mce-EMAIL">Inscrivez-vous à la newsletter :</label></br>
-  	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
-      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_a98b763288f940083bf28857c_96d6b6e702" tabindex="-1" value=""></div>
-      <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-      </div>
-  </form>
-  </div>
 </section>

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

@@ -1,13 +1,11 @@
 {% set item_col = show_sidebar ? 'col-9 col-md-12' : 'col-12' %}
 {% set sidebar_col = show_sidebar ? 'col-3 col-md-12' : 'col-12' %}
 
-    <div id="item">
-        {% block item %}{% endblock %}
-        {% if show_sidebar %}
-        <div id="sidebar" class="column {{ sidebar_col }}">
-          {% block sidebar %}
-          {% include 'partials/sidebar.html.twig' %}
-          {% endblock %}
-        </div>
-        {% endif %}
-    </div>
+<div id="item">
+    {% block item %}{% endblock %}
+    {% if show_sidebar %}
+      {% block sidebar %}
+        {% include 'partials/sidebar.html.twig' %}
+      {% endblock %}
+    {% endif %}
+</div>

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

@@ -4,8 +4,10 @@
   <h2>À venir</h2>
   {% for p in page.collection(options)%}
   <div class="side-agenda">
+    <a href="{{p.url}}">
+    {% include 'partials/blog/date.html.twig' with {page: p } %}
         {{p.title}}
-        {% include 'partials/blog/date.html.twig' with {page: p } %}
+    </a>
   </div>
   {% endfor %}
   <div class="side-all-agenda">

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

@@ -2,9 +2,11 @@
 
 {% if taxlist %}
 <span class="tags">
+  <a class="" href="#">Tous</a>
     {% for tax,value in taxlist[taxonomy] %}
         {% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
         <a class="label label-rounded {{ label_class }}" href="{{ base_url }}/{{ taxonomy }}{{ config.system.param_sep }}{{ tax }}">{{ tax }}</a>
     {% endfor %}
+    <a class="" href="#">Achives</a>
 </span>
 {% endif %}