diff --git a/css/style.css b/css/style.css index 140402f..621de25 100644 --- a/css/style.css +++ b/css/style.css @@ -105,8 +105,8 @@ } .gallery-cell { - width: 66%; - /* margin-right: 10px; */ + width: 450px; + margin-right: 10px; counter-increment: gallery-cell; z-index: 10; margin: auto; @@ -119,6 +119,8 @@ .flickity-viewport { background-color: #01060f00; + position: inherit; + overflow: inherit; } .flickity-page-dots .dot { background: #0093cd; diff --git a/data/books-en.json b/data/books-en.json index aae50f1..fce751d 100644 --- a/data/books-en.json +++ b/data/books-en.json @@ -44,5 +44,24 @@ "alt": "CRE02_BC_EN", "title": "CRE02_BC_EN" } + },"GRI01":{ + "code": "GRI01", + "title": "Grimoire", + "desc": [ + "GRIMOIRE est le deuxième volume de la gamme de jeu de rôle DRAGONS. Dédié à la magie et aux lanceurs de sorts, il traite les sujets suivants :", + "- Magie modulaire : le système modulaire vous permet d'adapter le jeu à la mise en scène que vous souhaitez, d'une fantasy débridée à une approche beaucoup plus sobre et subtile.", + "- Eveil : seuls ceux qui ont connu l'Eveil peuvent lancer des sorts, ce chapitre révèle ses mystères et ses périls.", + "- Géomagie : la géomagie et ses variantes influencent directement la région qu'elles affectent.", + "- Corruption : la corruption transforme le corps et l'âme.", + "- Sorts : plus de 360 sorts permettant d'explorer tous les aspects de la magie." + + ], + "cover": { + "src": "img\\books\\GRI01_BC_EN.png", + "alt": "GRI01_BC_EN", + "title": "GRI01_BC_EN" + } , + "author": ["Team Agate"] } + } diff --git a/data/books-fr.json b/data/books-fr.json index 82fd7dc..bac259f 100644 --- a/data/books-fr.json +++ b/data/books-fr.json @@ -1,4 +1,62 @@ { + + "CRE02": { + "code": "CRE02", + "title": "Créatures : Inframonde", + "desc": [], + "physical-link": { + "title": "Acheter un exemplaire", + "href": "" + }, + "pdf-link": { + "title": "Acheter le pdf", + "href": "https://www.drivethrurpg.com/product/422893/Dragons--5--Bestiaire--Creatures-2-Inframonde" + }, + "cf-link": { + "title": "Ulule", + "href": "https://fr.ulule.com/dragons-creatures-de-l-inframonde/" + }, + "author": ["Team Agate"], + "published-date": "", + "cf-date": "-", + "cover": { + "src": "img\\books\\CRE02_BC_FR.png", + "alt": "CRE02_BC_FR", + "title": "CRE02_BC_FR" + } + }, + "GRI01": { + "code": "GRI01", + "title": "Grimoire", + "desc": [ + "**GRIMOIRE** est le deuxième volume de la gamme de jeu de rôle DRAGONS. Dédié à la magie et aux lanceurs de sorts, il traite les sujets suivants :", + "- **Magie modulaire** : le système modulaire vous permet d'adapter le jeu à la mise en scène que vous souhaitez, d'une fantasy débridée à une approche beaucoup plus sobre et subtile.", + "- **Eveil** : seuls ceux qui ont connu l'Eveil peuvent lancer des sorts, ce chapitre révèle ses mystères et ses périls.", + "- **Géomagie** : la géomagie et ses variantes influencent directement la région qu'elles affectent.", + "- **Corruption** : la corruption transforme le corps et l'âme.", + "- **Sorts** : plus de 360 sorts permettant d'explorer tous les aspects de la magie." + ], + "cover": { + "src": "img\\books\\GRI01_BC_FR.png", + "alt": "GRI01_BC_FR", + "title": "GRI01_BC_FR" + }, + "author": ["Team Agate"], + "physical-link": { + "title": "Acheter un exemplaire", + "href": "https://www.philibertnet.com/fr/dragons/107373-dragons-2-grimoire-9781234567897.html" + }, + "pdf-link": { + "title": "Acheter le pdf", + "href": "https://www.drivethrurpg.com/product/422888/Dragons--2--Livre-de-magie--Grimoire" + }, + "cf-link": { + "title": "Ulule", + "href": "https://fr.ulule.com/dragons-5e/" + }, + "published-date": "01/04/2018", + "cf-date": "14/03/2016" + }, "ADV01": { "code": "ADV01", "title": "Aventuriers", @@ -9,59 +67,29 @@ "**Règles du jeu.** Le système est organisé autour de quatre pôles : les caractéristiques, l’aventure, le combat et la santé. Les règles optionnelles sont présentées à l’aide d’un système modulaire permettant à chaque meneur de définir son propre style de jeu." ], "physical-link": { - "title":"Acheter un exemplaire", - "href":"https://www.philibertnet.com/fr/dragons/62090-dragons-1-aventuriers-livre-de-base-9782919256365.html" + "title": "Acheter un exemplaire", + "href": "https://www.philibertnet.com/fr/dragons/62090-dragons-1-aventuriers-livre-de-base-9782919256365.html" }, - "pdf-link":{ - "title":"Acheter le pdf", - "href":"https://www.drivethrurpg.com/product/422886/Dragons--1--Livre-de-base--Aventuriers" + "pdf-link": { + "title": "Acheter le pdf", + "href": "https://www.drivethrurpg.com/product/422886/Dragons--1--Livre-de-base--Aventuriers" }, - "cf-link":{ - "title":"Ulule", - "href":"https://fr.ulule.com/dragons-5e/" + "cf-link": { + "title": "Ulule", + "href": "https://fr.ulule.com/dragons-5e/" }, "author": ["Team Agate"], "published-date": "01/04/2018", "cf-date": "14/03/2016", - "cover":{ + "cover": { "src": "img\\books\\ADV01_BC_FR.png", "alt": "ADV01_BC_FR", "title": "ADV01_BC_FR" - } - }, - "CRE02": { - "code": "CRE02", - "title": "Créatures : Inframonde", - "desc": [], - "physical-link": { - "title":"Acheter un exemplaire", - "href":"" - }, - "pdf-link":{ - "title":"Acheter le pdf", - "href":"https://www.drivethrurpg.com/product/422893/Dragons--5--Bestiaire--Creatures-2-Inframonde" - }, - "cf-link":{ - "title":"Ulule", - "href":"https://fr.ulule.com/dragons-creatures-de-l-inframonde/" - }, - "author": ["Team Agate"], - "published-date": "", - "cf-date": "-", - "cover": { - "src": "img\\books\\CRE02_BC_FR.png", - "alt": "CRE02_BC_FR", - "title": "CRE02_BC_FR" - } - },"ADV02":{ - "code": "ID3xx", - "title": "New book", - "desc": [ - "Nice", - "A *new* book" - ], - "cover": "" + } } - + + + + } diff --git a/js/books.js b/js/books.js index 47c5e00..4d3e828 100644 --- a/js/books.js +++ b/js/books.js @@ -25,7 +25,9 @@ fetch("/data/books-en.json") var flkty = new Flickity(".gallery", { freeScroll: true, wrapAround: true, - hash: true, // options + hash: true, + imagesLoaded: true, + percentPosition: false // options }); refreshBooks(); currentbook = document @@ -42,10 +44,12 @@ fetch("/data/books-en.json") } fillBookView(); }); - /*flkty.on("settle", function (index) { - console.log("Flickity settled at " + index); - refreshBooks(); -});*/ + + flkty.on( 'staticClick', function( event, pointer, cellElement, cellIndex ) { + if ( typeof cellIndex == 'number' ) { + flkty.selectCell( cellIndex ); + } + }); }); function fillBookView() {