first commit prod

This commit is contained in:
Tessier
2020-09-22 16:40:13 +02:00
parent 1d46fd062c
commit 5e0b79dff7
16 changed files with 366 additions and 22 deletions
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="210mm" viewBox="0 0 210 210"><g fill="#0ff"><path d="M113.611 150.118c1.09-3.082 1.79-8.56-1.005-17.145a1.343 1.343 0 00-.11-.24c-.412-.755-1.101-2.638-.67-3.783a4.286 4.286 0 00-2.294-5.54c-4.615-1.963-12.303-4.838-25.719-7.163a1.429 1.429 0 00-1.634 1.102l-.316 1.43-68.411-12.197a1.429 1.429 0 00-1.591.902l-3.52 9.361a1.429 1.429 0 00.835 1.842l3.347 1.258a1.429 1.429 0 001.841-.835.714.714 0 011.333.501 1.43 1.43 0 102.677 1.006.715.715 0 011.336.508 1.43 1.43 0 002.676 1.006.714.714 0 011.334.5 1.429 1.429 0 102.673 1 .715.715 0 011.34.498 1.43 1.43 0 102.676 1.006.715.715 0 011.336.508 1.43 1.43 0 102.676 1.006.714.714 0 111.334.5 1.43 1.43 0 002.676 1.005.715.715 0 111.34.499 1.435 1.435 0 102.688 1 .714.714 0 111.334.502 1.43 1.43 0 002.676 1.006.715.715 0 111.34.498 1.43 1.43 0 102.676 1.006.714.714 0 111.333.501 1.43 1.43 0 002.676 1.006.714.714 0 111.318.501 1.43 1.43 0 002.676 1.006.714.714 0 111.333.5 1.43 1.43 0 002.677 1.005.714.714 0 111.333.502 1.43 1.43 0 002.676 1.006.714.714 0 011.334.5 1.43 1.43 0 102.676 1.005.725.725 0 111.352.525 1.43 1.43 0 002.676 1.005.714.714 0 011.333.5 1.429 1.429 0 00.835 1.842l10.033 3.773a13.53 13.53 0 005.5 3.6c6.505 2.447 13.526 2.259 17.126 1.929a4.957 4.957 0 004.244-3.266zm-9.559-2.678l-2.806.488a4.286 4.286 0 01-4.927-3.53l-2.23-13.413a4.286 4.286 0 013.53-4.927l2.806-.488a4.286 4.286 0 014.927 3.531l2.213 13.39a4.286 4.286 0 01-3.531 4.926z"/><path overflow="visible" style="text-indent:0;text-transform:none" d="M115.642 31.956c-.718-.115-1.475.438-1.583 1.156-1.664 10.314-3.995 17.385-6.934 21.606-2.939 4.222-6.282 5.689-10.832 5.333-.817-.057-1.577.758-1.462 1.57 2.116 18.408 1.406 29.755-.569 37.191-1.975 7.436-5.112 10.972-8.433 14.052-2.145 1.988-4.248 3.442-5.848 5.541-1.6 2.1-2.546 4.85-2.379 8.818 4.602 9.432 9.876 18.856 14.857 28.195.155.291.418.523.727.64 3.873 1.43 6.567 2.458 10.214 3.822.31.115.66.112.969-.005 9.604-4.352 21.445-7.834 29.716-11.517 2.856-2.983 3.245-6.153 2.711-8.97-.533-2.816-1.735-5.421-2.035-8.214-.438-4.077 1.34-11.048 6.059-18.898 4.718-7.85 12.34-16.612 23.368-24.566.718-.503.726-1.738.013-2.25-3.707-2.735-5.256-6.033-4.711-11.148.544-5.116 3.397-11.993 8.912-20.866.417-.686.07-1.71-.678-2.002l-7.913-2.96a1.415 1.415 0 00-1.513.353c-2.685 2.95-6.12 8.468-10.499 12.681-2.189 2.107-4.585 3.879-7.089 4.8-2.503.923-5.119 1.076-8.047-.02-2.943-1.101-4.824-2.95-6.109-5.322-1.285-2.373-1.9-5.302-2.166-8.356-.535-6.11.489-12.54.294-16.407a1.414 1.414 0 00-.925-1.22l-8.115-3.037z" color="#000"/><path d="M87.671 140.411c1.202-3.04 4.27-7.632 12.013-12.273a1.343 1.343 0 01.24-.11c.807-.298 2.563-1.266 2.99-2.412a4.286 4.286 0 015.367-2.675c4.77 1.55 12.457 4.428 24.103 11.48a1.429 1.429 0 01.51 1.904l-.7 1.286 59.613 35.708a1.429 1.429 0 01.609 1.725l-3.49 9.373a1.429 1.429 0 01-1.838.84l-3.352-1.248a1.429 1.429 0 01-.84-1.838.714.714 0 00-1.335-.497 1.43 1.43 0 11-2.68-.999.715.715 0 00-1.34-.493 1.43 1.43 0 01-2.68-.999.714.714 0 00-1.334-.497 1.429 1.429 0 11-2.673-1.001.715.715 0 00-1.338-.503 1.43 1.43 0 11-2.679-.999.715.715 0 00-1.342-.493 1.43 1.43 0 11-2.678-.999.714.714 0 10-1.335-.498 1.43 1.43 0 01-2.679-.998.715.715 0 10-1.338-.503 1.435 1.435 0 11-2.685-1.01.714.714 0 10-1.335-.497 1.43 1.43 0 01-2.68-.999.715.715 0 10-1.337-.503 1.43 1.43 0 11-2.679-.998.714.714 0 10-1.335-.497 1.43 1.43 0 01-2.679-.998.714.714 0 10-1.323-.487 1.43 1.43 0 01-2.678-.998.714.714 0 10-1.335-.498 1.43 1.43 0 01-2.679-.999.714.714 0 10-1.335-.496 1.43 1.43 0 01-2.679-.999.714.714 0 00-1.334-.498 1.43 1.43 0 11-2.68-.998.725.725 0 10-1.363-.492 1.43 1.43 0 01-2.68-.998.714.714 0 00-1.334-.498 1.429 1.429 0 01-1.838.841l-10.045-3.74a13.53 13.53 0 01-6.512-.894c-6.514-2.425-11.687-7.175-14.186-9.787a4.957 4.957 0 01-1.058-5.25zm8.97 4.256l1.796 2.21a4.286 4.286 0 006.034.57l10.488-8.653a4.286 4.286 0 00.57-6.034l-1.797-2.21a4.286 4.286 0 00-6.034-.571l-10.458 8.648a4.286 4.286 0 00-.57 6.035z"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="210mm" viewBox="0 0 210 210"><g fill="#0ff"><path d="M113.611 150.118c1.09-3.082 1.79-8.56-1.005-17.145a1.343 1.343 0 00-.11-.24c-.412-.755-1.101-2.638-.67-3.783a4.286 4.286 0 00-2.294-5.54c-4.615-1.963-12.303-4.838-25.719-7.163a1.429 1.429 0 00-1.634 1.102l-.316 1.43-68.411-12.197a1.429 1.429 0 00-1.591.902l-3.52 9.361a1.429 1.429 0 00.835 1.842l3.347 1.258a1.429 1.429 0 001.841-.835.714.714 0 011.333.501 1.43 1.43 0 102.677 1.006.715.715 0 011.336.508 1.43 1.43 0 002.676 1.006.714.714 0 011.334.5 1.429 1.429 0 102.673 1 .715.715 0 011.34.498 1.43 1.43 0 102.676 1.006.715.715 0 011.336.508 1.43 1.43 0 102.676 1.006.714.714 0 111.334.5 1.43 1.43 0 002.676 1.005.715.715 0 111.34.499 1.435 1.435 0 102.688 1 .714.714 0 111.334.502 1.43 1.43 0 002.676 1.006.715.715 0 111.34.498 1.43 1.43 0 102.676 1.006.714.714 0 111.333.501 1.43 1.43 0 002.676 1.006.714.714 0 111.318.501 1.43 1.43 0 002.676 1.006.714.714 0 111.333.5 1.43 1.43 0 002.677 1.005.714.714 0 111.333.502 1.43 1.43 0 002.676 1.006.714.714 0 011.334.5 1.43 1.43 0 102.676 1.005.725.725 0 111.352.525 1.43 1.43 0 002.676 1.005.714.714 0 011.333.5 1.429 1.429 0 00.835 1.842l10.033 3.773a13.53 13.53 0 005.5 3.6c6.505 2.447 13.526 2.259 17.126 1.929a4.957 4.957 0 004.244-3.266zm-9.559-2.678l-2.806.488a4.286 4.286 0 01-4.927-3.53l-2.23-13.413a4.286 4.286 0 013.53-4.927l2.806-.488a4.286 4.286 0 014.927 3.531l2.213 13.39a4.286 4.286 0 01-3.531 4.926z"/><path overflow="visible" style="text-indent:0;text-transform:none" d="M115.642 31.956c-.718-.115-1.475.438-1.583 1.156-1.664 10.314-3.995 17.385-6.934 21.606-2.939 4.222-6.282 5.689-10.832 5.333-.817-.057-1.577.758-1.462 1.57 2.116 18.408 1.406 29.755-.569 37.191-1.975 7.436-5.112 10.972-8.433 14.052-2.145 1.988-4.248 3.442-5.848 5.541-1.6 2.1-2.546 4.85-2.379 8.818 4.602 9.432 9.876 18.856 14.857 28.195.155.291.418.523.727.64 3.873 1.43 6.567 2.458 10.214 3.822.31.115.66.112.969-.005 9.604-4.352 21.445-7.834 29.716-11.517 2.856-2.983 3.245-6.153 2.711-8.97-.533-2.816-1.735-5.421-2.035-8.214-.438-4.077 1.34-11.048 6.059-18.898 4.718-7.85 12.34-16.612 23.368-24.566.718-.503.726-1.738.013-2.25-3.707-2.735-5.256-6.033-4.711-11.148.544-5.116 3.397-11.993 8.912-20.866.417-.686.07-1.71-.678-2.002l-7.913-2.96a1.415 1.415 0 00-1.513.353c-2.685 2.95-6.12 8.468-10.499 12.681-2.189 2.107-4.585 3.879-7.089 4.8-2.503.923-5.119 1.076-8.047-.02-2.943-1.101-4.824-2.95-6.109-5.322-1.285-2.373-1.9-5.302-2.166-8.356-.535-6.11.489-12.54.294-16.407a1.414 1.414 0 00-.925-1.22l-8.115-3.037z" color="#000"/><path d="M87.671 140.411c1.202-3.04 4.27-7.632 12.013-12.273a1.343 1.343 0 01.24-.11c.807-.298 2.563-1.266 2.99-2.412a4.286 4.286 0 015.367-2.675c4.77 1.55 12.457 4.428 24.103 11.48a1.429 1.429 0 01.51 1.904l-.7 1.286 59.613 35.708a1.429 1.429 0 01.609 1.725l-3.49 9.373a1.429 1.429 0 01-1.838.84l-3.352-1.248a1.429 1.429 0 01-.84-1.838.714.714 0 00-1.335-.497 1.43 1.43 0 11-2.68-.999.715.715 0 00-1.34-.493 1.43 1.43 0 01-2.68-.999.714.714 0 00-1.334-.497 1.429 1.429 0 11-2.673-1.001.715.715 0 00-1.338-.503 1.43 1.43 0 11-2.679-.999.715.715 0 00-1.342-.493 1.43 1.43 0 11-2.678-.999.714.714 0 10-1.335-.498 1.43 1.43 0 01-2.679-.998.715.715 0 10-1.338-.503 1.435 1.435 0 11-2.685-1.01.714.714 0 10-1.335-.497 1.43 1.43 0 01-2.68-.999.715.715 0 10-1.337-.503 1.43 1.43 0 11-2.679-.998.714.714 0 10-1.335-.497 1.43 1.43 0 01-2.679-.998.714.714 0 10-1.323-.487 1.43 1.43 0 01-2.678-.998.714.714 0 10-1.335-.498 1.43 1.43 0 01-2.679-.999.714.714 0 10-1.335-.496 1.43 1.43 0 01-2.679-.999.714.714 0 00-1.334-.498 1.43 1.43 0 11-2.68-.998.725.725 0 10-1.363-.492 1.43 1.43 0 01-2.68-.998.714.714 0 00-1.334-.498 1.429 1.429 0 01-1.838.841l-10.045-3.74a13.53 13.53 0 01-6.512-.894c-6.514-2.425-11.687-7.175-14.186-9.787a4.957 4.957 0 01-1.058-5.25zm8.97 4.256l1.796 2.21a4.286 4.286 0 006.034.57l10.488-8.653a4.286 4.286 0 00.57-6.034l-1.797-2.21a4.286 4.286 0 00-6.034-.571l-10.458 8.648a4.286 4.286 0 00-.57 6.035z"/></g></svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

