Correction Path + remove log message

This commit is contained in:
Massimo Di Lullo 2019-09-01 13:15:01 -04:00
parent 325e67a9ad
commit 2e0f7d52d0
3 changed files with 26 additions and 28 deletions

View File

@ -1 +1 @@
function addCopyrightCurrentDate(){document.querySelector("footer").querySelector("p").innerHTML+=" "+(new Date).getFullYear()}function showActivityContent(t){t.target.parentElement.parentElement.querySelector(".headline").classList.toggle("toggle-visibility"),t.target.parentElement.parentElement.classList.toggle("slide")}function pad(t,e,i){return i=i||"0",(t+="").length>=e?t:new Array(e-t.length+1).join(i)+t}function animateNumbers(t){setTimeout(function(){let e=t.getAttribute("data-endvalue"),i=1*(e=parseInt(null===e?(new Date).getFullYear():e))/7;console.log(i),console.log(void 0===e||0===e?(new Date).getFullYear():e);let n=setInterval(function(){i-=1;let l=parseInt(t.innerHTML);t.innerHTML=pad(l+7>e?l+(e-l):l+7,4),i<=0&&clearInterval(n)},1)},null===t.getAttribute("data-delay")?250:t.getAttribute("data-delay"))}addCopyrightCurrentDate(),document.querySelectorAll("section#activites .is-mtlgj-btn").forEach(function(t){t.addEventListener("click",showActivityContent)}),document.querySelectorAll(".year-animated").forEach(function(t){animateNumbers(t)}),bulmaCarousel.attach(".slider",{autoplay:!0,pagination:!1,loop:!0,slidesToShow:2,slidesToScroll:1,infinite:!0,icons:{previous:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100" height="100"><defs><clipPath id="_clipPath_Rmt62eEg1OXF13UQV6A0tZ7nRrSHuqzl"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_Rmt62eEg1OXF13UQV6A0tZ7nRrSHuqzl)"><path d=" M 68.738 87.477 L 68.738 87.477 L 31.262 50 L 68.738 12.523" fill="none" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(132,132,132)" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="3"/></g></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100" height="100"><defs><clipPath id="_clipPath_sc80dOHRo7GcAKylIDWHu4HjiUHjgH8R"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_sc80dOHRo7GcAKylIDWHu4HjiUHjgH8R)"><path d=" M 39 12.523 L 39 12.523 L 76.477 50 L 39 87.477" fill="none" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(132,132,132)" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="3"/></g></svg>'}}); function addCopyrightCurrentDate(){document.querySelector("footer").querySelector("p").innerHTML+=" "+(new Date).getFullYear()}function showActivityContent(t){t.target.parentElement.parentElement.querySelector(".headline").classList.toggle("toggle-visibility"),t.target.parentElement.parentElement.classList.toggle("slide")}function pad(t,e,i){return i=i||"0",(t+="").length>=e?t:new Array(e-t.length+1).join(i)+t}function animateNumbers(t){setTimeout(function(){let e=t.getAttribute("data-endvalue"),i=1*(e=parseInt(null===e?(new Date).getFullYear():e))/7,n=setInterval(function(){i-=1;let l=parseInt(t.innerHTML);t.innerHTML=pad(l+7>e?l+(e-l):l+7,4),i<=0&&clearInterval(n)},1)},null===t.getAttribute("data-delay")?250:t.getAttribute("data-delay"))}addCopyrightCurrentDate(),document.querySelectorAll("section#activites .is-mtlgj-btn").forEach(function(t){t.addEventListener("click",showActivityContent)}),document.querySelectorAll(".year-animated").forEach(function(t){animateNumbers(t)}),bulmaCarousel.attach(".slider",{autoplay:!0,pagination:!1,loop:!0,slidesToShow:2,slidesToScroll:1,infinite:!0,icons:{previous:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100" height="100"><defs><clipPath id="_clipPath_Rmt62eEg1OXF13UQV6A0tZ7nRrSHuqzl"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_Rmt62eEg1OXF13UQV6A0tZ7nRrSHuqzl)"><path d=" M 68.738 87.477 L 68.738 87.477 L 31.262 50 L 68.738 12.523" fill="none" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(132,132,132)" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="3"/></g></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100" height="100"><defs><clipPath id="_clipPath_sc80dOHRo7GcAKylIDWHu4HjiUHjgH8R"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_sc80dOHRo7GcAKylIDWHu4HjiUHjgH8R)"><path d=" M 39 12.523 L 39 12.523 L 76.477 50 L 39 87.477" fill="none" vector-effect="non-scaling-stroke" stroke-width="8" stroke="rgb(132,132,132)" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="3"/></g></svg>'}});

View File

