ajout lien vers image bouton de présence

.gitignore

@@ -2,6 +2,5 @@
 .resources/
 *~
 .hugo_build.lock
-config.toml
 .gitmodules
 .public/

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/terminal"]
+	path = themes/terminal
+	url = https://github.com/panr/hugo-theme-terminal.git

Makefile

@@ -1,6 +1,6 @@
 include var.mk
 
-all: init config build
+all: init build oldsite
 
 init:
 	touch .gitmodules
@@ -8,20 +8,14 @@ init:
 	git submodule init
 	git submodule update
 
-config:
-	echo "baseURL = '${base_url}'" > config.toml
-	echo "languageCode = 'fr-fr'" >> config.toml
-	echo "title = 'Fuz.re'" >> config.toml
-	echo "theme = '${theme}'" >> config.toml
-	echo "[params]" >> config.toml
-	echo "centerTheme = true" >> config.toml
-	echo "[languages.en.params.logo]" >>config.toml
-	echo "logoText = 'FuZ'" >>config.toml
-
-
 build:
 	hugo -t $(theme) 
 
+oldsite:
+	mkdir -p public
+	rm -fR public/contact
+	cp -a contact public/contact
+
 run:
 	hugo server --bind ${bind_ip} --port ${bind_port}
 
@@ -32,9 +26,9 @@ clean:
 
 mrproper: clean
 	rm .gitmodules || :
