This commit is contained in:
Tessier
2020-09-22 19:41:38 +02:00
18 changed files with 353 additions and 28 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,117 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="50"
height="50"
viewBox="0 0 13.229167 13.229167"
version="1.1"
id="svg8"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="picto_transition.svg">
<defs
id="defs2">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath40102-2">
<path
d="M 0,0 H 23.5 V -23 H 0 Z"
id="path40100-8"
inkscape:connector-curvature="0"
style="clip-rule:evenodd" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath40112-4">
<path
d="M 0,-546.76986 H 1190.5512 V 546.76986 H 0 Z"
id="path40110-7"
inkscape:connector-curvature="0" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath39622-6">
<path
d="M 0,-23.41984 H 1190.5512 V 23.41984 H 0 Z"
id="path39620-9"
inkscape:connector-curvature="0" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath39626-2">
<path
d="M 0,0 H 19 V -19.4103 H 0 Z"
id="path39624-2"
inkscape:connector-curvature="0"
style="clip-rule:evenodd" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath39630-4">
<path
d="M 0,-89.861 H 1190.5512 V 89.861 H 0 Z"
id="path39628-7"
inkscape:connector-curvature="0" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="43.732134"
inkscape:cy="23.211849"
inkscape:document-units="mm"
inkscape:current-layer="g878"
showgrid="false"
units="px"
inkscape:window-width="1816"
inkscape:window-height="924"
inkscape:window-x="2063"
inkscape:window-y="96"
inkscape:window-maximized="0"
inkscape:document-rotation="0" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-283.77079)">
<circle
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.19367;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
id="path815"
cx="6.6145835"
cy="290.38538"
r="6.5" />
<g
id="g40108-9"
transform="matrix(0.02910455,0,0,-0.02849496,28.470053,297.77305)" />
<g
id="g878"
transform="matrix(0.26458333,0,0,0.26458333,-109.72655,214.01403)">
<path
style="fill:#ffffff;fill-opacity:1;stroke-width:0.538474"
d="m 438.7722,269.23517 c -3.177,0 -5.81594,2.5851 -5.81594,5.81595 v 0.2156 h 4.68535 v 1.72269 h -4.68535 v 1.34619 h 4.68535 v 1.72375 h -4.68535 v 1.34619 h 4.68535 v 1.7227 h -4.68535 v 1.34618 h 4.68535 v 1.7227 h -4.68535 v 6.62366 c 0,3.177 2.58509,5.81595 5.81594,5.81595 h 1.88466 c 3.177,0 5.81594,-2.5851 5.81594,-5.81595 v -6.62366 h -4.36248 v -1.7227 h 4.36248 v -1.34618 h -4.36248 v -1.7227 h 4.36248 v -1.34619 h -4.36248 v -1.72375 h 4.36248 v -1.34619 h -4.36248 v -1.72269 h 4.36248 v -0.2156 c 0,-3.177 -2.58509,-5.81595 -5.81594,-5.81595 z m -8.88483,13.62384 v 11.09235 c 0,4.25396 3.50029,7.75425 7.75424,7.75425 h 0.69939 v 4.36143 h -4.30779 v 1.99299 h 11.36264 v -1.99299 h -4.36248 v -4.36143 h 0.75408 c 4.25395,0 7.75424,-3.44645 7.75424,-7.75425 v -10.9304 h -2.04663 v 10.9304 c 0,3.12316 -2.53061,5.70762 -5.70761,5.70762 h -4.14584 c -3.12315,0 -5.70761,-2.53062 -5.70761,-5.70762 v -11.09235 z"
id="path2" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

+68
View File
@@ -0,0 +1,68 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="player.svg"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
id="svg8"
version="1.1"
viewBox="0 0 26.458333 26.458333"
height="100"
width="100">
<defs
id="defs2" />
<sodipodi:namedview
inkscape:window-maximized="1"
inkscape:window-y="22"
inkscape:window-x="0"
inkscape:window-height="1029"
inkscape:window-width="1920"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer1"
inkscape:document-units="mm"
inkscape:cy="406.94022"
inkscape:cx="394.29057"
inkscape:zoom="0.7"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Calque 1">
<ellipse
ry="12.589807"
rx="12.589808"
cy="13.229163"
cx="13.229166"
id="circle2060"
style="opacity:0.683;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#009ee0;stroke-width:1.27872;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;enable-background:new" />
<path
style="fill:none;stroke:#009ee0;stroke-width:1.27872;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
d="M 10.141751,7.8181148 18.23811,13.448797 9.9711363,18.653758 Z"
id="path2398-2"
inkscape:connector-curvature="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

