Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-24 01:30:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Correction Sponsors Image Path + Add Competitions Section

Browse Source
This commit is contained in:
Massimo Di Lullo 2019-08-14 13:53:34 -04:00
parent 1e8844dc75
commit 51ec9136d3
20 changed files with 85 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -3,7 +3,9 @@
"version": "1.0.0",
"description": "Site web officiel du club Conjure de l'ÉTS",
"main": "index.js",
"dependencies": {},
"dependencies": {
"bulma-carousel": "^4.0.4"
},
"devDependencies": {
"bulma": "^0.7.5",
"fibers": "^4.0.1",

2
public/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
public/img/competitions/CreativeJam.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
public/img/competitions/LudumDare.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/img/competitions/McGameJam.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
public/img/competitions/PixelChallenge.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

0
public/img/partenaires/AEETS-color.png → public/img/sponsors/AEETS-color.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

0
public/img/partenaires/EA-black.png → public/img/sponsors/EA-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

0
public/img/partenaires/ETS-color.png → public/img/sponsors/ETS-color.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

0
public/img/partenaires/EidosMontreal-black.png → public/img/sponsors/EidosMontreal-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

0
public/img/partenaires/LanETS-black.png → public/img/sponsors/LanETS-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

0
public/img/partenaires/Ludia-color.png → public/img/sponsors/Ludia-color.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

0
public/img/partenaires/SquareEnixMontreal-black.png → public/img/sponsors/SquareEnixMontreal-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

0
public/img/partenaires/Ubisoft-black.png → public/img/sponsors/Ubisoft-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

0
public/img/partenaires/bEhaviour-black.png → public/img/sponsors/bEhaviour-black.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
public/js/main.min.js vendored
View File

@ -1 +1 @@
function addCopyrightCurrentDate(){document.querySelector("footer").querySelector("p").innerHTML+=" "+(new Date).getFullYear()}function showActivityContent(e){e.target.parentElement.parentElement.querySelector(".headline").classList.toggle("toggle-visibility"),e.target.parentElement.parentElement.classList.toggle("slide")}function pad(e,t,n){return n=n||"0",(e+="").length>=t?e:new Array(t-e.length+1).join(n)+e}function animateNumbers(e){setTimeout(function(){let t=1*(null===e.getAttribute("data-endvalue")?(new Date).getFullYear():e.getAttribute("data-endvalue")),n=setInterval(function(){t-=1,e.innerHTML=pad(parseInt(e.innerHTML)+1,4),t<=0&&clearInterval(n)},1)},null===e.getAttribute("data-delay")?250:e.getAttribute("data-delay"))}addCopyrightCurrentDate(),document.querySelectorAll("section#activites button").forEach(function(e){e.addEventListener("click",showActivityContent)}),document.querySelectorAll(".year-animated").forEach(function(e){animateNumbers(e)});
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=1*(null===t.getAttribute("data-endvalue")?(new Date).getFullYear():t.getAttribute("data-endvalue")),i=setInterval(function(){e-=1,t.innerHTML=pad(parseInt(t.innerHTML)+1,4),e<=0&&clearInterval(i)},1)},null===t.getAttribute("data-delay")?250:t.getAttribute("data-delay"))}addCopyrightCurrentDate(),document.querySelectorAll("section#activites button").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:2,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>'}});

13
resources/js/app.js
View File

@ -8,6 +8,19 @@
document.querySelectorAll( '.year-animated' ).forEach(function(item) {
animateNumbers( item );
});
bulmaCarousel.attach('.slider', {
autoplay: true,
pagination: false,
loop: true,
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
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() {

39
resources/sass/_partials/_general.scss
View File

@ -180,9 +180,7 @@ section#activites {
}
}
section#partenaires {
padding-bottom: 4.5rem;
section#competitions, section#partenaires {
h2 {
margin: 0 auto;
text-align: center;
@ -197,7 +195,42 @@ section#partenaires {
}
}
section#competitions {
.slider .slider {
overflow: hidden;
.slider-navigation-previous, .slider-navigation-next {
width: 48px;
height: 48px;
svg {
width: 36px;
height: 36px;
}
}
.slider-navigation-previous {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.slider-navigation-next {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.slider-item {
text-align: center;
}
}
}
footer {
margin-top: 4.5rem;
padding: 15px 0;
p {

1
resources/sass/app.scss
View File

@ -5,6 +5,7 @@
@import "../../node_modules/bulma/sass/grid/columns.sass";
@import "../../node_modules/bulma/sass/layout/section.sass";
@import "../../node_modules/bulma/sass/elements/button.sass";
@import "../../node_modules/bulma-carousel/src/sass/index.sass";
// Disable the widescreen breakpoint
$widescreen-enabled: false;

40
view/fr/index.html
View File

@ -117,22 +117,41 @@
</div>
</div>
</section>
<section class="section" id="competitions"></section>
<section class="section" id="competitions">
<h2>Compétitions</h2>
<div class="border-seperator"></div>
<div class="columns is-centered">
<div class="slider column is-three-fifths-tablet is-half-mobile">
<div class="slider-item">
<img src="../../public/img/competitions/CreativeJam.png" alt="Logo Creative Jam">
</div>
<div class="slider-item">
<img src="../../public/img/competitions/LudumDare.png" alt="Logo Ludum Dare">
</div>
<div class="slider-item">
<img src="../../public/img/competitions/McGameJam.png" alt="Logo McGill Game Jam">
</div>
<div class="slider-item">
<img src="../../public/img/competitions/PixelChallenge.png" alt="Logo Pixel Challenge Québec">
</div>
</div>
</div>
</section>
<section class="section" id="partenaires">
<h2>Partenaires</h2>
<div class="border-seperator"></div>
<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="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/partenaires/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/partenaires/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/partenaires/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/partenaires/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/partenaires/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/partenaires/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/partenaires/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/partenaires/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/partenaires/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="../../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="../../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="../../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="../../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="../../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="../../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="../../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="../../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="../../public/img/sponsors/Ubisoft-black.png" alt="Logo Ubisoft">
</div>
</div>
</div>
@ -143,6 +162,7 @@
<p>Copyright &copy; Conjure</p>
</footer>
<script src="../../node_modules/bulma-carousel/dist/js/bulma-carousel.min.js"></script>
<script type="application/javascript" src="../../public/js/main.min.js"></script>
</body>
</html>