ajout lien vers image bouton de présence dans le menu #1
24
Makefile
24
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:
|
||||
|
||||
21
config.toml
Normal file
21
config.toml
Normal file
@ -0,0 +1,21 @@
|
||||
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 = "apropos"
|
||||
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/"
|
||||
BIN
contact/WWW.FUZ.RE_fichiers/11272.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11272.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11272_002.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11272_002.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11272_003.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11272_003.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11273.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11273.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11273_002.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11273_002.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11273_003.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11273_003.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11274.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11274.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11274_002.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11274_002.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/11274_003.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/11274_003.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/5c02b28f53a33.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/5c02b28f53a33.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/5c02b2a84373a.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/5c02b2a84373a.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/5c02b5228b36a.jpg
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/5c02b5228b36a.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/5cabe280d49b6.jpg
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/5cabe280d49b6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
6
contact/WWW.FUZ.RE_fichiers/adminEditScripts.js
Normal file
6
contact/WWW.FUZ.RE_fichiers/adminEditScripts.js
Normal file
@ -0,0 +1,6 @@
|
||||
$(document).ready(function () {
|
||||
$('#mainAdminBtn').click()
|
||||
|
||||
$()
|
||||
|
||||
})
|
||||
5
contact/WWW.FUZ.RE_fichiers/footer.js
Normal file
5
contact/WWW.FUZ.RE_fichiers/footer.js
Normal file
@ -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();
|
||||
|
||||
});
|
||||
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-icon-2x.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-icon-2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-icon.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-shadow.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/images/marker-shadow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
57
contact/WWW.FUZ.RE_fichiers/init.js
Normal file
57
contact/WWW.FUZ.RE_fichiers/init.js
Normal file
@ -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;
|
||||
})
|
||||
})
|
||||
4
contact/WWW.FUZ.RE_fichiers/jquery-2.js
vendored
Normal file
4
contact/WWW.FUZ.RE_fichiers/jquery-2.js
vendored
Normal file
File diff suppressed because one or more lines are too long
636
contact/WWW.FUZ.RE_fichiers/leaflet.css
Normal file
636
contact/WWW.FUZ.RE_fichiers/leaflet.css
Normal file
@ -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;
|
||||
}
|
||||
5
contact/WWW.FUZ.RE_fichiers/leaflet.js
Normal file
5
contact/WWW.FUZ.RE_fichiers/leaflet.js
Normal file
File diff suppressed because one or more lines are too long
BIN
contact/WWW.FUZ.RE_fichiers/logo-final-white.png
Normal file
BIN
contact/WWW.FUZ.RE_fichiers/logo-final-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
16
contact/WWW.FUZ.RE_fichiers/materialize.css
vendored
Normal file
16
contact/WWW.FUZ.RE_fichiers/materialize.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
contact/WWW.FUZ.RE_fichiers/materialize.js
vendored
Normal file
6
contact/WWW.FUZ.RE_fichiers/materialize.js
vendored
Normal file
File diff suppressed because one or more lines are too long
70
contact/WWW.FUZ.RE_fichiers/nav.js
Normal file
70
contact/WWW.FUZ.RE_fichiers/nav.js
Normal file
@ -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;
|
||||
}
|
||||
})
|
||||
21
contact/WWW.FUZ.RE_fichiers/show.js
Normal file
21
contact/WWW.FUZ.RE_fichiers/show.js
Normal file
@ -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: '© <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)
|
||||
})
|
||||
})
|
||||
3
contact/WWW.FUZ.RE_fichiers/show_002.js
Normal file
3
contact/WWW.FUZ.RE_fichiers/show_002.js
Normal file
@ -0,0 +1,3 @@
|
||||
$(document).ready(function () {
|
||||
$('.parallax').parallax();
|
||||
})
|
||||
8
contact/WWW.FUZ.RE_fichiers/show_004.js
Normal file
8
contact/WWW.FUZ.RE_fichiers/show_004.js
Normal file
@ -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')
|
||||
} })
|
||||
})
|
||||
})
|
||||
797
contact/WWW.FUZ.RE_fichiers/style.css
Normal file
797
contact/WWW.FUZ.RE_fichiers/style.css
Normal file
@ -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";
|
||||
}
|
||||
780
contact/WWW.FUZ.RE_fichiers/style.css.old
Normal file
780
contact/WWW.FUZ.RE_fichiers/style.css.old
Normal file
@ -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;
|
||||
}
|
||||
314
contact/index.html
Normal file
314
contact/index.html
Normal file
@ -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. 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;"> </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> 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> </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>⇒ <a href="http://fuz.re/" target="_blank">FUZ</a> ⇐</h5><p>FUZ Underground Zone</p>
|
||||
</div>
|
||||
<div class="second-color main-font editable center-align" id="moduleValue-price2">
|
||||
<h4><b>⇒ <a href="https://wiki.fuz.re/" target="_blank">WIKI</a> ⇐</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>
|
||||
Loading…
Reference in New Issue
Block a user