-	git config --remove-section submodule.${git_submodulename}  || :
-	rm -rvf .git/modules/themes  || :
-	rm -rvf themes/*  || :
+	git config --remove-section submodule.${git_submodulename}	|| :
+	rm -rvf .git/modules/themes	|| :
+	rm -rvf themes/*	|| :
 	git rm --cached .gitmodules ${git_submodulename} || :
 	rm -rvf resources || :
 help:

config.toml

@@ -0,0 +1,25 @@
+baseURL = 'https://fuz.re'
+languageCode = 'fr-fr'
+title = 'Fuz.re'
+theme = 'terminal'
+[params]
+centerTheme = true
+[languages.en.params.logo]
+logoText = 'FuZ'
+      [[languages.en.menu.main]]
+        identifier = "apropos"
+        name = "à propos"
+        url = "https://fuz.re/"
+    [languages.en.menu]
+      [[languages.en.menu.main]]
+        identifier = "contact"
+        name = "contact"
+        url = "contact"
+      [[languages.en.menu.main]]
+        identifier = "wiki"
+        name = "wiki"
+        url = "https://wiki.fuz.re/"
+      [[languages.en.menu.main]]
+        identifier = "presence"
+        name = "ouvert ?"
+        url = "https://presence.fuz.re/img"

contact/WWW.FUZ.RE_fichiers/adminEditScripts.js

@@ -0,0 +1,6 @@
+$(document).ready(function () {
+	$('#mainAdminBtn').click()
+
+	$()
+
+})

contact/WWW.FUZ.RE_fichiers/footer.js

@@ -0,0 +1,5 @@
+$(document).ready(function(){
+// the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered
+	$('#login-modal').modal();
+
+});

contact/WWW.FUZ.RE_fichiers/init.js

@@ -0,0 +1,57 @@
+(function ($) {
+	$(function () {
+		$('.button-collapse').sideNav();
+
+
+		//effet smoothscroll
+		$('#mainNav a[href^="#"]').click(function () {
+			let the_id = $(this).attr("href");
+			if (the_id === '#' || the_id === '#!') {
+				return;
+			}
+			$('html, body').animate({
+				scrollTop: $(the_id).offset().top
+			});
+			return false;
+		});
+
+
+	}); // end of document ready
+})(jQuery); // end of jQuery name space
+
+$(document).ready(function () {
+	$('#goToParams-Unpublished').click(function () {
+		$("a[href=#options-params]").click()
+	})
+	//htmlParser.unformatBySelector('.editable');
+	$('.switchViewBtn').click(function (e) {
+		e.preventDefault()
+		let scrolled = document.documentElement.scrollTop
+		let visibleSectionId = ""
+		$('section').each(function () {
+			if (this.offsetTop > scrolled - 200 && !visibleSectionId) {
+				visibleSectionId = this.id
+
+			}
+		})
+		let href = $(this).attr('href')
+
+		window.location.href = href + '#' + visibleSectionId;
+	})
+
+	window.onscroll = function() {scrollFunction()};
+
+	function scrollFunction() {
+		if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+			document.getElementById("ScrollTopBtn").style.opacity = "1";
+		} else {
+			document.getElementById("ScrollTopBtn").style.opacity = "0";
+		}
+	}
+$('.editable a').attr('target', '_blank')
+// When the user clicks on the button, scroll to the top of the document
+	$('#ScrollTopBtn').click(()=> {
+		$('html, body').animate( { scrollTop: $('body').offset().top }, 500 ); // Go
+		return false;
+	})
+})

contact/WWW.FUZ.RE_fichiers/leaflet.css

@@ -0,0 +1,636 @@
+/* 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 {
+	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;
+	     -o-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);
+	     -o-transition:      -o-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;
+	     -o-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;
+	}
+.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;
+	}
+
+/* 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);
+	     -o-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;
+	}

contact/WWW.FUZ.RE_fichiers/nav.js

@@ -0,0 +1,70 @@
+$(document).ready(function () {
+//pour l'édition du menu
+	$('.editMenuLabel').click(function () {
+		console.log('coucou')
+		//on récupere toutes les infos stockées dans l'id du boutton
+		let splittedId = this.id.split("-")
+		//et on remplit le formulaire caché avec
+		$('.addToMenuForm input[name = id]').val(splittedId[1])
+		//on modifie le titre et le boutton de la fenetre modale "à la sauvage"
+		$('#add-to-menu-modal h4').html("Modifier l'élement du menu");
+		$('#add-to-menu-modal button').html("Editer");
+
+		//gestion du pré-remplissage avec l'ancien nom
+		$('#add-to-menu-modal input[name=label]').val(splittedId[2]);
+		setTimeout(function () {
+			Materialize.updateTextFields();
+		},50)
+		//et on ouvre la modale
+		$('#add-to-menu-modal').modal('open');
+	})
+	$('.goToEditParams').click(function (event) {
+		event.preventDefault()
+		$("#siteOptionsModal").modal('open')
+		$("a[href=#options-params]").click()
+	})
+
+	$(".button-collapse").sideNav();
+	$('.navItems').click(()=>{
+		$('.button-collapse').sideNav('hide');
+	})
+
+	// Hide Header on on scroll down
+	var didScroll;
+	var lastScrollTop = 0;
+	var delta = 5;
+	var navbarHeight = $('#mainNav').outerHeight();
+
+	$(window).scroll(function(event){
+		didScroll = true;
+	});
+
+	setInterval(function() {
+		if (didScroll) {
+			hasScrolled();
+			didScroll = false;
+		}
+	}, 250);
+
+	function hasScrolled() {
+		var st = $(this).scrollTop();
+
+		// Make sure they scroll more than delta
+		if(Math.abs(lastScrollTop - st) <= delta)
+			return;
+
+		// If they scrolled down and are past the navbar, add class .nav-up.
+		// This is necessary so you never see what is "behind" the navbar.
+		if (st > lastScrollTop && st > navbarHeight){
+			// Scroll Down
+			$('#mainNav').removeClass('nav-down').addClass('nav-up');
+		} else {
+			// Scroll Up
+			if(st + $(window).height() < $(document).height()) {
+				$('#mainNav').removeClass('nav-up').addClass('nav-down');
+			}
+		}
+
+		lastScrollTop = st;
+	}
+})

contact/WWW.FUZ.RE_fichiers/show.js

@@ -0,0 +1,21 @@
+mymaps = {}
+mymarkers = {}
+$(document).ready(function () {
+	$('.OSMap').each(function (i, el) {
+		let lon = $(el).attr('lon')
+		let lat = $(el).attr('lat')
+		let sectionId = el.id.split("-")[1]
+
+		renderMap = function (i,lat, lon) {
+			mymaps[sectionId] = L.map('mapid-'+sectionId).setView([lat, lon], 15);
+			L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
+				maxZoom: 19,
+				attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>'
+			}).addTo(mymaps[sectionId] );
+
+
+			mymarkers[sectionId] = L.marker([lat, lon]).addTo(mymaps[sectionId] );
+		}
+		renderMap(i, lat, lon)
+	})
+})

contact/WWW.FUZ.RE_fichiers/show_002.js

@@ -0,0 +1,3 @@
+$(document).ready(function () {
+	$('.parallax').parallax();
+})

contact/WWW.FUZ.RE_fichiers/show_004.js

@@ -0,0 +1,8 @@
+$(document).ready(function () {
+	$('.headbandShowOnScroll').each(function (i, el) {
+		scrollFireOptions.push(
+			{selector: '#'+el.id, offset: 200, callback: function(el1) {
+					$(el1).animate({'left' :'-=2000'}, 300, 'swing')
+				} })
+	})
+})

contact/WWW.FUZ.RE_fichiers/style.css

@@ -0,0 +1,797 @@
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px; /* Preferred icon size */
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+
+	/* Support for all WebKit browsers. */
+	-webkit-font-smoothing: antialiased;
+	/* Support for Safari and Chrome. */
+	text-rendering: optimizeLegibility;
+
+	/* Support for Firefox. */
+	-moz-osx-font-smoothing: grayscale;
+
+	/* Support for IE. */
+	font-feature-settings: 'liga';
+}
+
+/* Custom Stylesheet */
+/**
+ * Use this file to override Materialize files so you can update
+ * the core Materialize files in the future
+ *
+ * Made By MaterializeCSS.com
+ */
+
+body, html {
+	overflow-x: hidden;
+}
+
+nav ul a,
+nav .brand-logo {
+	color: #444;
+}
+
+p {
+	line-height: 30px;
+}
+
+.button-collapse {
+	color: #26a69a;
+}
+
+.parallax-container {
+	min-height: 380px;
+	height: auto;
+	color: rgba(255, 255, 255, .9);
+}
+
+.parallax-container .section {
+	width: 100%;
+}
+
+@media only screen and (max-width: 992px) {
+	.parallax-container .section {
+		position: absolute;
+		top: 40%;
+	}
+
+	#index-banner .section {
+		top: 10%;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#index-banner .section {
+		top: 0;
+	}
+}
+
+.icon-block {
+	padding: 0 15px;
+}
+
+.icon-block .material-icons {
+	font-size: inherit;
+}
+
+footer.page-footer {
+	margin: 0;
+}
+
+.borderInBox {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox:hover {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox2 {
+	padding: 6px !important;
+}
+
+.hoverBorderInBox2:hover {
+
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+/*******************************
+		COLORS
+ */
+.frama-purple {
+	background-color: #635182 !important;
+}
+
+.frama-purple-text {
+	color: #635182 !important;
+}
+
+.frama-orange {
+	background-color: #C48A1B !important;
+}
+
+.frama-orange-text {
+	color: #C48A1B !important;
+}
+
+.hover-frama-purple:hover {
+	background-color: #635182 !important;
+}
+
+.hover-frama-orange:hover {
+	background-color: #C48A1B !important;
+}
+
+.frama-border-orange:hover {
+	border: 4px solid #C48A1B
+}
+
+/****************************
+TOOLS
+ */
+.no-margin {
+	margin: 0 !important;
+}
+
+.small-margin {
+	margin: 5px !important;
+}
+
+.small-padding {
+	padding: 10px !important;
+}
+
+.no-padding {
+	padding: 0 !important;
+}
+
+.inline-block {
+	display: inline-block !important;
+}
+
+.static {
+	position: static !important;
+}
+
+.relative {
+	position: relative !important;
+}
+
+.absolute {
+	position: absolute !important;
+}
+
+.hidden {
+	visibility: hidden !important;
+}
+
+.displaynone {
+	display: none;
+}
+
+.light-opacity {
+	opacity: 0.9 !important;
+}
+
+.opacity1 {
+	opacity: 1 !important;
+}
+
+.btn-floating {
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.fixed {
+	position: fixed !important;
+}
+
+.big-modal {
+	width: 85% !important;
+	max-height: 80% !important;
+	height: 80% !important;
+}
+
+.small-modal {
+	width: 60% !important;
+	max-height: 50% !important;
+	height: 50% !important;
+}
+
+.show-on-li-hover {
+	visibility: hidden;
+}
+
+li:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.show-on-section-hover {
+	opacity: 0 !important;
+}
+
+section:hover .show-on-section-hover {
+	opacity: 1 !important;
+}
+
+.children-hover {
+	opacity: 0;
+}
+
+.parent-hover:hover .children-hover {
+	opacity: 1;
+}
+
+.lightButton {
+	background-color: rgba(255, 255, 255, 0.24);
+}
+
+.lightButton:hover {
+	background-color: #C48A1B;
+}
+
+.lightButton:hover i {
+	color: white !important;
+}
+
+.lightButton i {
+	color: #1e1e1e !important;
+}
+
+section:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.addSectionBtn {
+	opacity: 0;
+}
+
+.addSectionBtn-parent:hover .addSectionBtn {
+	opacity: 1;
+}
+
+.moduleBtn {
+	opacity: 0;
+}
+
+.module:hover .moduleBtn {
+	opacity: 1;
+}
+
+.edit-btn {
+	background-color: rgba(196, 138, 27, 0.89) !important;
+}
+
+.col5 {
+	width: 20%;
+}
+
+.shadow-bottom {
+	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+}
+
+.light-shadow {
+	-webkit-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+}
+
+.blockList {
+	width: 100% !important;
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	height: auto;
+}
+
+.columnContainer {
+	/* Prevent vertical gaps */
+	line-height: 0;
+
+	-webkit-column-count: 5;
+	-webkit-column-gap: 0px;
+	-moz-column-count: 5;
+	-moz-column-gap: 0px;
+	column-count: 5;
+	column-gap: 0px;
+}
+
+.columnItem {
+	/* Just in case there are inline attributes */
+
+	height: auto !important;
+	margin: 20px 10px !important;
+}
+
+@media (max-width: 1400px) {
+	.columnContainer {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+	}
+}
+
+@media (max-width: 800px) {
+	.columnContainer {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+	}
+}
+
+@media (max-width: 400px) {
+	.columnContainer {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}
+
+.pickUpImageToUglyForm {
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	cursor: pointer !important;
+}
+
+.editable a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+
+.editable b, .editable i, .editable u {
+	font-size: inherit !important;
+
+}
+
+.editable ul {
+	margin-left: 40px !important;
+}
+
+.editable li {
+	list-style-type: disc !important;
+	padding-left: 5px !important;
+}
+
+.editable h6, .editable p {
+	font-size: 1em;
+	line-height: 30px;
+	margin: 1em 0;
+}
+
+.editable h5 {
+	font-size: 1.5em !important;
+}
+
+.editable h4 {
+	font-size: 2em !important;
+}
+
+.medium-editor-button-active * {
+	color: #191919;
+}
+
+.teamImg {
+	width: 130px;
+	height: 130px;
+}
+
+.threeColumn *, .twoColumn *, .columnContainer * {
+	break-inside: avoid-column;
+	page-break-inside: avoid;
+	-webkit-column-break-inside: avoid;
+}
+
+.background-img {
+	background-size: cover;
+}
+
+.helpDiscoverUL li {
+	background-color: white;
+	border-radius: 10px;
+	color: #4f4f4f;
+	padding: 15px;
+	margin: 10px 0;
+}
+
+.helpDiscoverUL img {
+	text-align: right !important;
+}
+
+.three-block {
+	width: 33%;
+	padding: 20px 0;
+	display: inline-flex;
+}
+
+@media only screen and (max-width: 600px) {
+	.three-block {
+		width: 100%;
+	}
+
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+	.threeColumn {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+@media only screen and (min-width: 993px) {
+	.threeColumnText, .threeColumn {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+.flexImagesContainer {
+	width: 100% !important;
+	display: flex;
+
+}
+
+.flexImagesContainer img {
+	width: 100%;
+	height: auto;
+}
+
+.infoModule {
+	background-color: rgba(99, 81, 130, 0.51) !important;;
+}
+
+.zoomIn {
+	cursor: zoom-in;
+}
+
+.medium-editor-placeholder {
+	opacity: 0.8 !important;
+	margin: 15px 0 !important;
+	padding: -15px 0 !important;
+}
+
+.medium-editor-placeholder:after {
+
+	padding: -15px 0 !important;
+}
+
+.medium-editor-toolbar-form-active {
+	background-color: white !important;
+	color: #1c1c1c;
+	border-radius: 10px !important;
+	padding: 10px;
+	border: 4px solid #C48A1B;
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.medium-editor-toolbar-save, .medium-editor-toolbar-close, .medium-editor-toolbar-input {
+	color: #282828 !important;
+}
+
+.medium-editor-toolbar-input::placeholder {
+	color: #666666 !important;
+}
+
+.video-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	padding-top: 30px;
+	height: 0;
+	overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.video-background {
+	background: #000;
+	position: absolute;
+	width: 100%;
+	height: auto;
+	overflow-y: hidden;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -99;
+}
+
+.screen {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -10;
+}
+
+.filter-grille {
+	background-image: url(grille.png);
+	background-repeat: repeat;
+}
+
+.filter-blue {
+	background-color: rgba(35, 71, 102, 0.71);
+}
+
+.filter-orange {
+	background-color: rgba(220, 128, 5, 0.61);
+}
+
+.filter-green {
+	background-color: rgba(0, 148, 134, 0.56);
+}
+
+.filter-red {
+	background-color: rgba(93, 16, 24, 0.61);
+}
+
+.filter-dark {
+	background-color: rgba(22, 22, 22, 0.61);
+}
+
+.filter-soft {
+	background-color: rgba(255, 255, 255, 0.44);
+}
+
+.video-foreground,
+.video-background iframe {
+	position: absolute;
+	top: -15vh;
+	left: 0;
+	width: 100%;
+	height: 130vh;
+	pointer-events: none;
+}
+
+.border-orange {
+	border: 4px solid #C48A1B;
+}
+
+.modal.modal-fixed-header {
+	padding: 0;
+	height: 70%;
+}
+
+.modal.modal-fixed-header .modal-content {
+	margin-top: 50px;
+	position: absolute;
+	height: calc(100% - 50px);
+	max-height: 100%;
+	width: 100%;
+	overflow-y: auto;
+}
+
+.modal.modal-fixed-header .modal-header {
+	width: 100%;
+	height: 50px;
+	background-color: #635182 !important;
+	color: white !important;
+	position: absolute;
+	top: 0;
+}
+
+.modal.modal-fixed-header .modal-header .modal-close {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 5px 15px;
+
+}
+
+#tagsContainer {
+	bottom: -35px;
+	left: 250px;
+}
+
+#tagsContainer ul li {
+	display: inline;
+	padding-right: 7px;
+
+}
+
+#tagsContainer a {
+	margin-bottom: 5px !important;
+}
+
+.border-orange-tag {
+	border: 3px solid #C48A1B;
+	/*-webkit-box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+	/*box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+}
+
+.border-orange-tag i {
+	top: -3px;
+	left: -3px;
+}
+
+.module-tag:hover {
+	background-color: white !important;
+}
+
+.moduleTag:hover i {
+	color: #171717 !important;
+}
+
+.codeHiglight p, .codeHiglight h6 {
+	font-size: 0.9em;
+	line-height: 1.2em;
+	margin: 0.5em 0;
+}
+
+.codeHiglight > span {
+	display: none !important;
+}
+
+pre {
+	height: calc(100% - 60px) !important;
+	overflow-y: hidden !important;
+}
+
+pre .relative {
+	display: none !important;
+
+}
+
+pre code {
+	padding: 0 20px !important;
+}
+
+.btnDesignContainer {
+
+	z-index: 100;
+}
+
+@media only screen and (max-width: 840px) {
+	.btnDesignContainer {
+		bottom: 20px !important;
+		max-width: 100% !important;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnDesignContainer {
+		padding: 30px;
+		margin: 40px;
+		bottom: 20px;
+		left: 0 !important;
+		max-width: 50vw;
+	}
+}
+
+.btnVideoDesignContainer {
+
+	z-index: 100;
+}
+
+.socialMedia {
+	display: inline-block;
+height: 110px;
+}
+
+.socialMedia a {
+
+}
+
+.socialMedia a img {
+	max-width: 4.3em !important;
+}
+.socialMedia:hover a {
+	margin: -0.3em !important;
+}
+.socialMedia:hover a img {
+	max-width: 4.6em !important;
+
+
+}
+
+@media only screen and (max-width: 840px) {
+	.btnVideoDesignContainer {
+		max-width: 100% !important;
+	}
+
+	.socialMedia {
+		width: 32%;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnVideoDesignContainer {
+		padding: 50px;
+		margin: 30px;
+
+		right: 0 !important;
+		max-width: 50vw;
+	}
+
+	.socialMediaContainer {
+		display: flex;
+	}
+
+	.socialMedia {
+		flex: 1
+	}
+}
+
+.agenda-container {
+	position: relative;
+	padding-bottom: 100%;
+	padding-top: -50px;
+	height: 0;
+}
+
+.agenda-container iframe,
+.agenda-container object,
+.agenda-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+
+#mainNav {
+	height: 64px;
+	position: fixed;
+	top: 0;
+	transition: top 0.2s ease-in-out;
+	width: 100%;
+}
+
+.nav-up {
+	top: -64px !important;
+}
+#fuz {
+	width: 60%;
+	margin: auto;
+}
+#fuzion {
+	display: grid;
+	grid-template-areas: "left" "right";
+	grid-template-columns: 50% 50%;
+	background-color: grey;
+	padding-top: 1em;
+}
+.datapaulette {
+	grid-area: "left";
+}
+.jack {
+	grid-area: "right";
+}

contact/WWW.FUZ.RE_fichiers/style.css.old

@@ -0,0 +1,780 @@
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px; /* Preferred icon size */
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+
+	/* Support for all WebKit browsers. */
+	-webkit-font-smoothing: antialiased;
+	/* Support for Safari and Chrome. */
+	text-rendering: optimizeLegibility;
+
+	/* Support for Firefox. */
+	-moz-osx-font-smoothing: grayscale;
+
+	/* Support for IE. */
+	font-feature-settings: 'liga';
+}
+
+/* Custom Stylesheet */
+/**
+ * Use this file to override Materialize files so you can update
+ * the core Materialize files in the future
+ *
+ * Made By MaterializeCSS.com
+ */
+
+body, html {
+	overflow-x: hidden;
+}
+
+nav ul a,
+nav .brand-logo {
+	color: #444;
+}
+
+p {
+	line-height: 30px;
+}
+
+.button-collapse {
+	color: #26a69a;
+}
+
+.parallax-container {
+	min-height: 380px;
+	height: auto;
+	color: rgba(255, 255, 255, .9);
+}
+
+.parallax-container .section {
+	width: 100%;
+}
+
+@media only screen and (max-width: 992px) {
+	.parallax-container .section {
+		position: absolute;
+		top: 40%;
+	}
+
+	#index-banner .section {
+		top: 10%;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#index-banner .section {
+		top: 0;
+	}
+}
+
+.icon-block {
+	padding: 0 15px;
+}
+
+.icon-block .material-icons {
+	font-size: inherit;
+}
+
+footer.page-footer {
+	margin: 0;
+}
+
+.borderInBox {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox:hover {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox2 {
+	padding: 6px !important;
+}
+
+.hoverBorderInBox2:hover {
+
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+/*******************************
+		COLORS
+ */
+.frama-purple {
+	background-color: #635182 !important;
+}
+
+.frama-purple-text {
+	color: #635182 !important;
+}
+
+.frama-orange {
+	background-color: #C48A1B !important;
+}
+
+.frama-orange-text {
+	color: #C48A1B !important;
+}
+
+.hover-frama-purple:hover {
+	background-color: #635182 !important;
+}
+
+.hover-frama-orange:hover {
+	background-color: #C48A1B !important;
+}
+
+.frama-border-orange:hover {
+	border: 4px solid #C48A1B
+}
+
+/****************************
+TOOLS
+ */
+.no-margin {
+	margin: 0 !important;
+}
+
+.small-margin {
+	margin: 5px !important;
+}
+
+.small-padding {
+	padding: 10px !important;
+}
+
+.no-padding {
+	padding: 0 !important;
+}
+
+.inline-block {
+	display: inline-block !important;
+}
+
+.static {
+	position: static !important;
+}
+
+.relative {
+	position: relative !important;
+}
+
+.absolute {
+	position: absolute !important;
+}
+
+.hidden {
+	visibility: hidden !important;
+}
+
+.displaynone {
+	display: none;
+}
+
+.light-opacity {
+	opacity: 0.9 !important;
+}
+
+.opacity1 {
+	opacity: 1 !important;
+}
+
+.btn-floating {
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.fixed {
+	position: fixed !important;
+}
+
+.big-modal {
+	width: 85% !important;
+	max-height: 80% !important;
+	height: 80% !important;
+}
+
+.small-modal {
+	width: 60% !important;
+	max-height: 50% !important;
+	height: 50% !important;
+}
+
+.show-on-li-hover {
+	visibility: hidden;
+}
+
+li:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.show-on-section-hover {
+	opacity: 0 !important;
+}
+
+section:hover .show-on-section-hover {
+	opacity: 1 !important;
+}
+
+.children-hover {
+	opacity: 0;
+}
+
+.parent-hover:hover .children-hover {
+	opacity: 1;
+}
+
+.lightButton {
+	background-color: rgba(255, 255, 255, 0.24);
+}
+
+.lightButton:hover {
+	background-color: #C48A1B;
+}
+
+.lightButton:hover i {
+	color: white !important;
+}
+
+.lightButton i {
+	color: #1e1e1e !important;
+}
+
+section:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.addSectionBtn {
+	opacity: 0;
+}
+
+.addSectionBtn-parent:hover .addSectionBtn {
+	opacity: 1;
+}
+
+.moduleBtn {
+	opacity: 0;
+}
+
+.module:hover .moduleBtn {
+	opacity: 1;
+}
+
+.edit-btn {
+	background-color: rgba(196, 138, 27, 0.89) !important;
+}
+
+.col5 {
+	width: 20%;
+}
+
+.shadow-bottom {
+	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+}
+
+.light-shadow {
+	-webkit-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+}
+
+.blockList {
+	width: 100% !important;
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	height: auto;
+}
+
+.columnContainer {
+	/* Prevent vertical gaps */
+	line-height: 0;
+
+	-webkit-column-count: 5;
+	-webkit-column-gap: 0px;
+	-moz-column-count: 5;
+	-moz-column-gap: 0px;
+	column-count: 5;
+	column-gap: 0px;
+}
+
+.columnItem {
+	/* Just in case there are inline attributes */
+
+	height: auto !important;
+	margin: 20px 10px !important;
+}
+
+@media (max-width: 1400px) {
+	.columnContainer {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+	}
+}
+
+@media (max-width: 800px) {
+	.columnContainer {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+	}
+}
+
+@media (max-width: 400px) {
+	.columnContainer {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}
+
+.pickUpImageToUglyForm {
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	cursor: pointer !important;
+}
+
+.editable a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+
+.editable b, .editable i, .editable u {
+	font-size: inherit !important;
+
+}
+
+.editable ul {
+	margin-left: 40px !important;
+}
+
+.editable li {
+	list-style-type: disc !important;
+	padding-left: 5px !important;
+}
+
+.editable h6, .editable p {
+	font-size: 1em;
+	line-height: 30px;
+	margin: 1em 0;
+}
+
+.editable h5 {
+	font-size: 1.5em !important;
+}
+
+.editable h4 {
+	font-size: 2em !important;
+}
+
+.medium-editor-button-active * {
+	color: #191919;
+}
+
+.teamImg {
+	width: 130px;
+	height: 130px;
+}
+
+.threeColumn *, .twoColumn *, .columnContainer * {
+	break-inside: avoid-column;
+	page-break-inside: avoid;
+	-webkit-column-break-inside: avoid;
+}
+
+.background-img {
+	background-size: cover;
+}
+
+.helpDiscoverUL li {
+	background-color: white;
+	border-radius: 10px;
+	color: #4f4f4f;
+	padding: 15px;
+	margin: 10px 0;
+}
+
+.helpDiscoverUL img {
+	text-align: right !important;
+}
+
+.three-block {
+	width: 33%;
+	padding: 20px 0;
+	display: inline-flex;
+}
+
+@media only screen and (max-width: 600px) {
+	.three-block {
+		width: 100%;
+	}
+
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+	.threeColumn {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+@media only screen and (min-width: 993px) {
+	.threeColumnText, .threeColumn {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+.flexImagesContainer {
+	width: 100% !important;
+	display: flex;
+
+}
+
+.flexImagesContainer img {
+	width: 100%;
+	height: auto;
+}
+
+.infoModule {
+	background-color: rgba(99, 81, 130, 0.51) !important;;
+}
+
+.zoomIn {
+	cursor: zoom-in;
+}
+
+.medium-editor-placeholder {
+	opacity: 0.8 !important;
+	margin: 15px 0 !important;
+	padding: -15px 0 !important;
+}
+
+.medium-editor-placeholder:after {
+
+	padding: -15px 0 !important;
+}
+
+.medium-editor-toolbar-form-active {
+	background-color: white !important;
+	color: #1c1c1c;
+	border-radius: 10px !important;
+	padding: 10px;
+	border: 4px solid #C48A1B;
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.medium-editor-toolbar-save, .medium-editor-toolbar-close, .medium-editor-toolbar-input {
+	color: #282828 !important;
+}
+
+.medium-editor-toolbar-input::placeholder {
+	color: #666666 !important;
+}
+
+.video-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	padding-top: 30px;
+	height: 0;
+	overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.video-background {
+	background: #000;
+	position: absolute;
+	width: 100%;
+	height: auto;
+	overflow-y: hidden;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -99;
+}
+
+.screen {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -10;
+}
+
+.filter-grille {
+	background-image: url(grille.png);
+	background-repeat: repeat;
+}
+
+.filter-blue {
+	background-color: rgba(35, 71, 102, 0.71);
+}
+
+.filter-orange {
+	background-color: rgba(220, 128, 5, 0.61);
+}
+
+.filter-green {
+	background-color: rgba(0, 148, 134, 0.56);
+}
+
+.filter-red {
+	background-color: rgba(93, 16, 24, 0.61);
+}
+
+.filter-dark {
+	background-color: rgba(22, 22, 22, 0.61);
+}
+
+.filter-soft {
+	background-color: rgba(255, 255, 255, 0.44);
+}
+
+.video-foreground,
+.video-background iframe {
+	position: absolute;
+	top: -15vh;
+	left: 0;
+	width: 100%;
+	height: 130vh;
+	pointer-events: none;
+}
+
+.border-orange {
+	border: 4px solid #C48A1B;
+}
+
+.modal.modal-fixed-header {
+	padding: 0;
+	height: 70%;
+}
+
+.modal.modal-fixed-header .modal-content {
+	margin-top: 50px;
+	position: absolute;
+	height: calc(100% - 50px);
+	max-height: 100%;
+	width: 100%;
+	overflow-y: auto;
+}
+
+.modal.modal-fixed-header .modal-header {
+	width: 100%;
+	height: 50px;
+	background-color: #635182 !important;
+	color: white !important;
+	position: absolute;
+	top: 0;
+}
+
+.modal.modal-fixed-header .modal-header .modal-close {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 5px 15px;
+
+}
+
+#tagsContainer {
+	bottom: -35px;
+	left: 250px;
+}
+
+#tagsContainer ul li {
+	display: inline;
+	padding-right: 7px;
+
+}
+
+#tagsContainer a {
+	margin-bottom: 5px !important;
+}
+
+.border-orange-tag {
+	border: 3px solid #C48A1B;
+	/*-webkit-box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+	/*box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+}
+
+.border-orange-tag i {
+	top: -3px;
+	left: -3px;
+}
+
+.module-tag:hover {
+	background-color: white !important;
+}
+
+.moduleTag:hover i {
+	color: #171717 !important;
+}
+
+.codeHiglight p, .codeHiglight h6 {
+	font-size: 0.9em;
+	line-height: 1.2em;
+	margin: 0.5em 0;
+}
+
+.codeHiglight > span {
+	display: none !important;
+}
+
+pre {
+	height: calc(100% - 60px) !important;
+	overflow-y: hidden !important;
+}
+
+pre .relative {
+	display: none !important;
+
+}
+
+pre code {
+	padding: 0 20px !important;
+}
+
+.btnDesignContainer {
+
+	z-index: 100;
+}
+
+@media only screen and (max-width: 840px) {
+	.btnDesignContainer {
+		bottom: 20px !important;
+		max-width: 100% !important;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnDesignContainer {
+		padding: 30px;
+		margin: 40px;
+		bottom: 20px;
+		left: 0 !important;
+		max-width: 50vw;
+	}
+}
+
+.btnVideoDesignContainer {
+
+	z-index: 100;
+}
+
+.socialMedia {
+	display: inline-block;
+height: 110px;
+}
+
+.socialMedia a {
+
+}
+
+.socialMedia a img {
+	max-width: 4.3em !important;
+}
+.socialMedia:hover a {
+	margin: -0.3em !important;
+}
+.socialMedia:hover a img {
+	max-width: 4.6em !important;
+
+
+}
+
+@media only screen and (max-width: 840px) {
+	.btnVideoDesignContainer {
+		max-width: 100% !important;
+	}
+
+	.socialMedia {
+		width: 32%;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnVideoDesignContainer {
+		padding: 50px;
+		margin: 30px;
+
+		right: 0 !important;
+		max-width: 50vw;
+	}
+
+	.socialMediaContainer {
+		display: flex;
+	}
+
+	.socialMedia {
+		flex: 1
+	}
+}
+
+.agenda-container {
+	position: relative;
+	padding-bottom: 100%;
+	padding-top: -50px;
+	height: 0;
+}
+
+.agenda-container iframe,
+.agenda-container object,
+.agenda-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+
+#mainNav {
+	height: 64px;
+	position: fixed;
+	top: 0;
+	transition: top 0.2s ease-in-out;
+	width: 100%;
+}
+
+.nav-up {
+	top: -64px !important;
+}

contact/index.html

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="fr"><head>
+	<style type="text/css">
+		@font-face {
+			font-family: 'Material Icons';
+			font-style: normal;
+			font-weight: 400;
+			src: url('public/fonts/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
+			src: local('Material Icons'),
+			local('MaterialIcons-Regular'),
+			url('public/fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
+			url('public/fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
+			url('public/fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype');
+		}
+	</style>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>FUZ.RE</title>
+	<meta property="og:image" content="../medias/5c02ae843c25e.jpg">
+	<meta name="description" content="FUZ Hackerspace">
+	<meta name="keywords" content="">
+	<meta http-equiv="content-language" content="en_EN">
+	<meta name="language" content="en_EN">
+	<link rel="icon" type="image/png" href="https://fuz.frama.site/medias/5c02ae843c25e.jpg">
+	<!-- CSS  -->
+	<link href="WWW.FUZ.RE_fichiers/materialize.css" type="text/css" rel="stylesheet" media="screen,projection">
+	<link href="WWW.FUZ.RE_fichiers/style.css" type="text/css" rel="stylesheet" media="screen,projection">
+	<style type="text/css" id="themeClassCSS">
+		.menu-background {
+		background-color: #000000 !important;
+		}
+		.main-background {
+		background-color: #232323 !important;
+		}
+		.main-color, .main-color * {
+		color: #e5e5e5 !important;
+		}
+		.contrasted-color, .contrasted-color * {
+		color: #dadfe8 !important;
+		}
+		.second-background {
+		background-color: #000000 !important;
+		}
+		.second-color, .second-color * {
+		color: #ffffff !important;
+		}
+	</style>
+	
+	<style type="text/css">
+
+		@font-face {
+			font-family: 'Maven Pro';
+			src:  url('public/fonts/customFonts/MavenPro-Regular.ttf')  format('truetype');
+		}
+		@font-face {
+		font-family: 'Maven Pro';
+		src:  url('public/fonts/customFonts/MavenPro-Regular.ttf')  format('truetype');
+		}
+	</style>
+	<style type="text/css" id="fontClassCSS">
+		.title-font, .title-font *  {
+		font-family: 'Maven Pro','sans-serif' ;
+		font-size:  200  %  !important  ;
+		}
+		.main-font , .main-font * {
+		font-family: 'Maven Pro','sans-serif' ;
+		font-stretch: ultra-expanded !important;
+		}
+
+
+	</style>
+
+</head><body>
+	<img src="https://presence.fuz.re/img" width="150px" alt=" open or not : sorry, an image" style="position: relative; z-index: 1000; margin-top: 5px; float: right;" />
+
+
+	<!-- section id="mixart" style="margin-top: 5em; padding: 5px;" >
+	<p>
+	Mix'Art Myrys fait l'objet d'une <a href="https://vive.mixart-myrys.org/ils-ont-ferme-mixart-myrys-et-arrete-les-subventions-2021-recit-des-derniers-jours/" >fermeture administrative </a> depuis le 20 janvier 2021. Ce lieu toulousain nous est cher.
+</p><p>
+Au delà des éditions du <a href="https://thsf.tetalab.org/" >THSF</a> (Toulouse Hacker Space Factory) qui s'y sont tenues, des universités des quatre saisons du Tetalab, de la rencontre <a href="http://sonoptic.net" >Sonoptic</a>, ce lieu est un symbole. Sa vivacité artistique, aussi indépendante qu'originale, nous a toujours semblé exceptionelle. Nous n'en connaissons pas beaucoup de pareilles.
+</p><p>
+Au delà de cette éviction décidée en quelques jours, il apparaît aujourd'hui qu'il s'agit d'une opération coordonnée destinée à faire disparaitre ce lieu unique : la ville de Toulouse et le <a href="https://www.toulouse-metropole.fr/missions/culture/nta/mix-art-myrys" >conseil métropolitain</a> ont décidé en décembre de couper les subventions à l’association <a href="http://mixart-myrys.org/" >Mix’art Myrys</a> en 2021 sans en prévenir préalablement l'organisation, ses salariés, les artistes, et les associations qui y résident.
+</p><p>
+Une <a href="https://www.change.org/p/mix-art-myrys-que-vive-mix-art-myrys">pétition</a> lancée par les <a href="https://vive.mixart-myrys.org/">amis de Myrys</a> vous permet de soutenir Mix'Art Myrys. Nous vous encourageons à relayer ces informations et participer au combat politique qui s'annonce visant à obtenir qu'une solution pérenne et satisfaisante soit conclue.
+	</p>
+	</section-->
+
+<nav class="nav menu-background fixed nav-down" id="mainNav" role="navigation" style="z-index: 999">
+	<div class=" nav-wrapper container parent-hover">
+		<a id="logo-container" href="#" class="brand-logo second-color title-font relative ">
+							<img style="height: 59px; width: auto; margin-right: 20px; vertical-align: middle; padding: 0 0 5px 0" src="WWW.FUZ.RE_fichiers/5c02b2a84373a.png" alt="">
+													<span id="siteTitle" style="font-size: 1.2em !important;vertical-align: middle" class="">FUZ.RE</span>
+									
+		</a>
+
+		<ul class="right hide-on-med-and-down" style="max-width : 70%; max-height: 60px; overflow: hidden !important; padding-left: 30px !important; margin-left: -30px !important;">
+																																																																									
+		</ul>
+																																							
+
+	</div>
+</nav>
+<div class="" style="margin-top: 64px">
+							<section class="relative moduleSectionContainer" id="5c01006535286">
+					
+					<div class="menu-background module">
+	<script src="WWW.FUZ.RE_fichiers/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
+	<link rel="stylesheet" href="WWW.FUZ.RE_fichiers/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
+	<div class="container  ">
+		<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
+
+			<div class="row no-margin">
+				<div class="col s12 l7 relative" style="padding-right: 30px">
+					
+					<div class="OSMap light-shadow leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" id="mapid-5c01006535286" style="height: 450px; border-radius: 10px; position: relative;" lon="2.403087884794437" lat="48.85339087164771" tabindex="0"><div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, 0px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 19; transform: translate3d(0px, 0px, 0px) scale(1);"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11273.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(50px, 80px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11272_003.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(50px, -176px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11273_003.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-206px, 80px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11273_002.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(306px, 80px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11274_002.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(50px, 336px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11272.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-206px, -176px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11272_002.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(306px, -176px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11274.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-206px, 336px, 0px); opacity: 1;"><img alt="" role="presentation" src="WWW.FUZ.RE_fichiers/11274_003.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(306px, 336px, 0px); opacity: 1;"></div></div></div><div class="leaflet-pane leaflet-shadow-pane"><img src="WWW.FUZ.RE_fichiers/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(238px, 225px, 0px);" alt=""></div><div class="leaflet-pane leaflet-overlay-pane"></div><div class="leaflet-pane leaflet-marker-pane"><img src="WWW.FUZ.RE_fichiers/marker-icon-2x.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(238px, 225px, 0px); z-index: 225;" alt="" tabindex="0"></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"></div><div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(4250300px, 2886030px, 0px) scale(16384);"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">−</a></div></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="http://leafletjs.com/" title="A JS library for interactive maps">Leaflet</a> | © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a></div></div></div></div>
+				</div>
+				<div class="col s12 l5  ">
+					<div class="  second-color main-font editable center-align" id="moduleValue-title">
+						<h4></h4><h4>FUZ is a <a href="http://hackerspaces.org/" target="_blank">HackerSpace</a> in Paris.&nbsp;It's the re-unification of two complementary ones:<br><a href="http://datapaulette.org/" style="font-family:'Maven Pro', sans-serif;font-size:1em;background-color:rgb(0,0,0);" target="_blank"><b>DataPaulette</b></a><span style="font-family:'Maven Pro', sans-serif;font-size:1em;"><b> + </b>LeJack<b><br></b></span>...with bits of <a href="https://wiki.hackerspaces.org/Le_Loop" style="font-size:1em;font-weight:400;font-family:'Maven Pro', sans-serif;background-color:rgb(0,0,0);" target="_blank">LeLoop</a>,<span style="font-size:1em;font-family:'Maven Pro', sans-serif;">&nbsp;</span><a href="https://wiki.hackerspaces.org/BlackBoxe" style="font-size:1em;font-weight:400;font-family:'Maven Pro', sans-serif;background-color:rgb(0,0,0);" target="_blank">BlackBoxe</a>&nbsp;and <a href="https://wiki.hackerspaces.org/%2Ftmp/lab" target="_blank">/tmp/lab</a><span style="font-size:1em;font-family:'Maven Pro', sans-serif;">.</span></h4><h4><b style="font-family:'Maven Pro', sans-serif;font-size:1.5em;"><u>Open nights</u></b><span style="font-family:'Maven Pro', sans-serif;font-size:1.5em;">:<br></span><span style="font-family:'Maven Pro', sans-serif;font-size:1em;">Wednesdays after 9pm.</span></h4><h4><b>⇒ <span style="font-family:'Maven Pro', sans-serif;font-size:1em;"><a href="https://wiki.fuz.re/doku.php?id=map" target="_blank">VISIT US</a>&nbsp;</span>⇐</b></h4><h4><u>hi (a) fuz . re</u></h4>
+					</div>
+				</div>
+
+
+			</div>
+		</div>
+	</div>
+</div>
+					
+
+				</section>
+			
+
+									<section class="relative moduleSectionContainer" id="5c02b1836edbd">
+					
+					<div class="main-background">
+		<div class="container module">
+		<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
+
+			<!--   Icon Section   -->
+			<div class="row center-align">
+							<div class="icon-block center-align" style="width: 100% ; text-align: center">
+						<div id="fuz">
+								<div class="relative row">
+																		<img src="WWW.FUZ.RE_fichiers/5c02b2a84373a.png" id="moduleValue-imgUrl2" class="responsive-img center-align " alt="">
+								</div>
+								<div class=" main-color main-font editable center-align" id="moduleValue-content2">
+									<h5>⇒&nbsp;&nbsp;<a href="http://fuz.re/" target="_blank">FUZ</a>&nbsp; ⇐</h5><p>FUZ Underground Zone</p>
+								</div>
+								<div class="second-color main-font editable center-align" id="moduleValue-price2">
+									<h4><b>⇒ &nbsp;<a href="https://wiki.fuz.re/" target="_blank">WIKI</a>&nbsp; ⇐</b></h4>
+								</div>
+							</div>
+						</div>
+						<div id="fuzion">
+							<div class="datapaulette">
+							<div class="icon-block center-align" style="text-align: center">
+								<div class="relative row">
+									<img src="WWW.FUZ.RE_fichiers/5c02b28f53a33.png" id="moduleValue-imgUrl1" class="responsive-img center-align " alt="">
+								</div>
+								<div class=" main-color main-font editable center-align" id="moduleValue-content1">
+									<h5><span><a href="http://datapaulette.org/" target="_blank">DataPaulette</a></span></h5><p> Wearables, eTextiles, flexible materials...</p>
+								</div>
+							</div>
+							</div>
+							<div class="jack">
+							<div class="icon-block center-align" style="text-align: center">
+								<div class="relative row">
+									<img src="WWW.FUZ.RE_fichiers/5c02b5228b36a.jpg" id="moduleValue-imgUrl3" class="responsive-img center-align " alt="">
+								</div>
+								<div class=" main-color main-font editable center-align" id="moduleValue-content3">
+									<h5>Le Jack</h5><p>Music, retro computing, gaming, up-cycling...</p>
+								</div>
+							</div>
+							</div>
+			</div>
+						</div>
+
+		</div>
+	</div>
+</div>
+					
+
+				</section>
+			
+
+									<section class="relative moduleSectionContainer" id="5cabe202649e4">
+					
+					<div class="parallax-container valign-wrapper module paralax">
+	<div class="section no-pad-bot relative">
+		
+		<div class="container " style="margin-top: 50px !important; margin-bottom: 50px !important;">
+			<div class=" row center contrasted-color title-font editable " id="moduleValue-text" style="font-size: 130%">
+				<h4><br></h4>
+			</div>
+		</div>
+	</div>
+	<div class="parallax"><img id="moduleValue-imgUrl" src="WWW.FUZ.RE_fichiers/5cabe280d49b6.jpg" alt="" style="display: block;"></div>
+</div>
+					
+
+				</section>
+			
+
+									<section class="relative moduleSectionContainer" id="5c02c89deda64">
+					
+					<div class="second-background">
+	<div class="container module ">
+		<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
+			<div class="row  valign-wrapper no-margin relative">
+				<div class="col s12  headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c02c89deda64">
+					<div class="  second-color title-font editable center-align" id="moduleValue-title">
+						
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+					
+
+				</section>
+			
+
+									<section class="relative moduleSectionContainer" id="5c02c8c3b4f6f">
+					
+					<div class="second-background">
+	<div class="container module ">
+		<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
+			<div class="row  valign-wrapper no-margin relative">
+				<div class="col s12  headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c02c8c3b4f6f">
+					<div class="  second-color title-font editable center-align" id="moduleValue-title">
+						
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+					
+
+				</section>
+			
+
+									<section class="relative moduleSectionContainer" id="5c02c7a97f6ef">
+					
+					<div class="second-background">
+	<div class="container module ">
+		<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
+			<div class="row  valign-wrapper no-margin relative">
+				<div class="col s12  headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c02c7a97f6ef">
+					<div class="  second-color title-font editable center-align" id="moduleValue-title">
+						
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+					
+
+				</section>
+			
+
+								
+
+
+				
+</section>
+
+
+<!--  Scripts-->
+
+<script src="WWW.FUZ.RE_fichiers/jquery-2.js"></script>
+<script src="WWW.FUZ.RE_fichiers/materialize.js"></script>
+
+
+
+<script>
+	SiteOptions = {"font":{"name":"Pro","title":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"},"main":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"}},"theme":{"name":"Black Impact","menu_background":"#000000","main_background":"#232323","main_color":"#e5e5e5","contrasted_color":"#dadfe8","second_background":"#000000","second_color":"#ffffff"},"params":{"title":"WWW.FUZ.RE","titleSize":"medium","favIcon":"..\/medias\/5c02ae843c25e.jpg","siteLogo":"..\/medias\/5c02b2a84373a.png","lang":"en_EN","description":"FUZ Hackerspace","keywords":"","isPublished":"true"}};
+	CSRFToken= ''
+	isAdminPage =""
+	scrollFireOptions = []
+</script>
+
+<script src="WWW.FUZ.RE_fichiers/init.js"></script>
+<script src="WWW.FUZ.RE_fichiers/nav.js"></script>
+<script src="WWW.FUZ.RE_fichiers/footer.js"></script>
+<script src="WWW.FUZ.RE_fichiers/adminEditScripts.js"></script>
+
+
+	<script src="WWW.FUZ.RE_fichiers/show.js"></script>
+	<script src="WWW.FUZ.RE_fichiers/show_003.js"></script>
+	<script src="WWW.FUZ.RE_fichiers/show_002.js"></script>
+	<script src="WWW.FUZ.RE_fichiers/show_004.js"></script>
+<script>
+	$(document).ready(function () {
+
+			Materialize.scrollFire(scrollFireOptions);
+
+	})
+</script>
+<div id="modalCroppingImage" class="modal big-modal modal-fixed-header" style="z-index: 12000">
+	<div class="modal-header" style="z-index: 6001">
+		<h5 class="white-text" style="padding: 15px !important; margin: 0 !important;">Recadrer l'image <i>(optionnel)</i></h5>
+		<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons white-text">clear</i></a>
+	</div>
+
+	<div class="modal-content relative" id="croppingModalContainer" style="padding: 0 !important;">
+
+	</div>
+</div>
+
+<div class="material-tooltip" id="7564e78e-45c2-4b34-ca0a-d5bd0459efee"><span>retour haut de page</span><div class="backdrop"></div></div><div class="hiddendiv common"></div></body></html>

themes/terminal

@@ -0,0 +1 @@
+Subproject commit e0213b0d4eaa399770a11be1faff89529b2ced0b

var.mk

@@ -1,6 +1,3 @@
-base_url = http://fuz.re
 theme = terminal
-bind_ip = 0.0.0.0
-bind_port = 1313
 git_template = https://github.com/panr/hugo-theme-terminal.git
 git_submodulename = themes/terminal