@@ -75,7 +75,6 @@ function paralax() {
}
function isotope() {
var $grid = $('.grid').isotope({
percentPosition: true,
itemSelector: '.thumbnails',
@@ -126,11 +125,105 @@ function scrollto(){
});
}
function callPlayer(frame_id, func, args) {
if (window.jQuery && frame_id instanceof jQuery) frame_id = frame_id.get(0).id;
var iframe = document.getElementById(frame_id);
if (iframe && iframe.tagName.toUpperCase() != 'IFRAME') {
iframe = iframe.getElementsByTagName('iframe')[0];
}
// When the player is not ready yet, add the event to a queue
// Each frame_id is associated with an own queue.
// Each queue has three possible states:
// undefined = uninitialised / array = queue / .ready=true = ready
console.log('domReady',iframe);
if (!callPlayer.queue) callPlayer.queue = {};
var queue = callPlayer.queue[frame_id],
domReady = document.readyState == 'complete';
if (domReady && !iframe) {
// DOM is ready and iframe does not exist. Log a message
window.console && console.log('callPlayer: Frame not found; id=' + frame_id);
if (queue) clearInterval(queue.poller);
} else if (func === 'listening') {
// Sending the "listener" message to the frame, to request status updates
if (iframe && iframe.contentWindow) {
func = '{"event":"listening","id":' + JSON.stringify(''+frame_id) + '}';
iframe.contentWindow.postMessage(func, '*');
}
} else if ((!queue || !queue.ready) && (
!domReady ||
iframe && !iframe.contentWindow ||
typeof func === 'function')) {
if (!queue) queue = callPlayer.queue[frame_id] = [];
queue.push([func, args]);
if (!('poller' in queue)) {
// keep polling until the document and frame is ready
queue.poller = setInterval(function() {
callPlayer(frame_id, 'listening');
}, 250);
// Add a global "message" event listener, to catch status updates:
messageEvent(1, function runOnceReady(e) {
if (!iframe) {
iframe = document.getElementById(frame_id);
if (!iframe) return;
if (iframe.tagName.toUpperCase() != 'IFRAME') {
iframe = iframe.getElementsByTagName('iframe')[0];
if (!iframe) return;
}
}
if (e.source === iframe.contentWindow) {
// Assume that the player is ready if we receive a
// message from the iframe
clearInterval(queue.poller);
queue.ready = true;
messageEvent(0, runOnceReady);
// .. and release the queue:
while (tmp = queue.shift()) {
callPlayer(frame_id, tmp[0], tmp[1]);
}
}
}, false);
}
} else if (iframe && iframe.contentWindow) {
// When a function is supplied, just call it (like "onYouTubePlayerReady")
if (func.call) return func();
// Frame exists, send message
iframe.contentWindow.postMessage(JSON.stringify({
"event": "command",
"func": func,
"args": args || [],
"id": frame_id
}), "*");
}
function messageEvent(add, listener) {
var w3 = add ? window.addEventListener : window.removeEventListener;
w3 ?
w3('message', listener, !1)
:
(add ? window.attachEvent : window.detachEvent)('onmessage', listener);
}
}
function setupPlayers() {
$('#section_MineVideo .cover').click(function(){
$(this).fadeOut();
var id = $(this).parent().find('iframe').attr('id');
callPlayer(id, function() {
callPlayer(id, "playVideo");
});
});
}
$( document ).ready(function() {
burger();
click_nav();
slides();
isotope();
setupPlayers();
// custom_player();
// masonry();
paralax();
// drag();
@@ -1,4 +1,7 @@
body{
a{
color: black;
}
& > footer{
box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
padding-top: 2rem;
@@ -30,10 +30,12 @@
&.musiques{
background-image: url("../../assets/images/svg/picto_musique.svg");
}
&.autres{
&.transition_urbaine{
background-image: url("../../assets/images/svg/picto_transition.svg");
}
&.transition_urbaine{
background-image: url("../../assets/images/svg/picto_autres.svg");
}
}
a{
text-decoration: none;
@@ -150,6 +150,7 @@
border:5px solid $colorRed;
padding: 2rem;
height: calc(100% - 4rem);
background: white;
h4{
font-size: 1rem;
line-height: 1.2;
@@ -239,8 +240,34 @@
width: 100%;
height: 100%;
}
}
.cover{
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
display: flex;
#thumbnails{
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#player{
z-index: 999;
margin: auto;
cursor: pointer;
&:hover{
opacity: 0.8;
}
}
}
}
}
}
}