diff --git a/content/collections/tournaments/hado-1.md b/content/collections/tournaments/hado-1.md index 07dacf3..7588e48 100644 --- a/content/collections/tournaments/hado-1.md +++ b/content/collections/tournaments/hado-1.md @@ -3,8 +3,8 @@ id: f84919d4-1ab4-4dc7-a918-23e6a1542d16 blueprint: tournament title: 'Facteur X' author: 5a7338bf-56d2-42b5-8ad0-7459a1fd8152 -updated_by: 5a7338bf-56d2-42b5-8ad0-7459a1fd8152 -updated_at: 1767730026 +updated_by: cf207a21-df92-4f9c-b7c7-897476d8f464 +updated_at: 1769009650 logo: image_2026-01-06_210603982.png type: stier backdrop: image_2026-01-06_210653383.png diff --git a/public/assets/ink_bottom_black.png b/public/assets/ink_bottom_black.png new file mode 100644 index 0000000..fbe6d1e Binary files /dev/null and b/public/assets/ink_bottom_black.png differ diff --git a/public/assets/ink_bottom_yellow.png b/public/assets/ink_bottom_yellow.png new file mode 100644 index 0000000..68ecbd0 Binary files /dev/null and b/public/assets/ink_bottom_yellow.png differ diff --git a/public/assets/ink_top_black.png b/public/assets/ink_top_black.png new file mode 100644 index 0000000..72c2035 Binary files /dev/null and b/public/assets/ink_top_black.png differ diff --git a/public/assets/ink_top_yellow.png b/public/assets/ink_top_yellow.png new file mode 100644 index 0000000..033cab0 Binary files /dev/null and b/public/assets/ink_top_yellow.png differ diff --git a/public/assets/js/main.js b/public/assets/js/main.js index d66d3f9..5dbc894 100644 --- a/public/assets/js/main.js +++ b/public/assets/js/main.js @@ -93,4 +93,13 @@ document.addEventListener('DOMContentLoaded', () => { const lenis = new Lenis({ autoRaf: true, }); + + // Gallery interactions + // On click on .photo element, toggle the 'full' class + document.querySelectorAll('.photo').forEach(photoEl => { + photoEl.addEventListener('click', () => { + console.log('Photo clicked'); + photoEl.classList.toggle('full'); + }); + }); }); diff --git a/public/css/site.css b/public/css/site.css index 45408d3..0e0b622 100644 --- a/public/css/site.css +++ b/public/css/site.css @@ -82,15 +82,24 @@ video{ position:relative; } .photo{ - background: var(--bulma-white); - padding:1rem; + background: #f0f0f0; + /*background: var(--bulma-white);*/ + padding:10px 10px 50px; cursor:pointer; + border-radius: 5px; + box-shadow: 0 4px 6px hsla(0,0%,6%,0.3); + transition: transform 0.5s ease-in-out; +} +.photo:hover{ + transform: rotate(0deg) !important; } .photo.full{ - position:absolute; + position:fixed; top:0; - height:100vh; - padding:2rem; + height:calc(100vh - 4rem); + transform: rotate(0deg) !important; + z-index:100; + margin:2rem; } /*#tournaments*/ .tournament-block{ @@ -107,6 +116,8 @@ video{ .tournament-block:hover{ transform: scale(0.9); } + +/*Custom tournament grid*/ .custom-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); @@ -149,6 +160,57 @@ video{ .custom-cell:hover img { transform: scale(1.1); } + +/*Ink splatters*/ +.ink{ + position:relative; +} +.ink::after{ + position:absolute; + content:''; + left:0; + width:100%; + background-size: contain; + background-repeat: no-repeat; + pointer-events: none; +} +.ink.top{ + padding-top:14vw; +} +.ink.bottom{ + padding-bottom:21vw; +} +.ink.bottom::after{ + bottom:0; + background-image: url('/assets/ink_bottom_black.png'); + background-position: bottom center; + height:21vw; +} +.ink.top::after{ + top:0; + background-image: url('/assets/ink_top_black.png'); + background-position: top center; + height:14vw; +} +.ink.bottom.yellow::after{ + bottom:0; + background-image: url('/assets/ink_bottom_yellow.png'); + background-position: bottom center; + height:21vw; +} +.ink.top.yellow::after{ + top:0; + background-image: url('/assets/ink_top_yellow.png'); + background-position: top center; + height:14vw; +} + +/*Incentives*/ +.incentive-block { + display: grid; + place-items: center; + columns: 3; +} /*------------------------------------------------------------------*/ /*Twist animation*/ diff --git a/resources/blueprints/collections/tournaments/tournament.yaml b/resources/blueprints/collections/tournaments/tournament.yaml index b36e2dd..df9e590 100644 --- a/resources/blueprints/collections/tournaments/tournament.yaml +++ b/resources/blueprints/collections/tournaments/tournament.yaml @@ -57,7 +57,7 @@ tabs: display: Logo instructions: 'Transparent tournament logo' mode: grid - width: 33 + width: 50 - handle: backdrop field: @@ -67,7 +67,8 @@ tabs: display: Backdrop instructions: 'Image du jeu' sortable: false - width: 33 + width: 50 + mode: grid - handle: video field: diff --git a/resources/views/_incentiveblock.antlers.html b/resources/views/_incentiveblock.antlers.html index 0a88002..1d1b5b4 100644 --- a/resources/views/_incentiveblock.antlers.html +++ b/resources/views/_incentiveblock.antlers.html @@ -1,5 +1,6 @@ -
{{ description }}
@@ -15,21 +15,17 @@
-L'évènement
-