Add Gri01 + update style

css/style.css

@@ -105,8 +105,8 @@
 }
 
 .gallery-cell {
-  width: 66%;
+  width: 450px;
-  /*  margin-right: 10px; */
+   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;

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"]
   }
+
 }

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",
+      "title": "Acheter un exemplaire",
-      "href":"https://www.philibertnet.com/fr/dragons/62090-dragons-1-aventuriers-livre-de-base-9782919256365.html"
+      "href": "https://www.philibertnet.com/fr/dragons/62090-dragons-1-aventuriers-livre-de-base-9782919256365.html"
     },
-    "pdf-link":{
+    "pdf-link": {
-      "title":"Acheter le pdf",
+      "title": "Acheter le pdf",
-      "href":"https://www.drivethrurpg.com/product/422886/Dragons--1--Livre-de-base--Aventuriers"
+      "href": "https://www.drivethrurpg.com/product/422886/Dragons--1--Livre-de-base--Aventuriers"
     },
-    "cf-link":{
+    "cf-link": {
-      "title":"Ulule",
+      "title": "Ulule",
-      "href":"https://fr.ulule.com/dragons-5e/"
+      "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": ""
   }
 
-  
+
+
+
+
 }

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);
+    flkty.on( 'staticClick', function( event, pointer, cellElement, cellIndex ) {
-    refreshBooks();
+      if ( typeof cellIndex == 'number' ) {
-});*/
+        flkty.selectCell( cellIndex );
+      }
+    });
   });
 
 function fillBookView() {