Deligraph-V3/footer.php
2024-09-24 15:38:08 +02:00

455 lines
20 KiB
PHP
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="container footer">
<div class='row'>
<div class="col-md-6 col-lg-3">
<?php
wp_nav_menu(array(
'menu' => 'Menu Footer - Beta',
));
?>
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/agence-web-studio-graphique-bruxelles-verviers.svg" alt="Agence web et studio graphique à Bruxelles et Liège">
<?php else: ?>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/web-graphic-design-agency-brussels-verviers.svg" alt="Web & graphic design agency - Brussels - Verviers | Deligraph
">
<?php endif; ?>
<div class="social">
<a target="_blank" href="https://www.facebook.com/deligraph/ ">
<svg id="Groupe_47" data-name="Groupe 47" xmlns="http://www.w3.org/2000/svg" width="13.384" height="13.386" viewBox="0 0 13.384 13.386">
<path id="Tracé_47" data-name="Tracé 47" d="M9.266,8.22h1.727l.265-2.036a2.494,2.494,0,0,0-.25-.026c-.523,0-1.046,0-1.57,0-.138,0-.2-.034-.191-.185.019-.47,0-.943.042-1.411a.637.637,0,0,1,.662-.607c.38-.022.762-.02,1.143-.014.17,0,.242-.043.238-.227-.011-.484,0-.969,0-1.453,0-.086.019-.184-.121-.2a6.78,6.78,0,0,0-2.29.032A2.192,2.192,0,0,0,7.188,4.014a15.182,15.182,0,0,0-.073,1.834c-.008.309,0,.309-.3.309-.414,0-.827,0-1.24,0-.153,0-.219.041-.216.208q.013.833,0,1.666c0,.156.053.2.2.194.458-.008.917,0,1.375-.006.133,0,.182.036.182.174q0,2.413,0,4.825c0,.136-.048.174-.181.174-2.067,0-4.134,0-6.2,0a.724.724,0,0,1-.742-.752q0-5.939,0-11.878A.724.724,0,0,1,.734,0q5.949,0,11.9,0a.724.724,0,0,1,.742.752q0,5.939,0,11.878a.72.72,0,0,1-.7.749c-1.111.008-2.222,0-3.333,0a.4.4,0,0,1-.07-.015C9.266,11.663,9.266,9.955,9.266,8.22Z" transform="translate(0.01 -0.002)" />
</svg>
</a>
<a target="_blank" href="https://www.instagram.com/deligraph/">
<svg id="Groupe_46" data-name="Groupe 46" xmlns="http://www.w3.org/2000/svg" width="13.424" height="13.386" viewBox="0 0 13.424 13.386">
<path id="Tracé_44" data-name="Tracé 44" d="M4.471,0H8.948c.363.029.726.051,1.088.09a3.477,3.477,0,0,1,3.144,2.627,9.277,9.277,0,0,1,.2,1.634c.039.563.034,1.129.047,1.693v1.3c-.008.23-.013.461-.024.691-.036.737-.016,1.482-.123,2.209a3.347,3.347,0,0,1-2.405,2.89,4.871,4.871,0,0,1-1.405.235c-1.842.026-3.684.025-5.526,0a4.056,4.056,0,0,1-2.387-.711A3.683,3.683,0,0,1,.048,9.606C0,8.182,0,6.757,0,5.333c0-.641.021-1.284.084-1.921A3.552,3.552,0,0,1,3.4.086C3.758.049,4.114.028,4.471,0Zm-3.3,6.83c.035.952.05,2.018.122,3.081a2.263,2.263,0,0,0,.988,1.778,2.534,2.534,0,0,0,1.344.44c.856.041,1.714.071,2.571.068,1.192,0,2.386-.02,3.578-.072a2.365,2.365,0,0,0,1.772-.831,2.5,2.5,0,0,0,.573-1.522c.045-.856.071-1.714.069-2.571,0-1.185-.022-2.371-.07-3.555A2.412,2.412,0,0,0,11.4,1.958a2.53,2.53,0,0,0-1.8-.689c-1.938-.023-3.878-.052-5.815.006A2.342,2.342,0,0,0,1.283,3.653C1.186,4.668,1.21,5.694,1.176,6.83Z" transform="translate(0)" />
<path id="Tracé_45" data-name="Tracé 45" d="M54.4,57.945a3.446,3.446,0,1,1,3.445,3.447A3.433,3.433,0,0,1,54.4,57.945Zm1.211,0a2.234,2.234,0,1,0,2.233-2.229A2.241,2.241,0,0,0,55.611,57.941Z" transform="translate(-51.142 -51.236)" />
<path id="Tracé_46" data-name="Tracé 46" d="M159.025,40.4a.806.806,0,1,1,.806-.814A.8.8,0,0,1,159.025,40.4Z" transform="translate(-148.744 -36.466)" />
</svg>
</a>
<!-- <a target="_blank" href="https://twitter.com/deligraph">
<svg id="Groupe_48" data-name="Groupe 48" xmlns="http://www.w3.org/2000/svg" width="16.108" height="13.157" viewBox="0 0 16.108 13.157">
<path id="Tracé_48" data-name="Tracé 48" d="M0,11.689A6.7,6.7,0,0,0,4.828,10.3a3.4,3.4,0,0,1-3.09-2.311,3.766,3.766,0,0,0,1.488-.068A3.328,3.328,0,0,1,1.008,6.291a2.936,2.936,0,0,1-.4-1.649,3.3,3.3,0,0,0,1.459.4A3.334,3.334,0,0,1,.7,3.017,3.27,3.27,0,0,1,1.06.625,9.484,9.484,0,0,0,7.875,4.089c-.014-.33-.048-.639-.038-.947A3.11,3.11,0,0,1,9.083.724,3.293,3.293,0,0,1,12.975.555a4.081,4.081,0,0,1,.486.4.23.23,0,0,0,.235.068,6.59,6.59,0,0,0,1.8-.676c.045-.025.092-.046.17-.085a3.312,3.312,0,0,1-1.37,1.785,6.008,6.008,0,0,0,1.785-.463l.032.039c-.271.312-.529.636-.816.933a9.273,9.273,0,0,1-.724.635.255.255,0,0,0-.109.224,9.447,9.447,0,0,1-1.724,5.737A8.948,8.948,0,0,1,9.852,11.9a9.3,9.3,0,0,1-3.744,1.2,9.813,9.813,0,0,1-3.632-.288A8.608,8.608,0,0,1,0,11.689Z" transform="translate(0 0)"/>
</svg>
</a> -->
<a target="_blank" href="https://be.linkedin.com/company/deligraph">
<svg id="Groupe_49" data-name="Groupe 49" xmlns="http://www.w3.org/2000/svg" width="13.355" height="13.355" viewBox="0 0 13.355 13.355">
<path id="Tracé_49" data-name="Tracé 49" d="M0,11.129v-8.9c.015-.067.031-.134.044-.2A2.509,2.509,0,0,1,2.475,0h8.368a2.952,2.952,0,0,1,.332.019,2.506,2.506,0,0,1,2.18,2.437v8.4a2.5,2.5,0,0,1-1.7,2.364c-.171.056-.349.088-.525.132h-8.9c-.021-.006-.04-.017-.061-.021A2.473,2.473,0,0,1,.134,11.66,4.694,4.694,0,0,1,0,11.129Zm7.274.7v-.14c0-1.131,0-2.262,0-3.395a4.4,4.4,0,0,1,.05-.642A1.1,1.1,0,0,1,8.3,6.6a1,1,0,0,1,1.294.872,5.162,5.162,0,0,1,.075.918c.008,1.091,0,2.18,0,3.271v.14H11.84v-.115c0-1.34,0-2.678-.008-4.018a5.106,5.106,0,0,0-.167-1.319,2.021,2.021,0,0,0-1.221-1.472A3.124,3.124,0,0,0,8.89,4.7,2.161,2.161,0,0,0,7.226,5.738a.709.709,0,0,1-.048.056V4.856H5.115v6.975ZM1.568,4.854V11.8H3.719V4.854ZM2.659,1.4A1.244,1.244,0,0,0,1.4,2.659,1.243,1.243,0,0,0,2.661,3.928a1.265,1.265,0,0,0,0-2.529Z" />
<path id="Tracé_50" data-name="Tracé 50" d="M0,53.24a4.63,4.63,0,0,0,.136.533,2.473,2.473,0,0,0,2.03,1.672.348.348,0,0,1,.061.021H0Z" transform="translate(0 -42.111)" />
</svg>
</a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="menuHaut">
</div>
<div class="">
<p>Agence de communication visuelle</p>
<p class="info">
Culture Drops Sprl division Deligraph
<br>
<span><a class="emailFooter" href="mailto:info@deligraph.com">info@deligraph.com</a></span>
</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="menuHaut">
<p>Vous et Deligraph</p>
<?php
wp_nav_menu(array(
'menu' => 'Vous-et-deligraph-beta',
));
?>
</div>
<div class="menuBas">
<p>Deligraph... ?</p>
<?php
wp_nav_menu(array(
'menu' => 'Deligraph…?-beta',
));
?>
<!--
<p>Bruxelles</p>
<p class="info">
+32 2 344 96 14
<br>
Rue Meyerbeer 20 1190 Bruxelles
</p>
-->
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="menuHaut">
<p>Bruxelles</p>
<p class="info">
+32 474 047 647
<br>
Avenue des Violettes 18 <br />1640 Rhode-Saint-Genèse
</p>
</div>
<div class="menuBas">
<p>Verviers</p>
<p class="info">
+32 474 047 647
<br>
Avenue Léopold II 6 <br />4800 Verviers
</p>
</div>
</div>
<div class="col-12 col-lg-3">
<p class="legal"><span class="tva">TVA : BE 0835 103 682 RPM : Bruxelles</span></p>
</div>
<div class="col-12 col-lg-3">
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/cgv-20150114/">Conditions Générales de Vente 20150114</a></span></p>
</div>
<div class="col-12 col-lg-3">
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/vie-privee/">Déclaration en matière de vie privée</a></span></p>
</div>
<div class="col-12 col-lg-3">
<p class="legal"><span class="copyright">© 2020 | Delicious Visual Communication</span></p>
</div>
</div>
</div>
<!-- COOKIE NOTICE -->
</div><!-- #content -->
</div><!-- #page -->
<?php wp_footer(); ?>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/bootstrap/bootstrap.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/slick/slick.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/slick/slickModal.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/isotope.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/readingtime.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/snackbar/snackbar.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>
<?php if (is_page('Contactez-nous')) { ?>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/mainmap.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD1gWDnHl7ipnasVXymkU0gdcOrJzMse1M"></script>
<?php } ?>
<!-- SLICK -->
<script>
$('.single-item').slick({
dots: true,
arrows: false,
autoplay: false,
autoplaySpeed: 4000,
});
</script>
<!-- ISOTOPE -->
<?php
if (is_page(5697)):
?>
<script>
// init Isotope
window.onload = (event) => {
$(document).ready(function() {
var $grid = $('.grid').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
});
// filter items on button click
$('.button-group').on('click', 'button', function() {
var filterValue = $(this).attr('data-target');
$grid.isotope({
filter: filterValue
});
});
$('.button-group').each(function(i, buttonGroup) {
var $buttonGroup = $(buttonGroup);
$buttonGroup.on('click', 'button', function() {
$buttonGroup.find('.is-checked').removeClass('is-checked');
$(this).addClass('is-checked');
});
});
});
};
</script>
<?php
endif;
?>
<!-- video modal portfolio -->
<?php
if (is_page(5697)):
if (have_rows('portfolio_beta', 5697)):
$i = 1;
while (have_rows('portfolio_beta', 5697)) : the_row();
$cat = get_sub_field('categorie_du_projet', 5697);
if ($cat['value'] === 'video'):
?>
<script>
$(document).ready(function() {
// Modal 1
$('#video-portfolio-<?php echo $i; ?>').slickModals({
popupWidth: '80%',
popupHeight: '80%',
popupLocation: 'center',
popupAnimationDuration: '0.6',
popupAnimationEffect: 'slideBottom',
popupBoxShadow: '0 0 40px 0 rgba(0,0,0,0.4)',
popupPadding: '0',
mobileBreakPoint: '800px',
mobileLocation: 'center',
mobileWidth: '100%',
mobileHeight: '80%',
mobilePadding: '0',
videoSupport: true,
videoAutoPlay: true,
videoStopOnClose: true,
buttonStyle: 'labeled',
reopenClass: 'openSlickModal-<?php echo $i; ?>'
});
});
</script>
<?php
$i++;
endif;
endwhile;
endif;
endif;
?>
<script>
var couleur = ['mauve', 'vert', 'rose', 'jaune', 'bleu'];
$(document).ready(function() {
$(".wp-megamenu-item-11061 > a").mouseenter(function() {
const colorRandom = couleur[Math.floor(Math.random() * couleur.length)];
$(".wp-megamenu-sub-menu").addClass(colorRandom);
$("#wp-megamenu-item-11061 a").addClass(colorRandom);
console.log(colorRandom);
});
$(".wp-megamenu-item-11061 > ul.wp-megamenu-sub-menu").mouseleave(function() {
$(".wp-megamenu-sub-menu").removeClass('mauve');
$(".wp-megamenu-sub-menu").removeClass('vert');
$(".wp-megamenu-sub-menu").removeClass('rose');
$(".wp-megamenu-sub-menu").removeClass('jaune');
$(".wp-megamenu-sub-menu").removeClass('bleu');
});
$(".wp-megamenu-item-11061 > a").mouseleave(function() {
$("#wp-megamenu-item-11061 a").removeClass('mauve');
$("#wp-megamenu-item-11061 a").removeClass('vert');
$("#wp-megamenu-item-11061 a").removeClass('rose');
$("#wp-megamenu-item-11061 a").removeClass('jaune');
$("#wp-megamenu-item-11061 a").removeClass('bleu');
});
$('.wp-megamenu-item-11061 > a').click(function(e) {
e.preventDefault();
});
$(window).resize(function() {
var current_width = parseInt($(window).width());
if (current_width >= 992) {
$('#wp-megamenu-primary-beta').addClass('desktopMenu');
}
if (current_width <= 991) {
$('#wp-megamenu-primary-beta').removeClass('desktopMenu');
}
});
/*
$("#wp-megamenu-item-11061 > a").click(function(){
if ($(window).width() <= 991){
console.log('jepasse');
//console.log('coucou');
if($('#wp-megamenu-item-11061').hasClass('activer')){
$("#wp-megamenu-item-11061 > .wp-megamenu-sub-menu").hide();
$('#wp-megamenu-item-11061').removeClass('activer');
}else{
$("#wp-megamenu-item-11061 > .wp-megamenu-sub-menu").show();
$('#wp-megamenu-item-11061').addClass('activer');
}
}
});
*/
});
</script>
<?php if (is_single()): ?>
<script>
/* TEMPS DE LECTURE */
$(function() {
$('.contenu').readingTime({
readingTimeAsNumber: true,
readingTimeTarget: $('.eta'),
wordsPerMinute: 210,
round: true,
lang: 'fr',
success: function(data) {
//console.log(data);
},
error: function(data) {
console.log(data.error);
$('.reading-time').remove();
}
});
});
/* PROGRESS BAR */
var h = document.documentElement,
b = document.body,
st = 'scrollTop',
sh = 'scrollHeight',
progress = document.querySelector('.progress'),
scroll;
document.addEventListener('scroll', function() {
scroll = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
progress.style.setProperty('--scroll', scroll + '%');
});
/* SNACKBAR */
/*
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
Snackbar.show({
text: '<?php echo get_field('contenu_de_la_snackbar'); ?>',
width: 'auto',
});
}
});
*/
</script>
<?php endif; ?>
<script>
//get all the fruit + veg divs
const veg = document.querySelectorAll('.veg');
// randomize the fruit + veggies on the page
let speed = [];
let position = [];
for (let i = 0; i < veg.length; i++) {
//set the position of the fruit to a random location
let height = Math.floor(Math.random() * window.innerHeight);
let width = Math.random() * window.innerWidth;
veg[i].style.top = `${height}px`;
veg[i].style.left = `${width}px`;
//push a random speed between 20 + 35 into the speed array to determine how fast the fruit will fall
speed.push(Math.ceil(Math.random() * 10) + 10);
//push the fruits current top value into the position array
position.push(height);
}
// set the make it rain function...
function makeItRain() {
// go through the veg array...
for (let i = 0; i < veg.length; i++) {
//set the fruits position to the new position, which is it's current position plus the speed it is falling
position[i] += speed[i];
veg[i].style.top = `${position[i]}px`;
//if the fruit falls below the end of the screen, reset it and choose a new position
if (position[i] > (window.innerHeight + 50)) {
position[i] = -75;
veg[i].style.left = `${Math.random()*window.innerWidth}px`;
}
}
}
//set the interval to re-reun the makeItRain function every 100ms
setInterval(makeItRain, 100);
</script>
<!-- MENU SCROOL UP -->
<script>
var didScroll;
var lastScrollTop = 0;
var delta = 100;
var navbarHeight = $('.header').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
$('.header').removeClass('nav-down').addClass('nav-up');
$('.containerMenu').removeClass('colorMenu');
} else {
// Scroll Up
if (st + $(window).height() < $(document).height()) {
$('.header').removeClass('nav-up').addClass('nav-down');
$('.containerMenu').addClass('colorMenu');
}
}
lastScrollTop = st;
var reset = $(this).scrollTop();
if (reset == 0) {
$('.containerMenu').removeClass('colorMenu');
}
}
</script>
<script type="text/javascript">
$(document).ready(function() {
// Modal 1
$('#cookie').slickModals({
popupType: 'delayed',
delayTime: 0,
setCookie: true,
cookieDays: 30,
cookieTriggerClass: 'setCookie-1',
cookieName: 'deliraph-cookie',
cookieScope: 'domain',
popupWidth: '400px',
popupHeight: '200px',
popupLocation: 'bottomRight',
popupAnimationDuration: '0.8',
popupAnimationEffect: 'bounceInRight',
popupBoxShadow: '0 0 20px 0 rgba(0,0,0,0.6)',
popupPadding: '25px',
mobileBreakPoint: '400px',
mobileLocation: 'bottomCenter',
mobileWidth: '100%',
mobileHeight: 'auto',
mobilePadding: '20px 20px 50px 20px',
reopenClass: 'nope'
});
});
</script>
<!-- POSITION FIXE DOMAINE SINGLE -->
<script>
$(function() {
$(document).scroll(function() {
if ($(this).scrollTop() >= $('.crawler').offset().top - 50) {
$(".domaineBloc").addClass('fixe');
} else {
$(".domaineBloc").removeClass('fixe');
}
});
});
</script>
</body>
</html>