-1
View File
@@ -40,7 +40,6 @@
} }
add_action( 'wp_footer', 'rellax' ); add_action( 'wp_footer', 'rellax' );
function customJs(){ function customJs(){
wp_enqueue_script( 'script', wp_enqueue_script( 'script',
get_template_directory_uri() . '/src/assets/js/scripts.js', array() ); get_template_directory_uri() . '/src/assets/js/scripts.js', array() );
+13 -3
View File
@@ -24,11 +24,21 @@ $current_id[] = get_the_ID();
$args = get_posts(array( $args = get_posts(array(
'post_type' => 'post', 'post_type' => 'post',
'post_status' => 'publish', 'post_status' => 'publish',
'orderby' => 'date', 'orderby' => 'meta_value',
'order' => 'DESC', 'meta_key' => 'informations_debut_event',
'posts_per_page' => -1, 'order' => 'ASC',
'posts_per_page' => 6,
'category_name' => $cat, 'category_name' => $cat,
'post__not_in' => $current_id, 'post__not_in' => $current_id,
'meta_query' => array(
array(
'meta_key' => 'informations_end_event',
'value' => date('Y-m-d H:i:s'),
'compare' => '>=',
'type' => 'DATE',
),
),
)); ));
$context['other'] = $args; $context['other'] = $args;
@@ -75,7 +75,6 @@ function paralax() {
} }
function isotope() { function isotope() {
var $grid = $('.grid').isotope({ var $grid = $('.grid').isotope({
percentPosition: true, percentPosition: true,
itemSelector: '.thumbnails', itemSelector: '.thumbnails',
@@ -119,9 +118,9 @@ function scrollto(){
$(window).scroll(function() { $(window).scroll(function() {
var scroll = $(window).scrollTop(); var scroll = $(window).scrollTop();
if (scroll >= 100) { if (scroll >= 100) {
$(".logo a").addClass("reduct"); $(".logo a").addClass("reduct");
} else { } else {
$(".logo a").removeClass("reduct"); $(".logo a").removeClass("reduct");
} }
}); });
} }
@@ -131,6 +130,7 @@ $( document ).ready(function() {
click_nav(); click_nav();
slides(); slides();
isotope(); isotope();
// custom_player();
// masonry(); // masonry();
paralax(); paralax();
// drag(); // drag();
@@ -0,0 +1,82 @@
var YTdeferred = jQuery.Deferred();
window.onYouTubeIframeAPIReady = function() {
YTdeferred.resolve(window.YT);
};
(function( $ ) {
$.ajaxSetup({
cache: true
});
$.getScript( "https://www.youtube.com/iframe_api")
.done(function( script, textStatus ) {
});
$.fn.simplePlayer = function() {
var video = $(this);
var play = $('<div />', { id: 'play' }).hide();
var defaults = {
autoplay: 1,
autohide: 1,
border: 0,
wmode: 'opaque',
enablejsapi: 1,
modestbranding: 1,
version: 3,
hl: 'en_US',
rel: 0,
showinfo: 0,
hd: 1,
iv_load_policy: 3 // add origin
};
// onYouTubeIframeAPIReady
YTdeferred.done(function(YT) {
play.appendTo( video ).fadeIn('slow');
});
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
play.fadeIn(500);
}
}
function onPlayerReady(event) {
var replay = document.getElementById('play');
replay.addEventListener('click', function() {
player.playVideo();
});
}
play.bind('click', function () {
if ( !$('#player' ).length ) {
$('<iframe />', {
id: 'player',
src: 'https://www.youtube.com/embed/' + video.data('video') + '?' + $.param(defaults)
})
.attr({ width: video.width(), height: video.height(), seamless: 'seamless' })
.css('border', 'none')
.appendTo( video );
video.children('img').hide();
$(this).css('background-image', 'url(play-button.png), url(' + video.children().attr('src') + ')').hide();
player = new YT.Player('player', {events: {'onStateChange': onPlayerStateChange, 'onReady': onPlayerReady}});
}
$(this).hide();
});
return this;
};
}( jQuery ));
@@ -1,4 +1,7 @@
body{ body{
a{
color: black;
}
& > footer{ & > footer{
box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.05);
padding-top: 2rem; padding-top: 2rem;
@@ -30,10 +30,12 @@
&.musiques{ &.musiques{
background-image: url("../../assets/images/svg/picto_musique.svg"); 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"); background-image: url("../../assets/images/svg/picto_autres.svg");
} }
} }
a{ a{
text-decoration: none; text-decoration: none;
@@ -150,6 +150,7 @@
border:5px solid $colorRed; border:5px solid $colorRed;
padding: 2rem; padding: 2rem;
height: calc(100% - 4rem); height: calc(100% - 4rem);
background: white;
h4{ h4{
font-size: 1rem; font-size: 1rem;
line-height: 1.2; line-height: 1.2;
@@ -239,8 +240,34 @@
width: 100%; width: 100%;
height: 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;
}
}
}
}
} }
} }
} }
@@ -42,12 +42,12 @@
</div> </div>
</section> </section>
<section id="section_MineVideo" class="row "> <section id="section_MineVideo" class="row">
<div class="container-fluid"> <div class="container-fluid">
<h3>La Mine en vidéo</h3> <h3>Transition urbaine</h3>
{% if post.video_la_mine %} {% if post.video_la_mine %}
<figure class="row mx-0"> <figure class="row mx-0">
<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe> <iframe id="playVideo" src="{{post.video_la_mine}}" frameborder="0" allowfullscreen></iframe>
</figure> </figure>
{% endif %} {% endif %}
</div> </div>
@@ -5,6 +5,7 @@
</figure> </figure>
<div class="col-12 col-sm-6 col-md"> <div class="col-12 col-sm-6 col-md">
<strong><a href="https://numerique.ressourcerie-la-mine.com/">La Mine Numérique</a></strong>
{{options.texte_horaire }} {{options.texte_horaire }}
</div> </div>
@@ -36,7 +37,7 @@
<div class="row"> <div class="row">
<div id="mc_embed_signup" class="col-12"> <div id="mc_embed_signup" class="col-12">
<form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=364a0fe850" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <form action="https://ressourcerie-la-mine.us20.list-manage.com/subscribe/post?u=e7a0c89dae3ca6b1d5d904aea&amp;id=1537dadb5d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="d-flex" id="mc_embed_signup_scroll"> <div class="d-flex" id="mc_embed_signup_scroll">
<div><p>Recevoir l'actualité de La Mine</p></div> <div><p>Recevoir l'actualité de La Mine</p></div>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-mail" required> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-mail" required>
@@ -12,7 +12,11 @@
<figure> <figure>
<span class="icone_cat {{cat}}"></span> <span class="icone_cat {{cat}}"></span>
<div class="overflow-hidden"> <div class="overflow-hidden">
<img class="lazyload" src="{{ Image(item.image_event).src|resize(600,500) }}" data-original="{{ Image(item.image_event).src|resize(600,500) }}"> {% if item.ajouter_un_media_0_video %}
<img class="lazyload" src="{{ item.thumbnail|resize(600,500) }}" data-original="{{ item.thumbnail|resize(600,500) }}">
{% else %}
<img class="lazyload" src="{{ Image(item.image_event).src|resize(600,500) }}" data-original="{{ Image(item.image_event).src|resize(600,500) }}">
{% endif %}
</div> </div>
<figcaption class="wrap_content"> <figcaption class="wrap_content">
@@ -30,9 +34,7 @@
<span class="end"> <span class="end">
à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time> à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time>
</span> </span>
{% else %} {% else %}
<span class="start"> <span class="start">
Du <time datetime="{{item.informations_debut_event|date("j F Y") }}">{{item.informations_debut_event|date("j F Y") }}</time> Du <time datetime="{{item.informations_debut_event|date("j F Y") }}">{{item.informations_debut_event|date("j F Y") }}</time>
à <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time> à <time datetime="{{item.informations_debut_event|date("G:i")}}">{{item.informations_debut_event|date("G:i")}}</time>
@@ -41,15 +43,11 @@
<br>Au <time datetime="{{item.informations_fin_event|date("j F Y") }}">{{item.informations_fin_event|date("j F Y") }}</time> <br>Au <time datetime="{{item.informations_fin_event|date("j F Y") }}">{{item.informations_fin_event|date("j F Y") }}</time>
à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time></br> à <time datetime="{{item.informations_fin_event|date("G:i")}}">{{item.informations_fin_event|date("G:i")}}</time></br>
</span> </span>
{% endif %} {% endif %}
</div> </div>
<div class="places">{{item.informations_lieu}}</div> <div class="places">{{item.informations_lieu}}</div>
</div> </div>
</figcaption> </figcaption>
</figure> </figure>
</a> </a>
</article> </article>
@@ -7,7 +7,7 @@
</div> </div>
{% for item in posts %} {% for item in posts %}
<article class="row tpsF"> <article id="{{item.slug}}" class="row tpsF">
<aside class="sidebar col-md-4"> <aside class="sidebar col-md-4">
<div class="title"> <div class="title">
<h3>{{item.title}}</h3> <h3>{{item.title}}</h3>
@@ -2,6 +2,7 @@
<div class="row"> <div class="row">
{% for item in tpsF %} {% for item in tpsF %}
<article class="thumbnails col-12 col-md-6 col-lg {{cat}}"> <article class="thumbnails col-12 col-md-6 col-lg {{cat}}">
<a rel="noreferrer" href="{{site.url}}/les-temps-forts/#{{item.slug}}">
<figure> <figure>
<div class="overflow-hidden"> <div class="overflow-hidden">
<img src="{{item.thumbnail.src|resize(500,500) }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}"> <img src="{{item.thumbnail.src|resize(500,500) }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
@@ -19,6 +20,7 @@
</figcaption> </figcaption>
</figure> </figure>
</a>
</article> </article>
{% endfor %} {% endfor %}
</div> </div>
+5 -1
View File
@@ -15,7 +15,11 @@
</header> </header>
<figure class="__img_event col-lg-6 col-12"> <figure class="__img_event col-lg-6 col-12">
<img src="{{ Image(post.image_event).src }}" /> {% if post.ajouter_un_media_0_image_event %}
<img src="{{ Image(post.ajouter_un_media_0_image_event).src }}" />
{% else %}
<iframe width="560" height="315" src="{{post.ajouter_un_media_0_video}}" frameborder="0" allowfullscreen></iframe>
{% endif %}
</figure> </figure>
<div class="article-content col-lg-6 col-12 my-3 my-lg-0"> <div class="article-content col-lg-6 col-12 my-3 my-lg-0">