@ -9,11 +9,11 @@
<title>Club Conjure</title> <title>Club Conjure</title>
<link rel="stylesheet" type="text/css" href="../../public/css/main.min.css"> <link rel="stylesheet" type="text/css" href="../../css/main.min.css">
</head> </head>
<body> <body>
<header class="logo-container"> <header class="logo-container">
<a href="#"><img src="../../public/img/conjure-logo.png" alt="Conjure Logo"></a> <a href="#"><img src="../../img/conjure-logo.png" alt="Conjure Logo"></a>
</header> </header>
<nav class="menu"> <nav class="menu">
@ -25,24 +25,24 @@
</label> </label>
<a href="#apropos" class="menu-item has-tooltip-text"> <a href="#apropos" class="menu-item has-tooltip-text">
<span>À propos</span> <span>À propos</span>
<img src="../../public/img/icons/profile.png" alt="À Propos"/> <img src="../../img/icons/profile.png" alt="À Propos"/>
</a> </a>
<a href="#activites" class="menu-item has-tooltip-text"> <a href="#activites" class="menu-item has-tooltip-text">
<span>Activitiés</span> <span>Activitiés</span>
<img src="../../public/img/icons/medal.png" alt="Activitiés / Compétitions"/> <img src="../../img/icons/medal.png" alt="Activitiés / Compétitions"/>
</a> </a>
<a href="#partenaires" class="menu-item has-tooltip-text"> <a href="#partenaires" class="menu-item has-tooltip-text">
<span>Partenaires</span> <span>Partenaires</span>
<img src="../../public/img/icons/sponsor.png" alt="Partenaires"/> <img src="../../img/icons/sponsor.png" alt="Partenaires"/>
</a> </a>
<!--<a href="../en" class="menu-item-always-open language-icon"> <!--<a href="../en" class="menu-item-always-open language-icon">
<span>EN</span> <span>EN</span>
</a>--> </a>-->
<a href="https://www.facebook.com/ConjureETS/" class="menu-item-always-open"> <a href="https://www.facebook.com/ConjureETS/" class="menu-item-always-open">
<img src="../../public/img/icons/facebook.png" alt="Facebook"/> <img src="../../img/icons/facebook.png" alt="Facebook"/>
</a> </a>
<a href="mailto:conjure@ens.etsmtl.ca" class="menu-item-always-open"> <a href="mailto:conjure@ens.etsmtl.ca" class="menu-item-always-open">
<img src="../../public/img/icons/email.png" alt="Courriel"/> <img src="../../img/icons/email.png" alt="Courriel"/>
</a> </a>
</nav> </nav>
@ -61,17 +61,17 @@
<div class="column is-three-quarters-desktop is-full-tablet"> <div class="column is-three-quarters-desktop is-full-tablet">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-one-third-tablet is-full-mobile"> <div class="column is-one-third-tablet is-full-mobile">
<img class="is-quarter" src="../../public/img/learn.png" alt="Apprendre"> <img class="is-quarter" src="../../img/learn.png" alt="Apprendre">
<h3>Apprendre</h3> <h3>Apprendre</h3>
<p>En plus d'avoir des membres avec de l'expérience dans l'industrie, nous offrons à nos membres une multitude de formations sous différents langages et disciplines, dont une formation intégrale pour Unreal Engine.</p> <p>En plus d'avoir des membres avec de l'expérience dans l'industrie, nous offrons à nos membres une multitude de formations sous différents langages et disciplines, dont une formation intégrale pour Unreal Engine.</p>
</div> </div>
<div class="column is-one-third-tablet is-full-mobile"> <div class="column is-one-third-tablet is-full-mobile">
<img class="is-quarter" src="../../public/img/remote.png" alt="Équippement"> <img class="is-quarter" src="../../img/remote.png" alt="Équippement">
<h3>Équippement</h3> <h3>Équippement</h3>
<p>Le club offre aux membres tout l'équipement nécessaire pour produire vos jeux. Cela inclut un setup complet de réalité virtuelle.</p> <p>Le club offre aux membres tout l'équipement nécessaire pour produire vos jeux. Cela inclut un setup complet de réalité virtuelle.</p>
</div> </div>
<div class="column is-one-third-tablet is-full-mobile"> <div class="column is-one-third-tablet is-full-mobile">
<img class="is-quarter" src="../../public/img/medal.png" alt="Compétitions"> <img class="is-quarter" src="../../img/medal.png" alt="Compétitions">
<h3>Compétitions</h3> <h3>Compétitions</h3>
<p>En tant que membres, vous serez accomodés pour les divers compétitions et événement que le club permet d'assister. Cela donne accès à diverses opportunités de réseautage.</p> <p>En tant que membres, vous serez accomodés pour les divers compétitions et événement que le club permet d'assister. Cela donne accès à diverses opportunités de réseautage.</p>
</div> </div>
@ -116,7 +116,7 @@
<button class="button is-mtlgj-btn is-info is-outlined is-medium">En savoir plus</button> <button class="button is-mtlgj-btn is-info is-outlined is-medium">En savoir plus</button>
</div> </div>
<div class="content column is-one-quarter-fullhd is-two-fifths-desktop is-half-tablet is-three-quarters-mobile full-height"> <div class="content column is-one-quarter-fullhd is-two-fifths-desktop is-half-tablet is-three-quarters-mobile full-height">
<img alt="Montreal Game Jam Logo" src="../../public/img/MTLGJ-Logo.jpg" /> <img alt="Montreal Game Jam Logo" src="../../img/MTLGJ-Logo.jpg" />
<p> <p>
Le Montréal Game Jam est le chapitre Montréalais pour le Global Game Jam. Cet événement international donne comme défi aux participants de réaliser un prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures. Le Montréal Game Jam est le chapitre Montréalais pour le Global Game Jam. Cet événement international donne comme défi aux participants de réaliser un prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures.
</p> </p>
@ -139,16 +139,16 @@
<div class="columns is-centered"> <div class="columns is-centered">
<div class="slider column is-three-fifths-tablet is-three-quarters-mobile"> <div class="slider column is-three-fifths-tablet is-three-quarters-mobile">
<div class="slider-item"> <div class="slider-item">
<img src="../../public/img/competitions/CreativeJam.png" alt="Logo Creative Jam"> <img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam">
</div> </div>
<div class="slider-item"> <div class="slider-item">
<img src="../../public/img/competitions/LudumDare.png" alt="Logo Ludum Dare"> <img src="../../img/competitions/LudumDare.png" alt="Logo Ludum Dare">
</div> </div>
<div class="slider-item"> <div class="slider-item">
<img src="../../public/img/competitions/McGameJam.png" alt="Logo McGill Game Jam"> <img src="../../img/competitions/McGameJam.png" alt="Logo McGill Game Jam">
</div> </div>
<div class="slider-item"> <div class="slider-item">
<img src="../../public/img/competitions/PixelChallenge.png" alt="Logo Pixel Challenge Québec"> <img src="../../img/competitions/PixelChallenge.png" alt="Logo Pixel Challenge Québec">
</div> </div>
</div> </div>
</div> </div>
@ -159,15 +159,15 @@
<div class="columns is-full full-width sub-section is-centered"> <div class="columns is-full full-width sub-section is-centered">
<div class="imq-section column is-three-fifths-desktop is-8-tablet is-full-mobile"> <div class="imq-section column is-three-fifths-desktop is-8-tablet is-full-mobile">
<div class="grid columns is-multiline"> <div class="grid columns is-multiline">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/ETS-color.png" alt="Logo École de technologie supérieure"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/ETS-color.png" alt="Logo École de technologie supérieure">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/AEETS-color.png" alt="Logo Association étudiante de l'ÉTS"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/AEETS-color.png" alt="Logo Association étudiante de l'ÉTS">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/LanETS-black.png" alt="Logo LanETS"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/LanETS-black.png" alt="Logo LanETS">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/bEhaviour-black.png" alt="Logo bEhaviour Interactive"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/bEhaviour-black.png" alt="Logo bEhaviour Interactive">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/EA-black.png" alt="Logo Electronic Arts"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/EA-black.png" alt="Logo Electronic Arts">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/EidosMontreal-black.png" alt="Logo Eidos Montreal"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/EidosMontreal-black.png" alt="Logo Eidos Montreal">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/Ludia-color.png" alt="Logo Ludia"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/Ludia-color.png" alt="Logo Ludia">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/SquareEnixMontreal-black.png" alt="Logo Square Enix Montreal"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/SquareEnixMontreal-black.png" alt="Logo Square Enix Montreal">
<img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/sponsors/Ubisoft-black.png" alt="Logo Ubisoft"> <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../img/sponsors/Ubisoft-black.png" alt="Logo Ubisoft">
</div> </div>
</div> </div>
</div> </div>
@ -179,6 +179,6 @@
</footer> </footer>
<script src="../../node_modules/bulma-carousel/dist/js/bulma-carousel.min.js"></script> <script src="../../node_modules/bulma-carousel/dist/js/bulma-carousel.min.js"></script>
<script type="application/javascript" src="../../public/js/main.min.js"></script> <script type="application/javascript" src="../../js/main.min.js"></script>
</body> </body>
</html> </html>

View File

@ -45,8 +45,6 @@ function animateNumbers(item) {
let endValue = item.getAttribute('data-endvalue'); let endValue = item.getAttribute('data-endvalue');
endValue = parseInt(endValue === null ? new Date().getFullYear() : endValue); endValue = parseInt(endValue === null ? new Date().getFullYear() : endValue);
let duration = endValue * intervalTime / incrementation; let duration = endValue * intervalTime / incrementation;
console.log(duration);
console.log((endValue === undefined || endValue === 0 ? new Date().getFullYear() : endValue));
let animation = setInterval(function() { let animation = setInterval(function() {
duration -= intervalTime; duration -= intervalTime;
let val = parseInt(item.innerHTML); let val = parseInt(item.innerHTML);