added scaned picture for dos

css/dist/main.css

@@ -5,7 +5,7 @@ html, body {
 
 #root {
   position: relative;
-  width: 475.52246mm;
+  width: 469.51646mm;
   height: 237.26mm;
   margin: 0 auto;
   letter-spacing: -.25em; }
@@ -14,18 +14,23 @@ html, body {
 
 #header {
   display: inline-block;
-  width: 15mm;
+  width: 9mm;
   height: 207.26mm;
   margin-right: 5mm;
-  background-color: white; }
+  background-color: black;
+  background-image: url("../../images/dos.jpg");
+  background-size: contain;
+  background-repeat: no-repeat; }
   #header h1 {
+    font-size: 1em;
     margin: 0 0 15mm 0;
     padding: 0.3em;
     position: absolute;
     bottom: 0;
     left: 0;
     transform-origin: 0% 0%;
-    transform: rotate(270deg); }
+    transform: rotate(270deg);
+    visibility: hidden; }
 
 #main {
   display: inline-block;
@@ -68,7 +73,7 @@ html, body {
   width: 455.04741mm;
   height: 30mm;
   overflow: hidden;
-  margin: 0 0 0 20mm;
+  margin: 0 0 0 14mm;
   padding: 0;
   background-color: rgba(26, 26, 26, 0.7);
   text-align: center;

css/main.scss

@@ -3,7 +3,7 @@ html,body{
   background-color: #1A1A1A;
 }
 
-$tranche_w:15mm;
+$tranche_w:9mm;
 $tranche_mr:5mm;
 $p_w:227.41mm;
 $p_h:207.26mm;
@@ -27,14 +27,19 @@ $navh:30mm;
   display: inline-block;
   width: $tranche_w; height: $p_h;
   margin-right:$tranche_mr;
-  background-color: white;
+  background-color: black;
+  background-image: url('../../images/dos.jpg');
+  background-size: contain;
+  background-repeat: no-repeat;
 
   h1{
+    font-size: 1em;
     margin: 0 0 15mm 0; padding:0.3em;
     position: absolute;
     bottom:0; left:0;
     transform-origin: 0% 0%;
     transform: rotate(270deg);
+    visibility: hidden;
   }
 }
 

js/dist/pages.min.js

@@ -0,0 +1,2 @@
+
+var _ACTIVE_PAGES={"0":[{"active":false},{"page":0,"bg":"00_1couv.jpeg","overlays":[]}],"1":[{"page":1,"bg":"00_1couvV.jpeg","overlays":[]},{"page":2,"bg":"01_anan.jpeg","overlays":[]}],"2":[{"page":3,"bg":"02_TH.jpeg","overlays":[]},{"page":4,"bg":"03_ologyOf.jpeg","overlays":[]}],"3":[{"page":5,"bg":"04_chance.jpeg","overlays":[{"x":0,"y":0,"w":227,"h":207,"over":"04_chance-RB.svg","debug":false}]},{"page":6,"bg":"05_Stories.jpeg","overlays":[]}],"4":[{"page":7,"bg":"06_byGeorge.jpeg","overlays":[]},{"page":8,"bg":"07_Copyright.jpeg","overlays":[]}],"5":[{"page":9,"bg":"08_Brecht.jpeg","overlays":[{"x":110,"y":25,"w":103,"h":70,"over":"09_indetermenacy.svg","debug":false},{"x":112,"y":133,"w":105,"h":69,"over":"09_composition.svg","debug":true}]},{"active":false}],"7":[{"page":13,"bg":"12_Bremer.jpeg","overlays":[]},{"active":false}],"8":[{"page":15,"bg":"14_Brown.jpeg","overlays":[]},{"active":false}],"12":[{"active":false},{"page":24,"bg":"23_Byrd.jpeg","overlays":[]}],"14":[{"page":27,"bg":"26_Cage.jpeg","overlays":[]},{"active":false}],"15":[{"page":29,"bg":"28_deMaria.jpeg","overlays":[]},{"active":false}],"17":[{"page":33,"bg":"32_Flynt.jpeg","overlays":[]},{"active":false}],"19":[{"active":false},{"page":38,"bg":"37_Ono.jpeg","overlays":[]}],"20":[{"active":false},{"page":40,"bg":"39_HIggins.jpeg","overlays":[]}],"21":[{"active":false},{"page":42,"bg":"41_Ichiyanagi.jpeg","overlays":[]}],"23":[{"active":false},{"page":46,"bg":"45_Jennings.jpeg","overlays":[]}],"25":[{"page":49,"bg":"48_Dennis.jpeg","overlays":[]},{"active":false}],"28":[{"page":55,"bg":"54_DingDong.jpeg","overlays":[]},{"active":false}],"29":[{"page":57,"bg":"56_Johnson.jpeg","overlays":[]},{"active":false}],"30":[{"page":59,"bg":"58_MacLow.jpeg","overlays":[]},{"active":false}],"40":[{"active":false},{"page":80,"bg":"79_Maxfield.jpeg","overlays":[]}],"46":[{"page":91,"bg":"90_Simone.jpeg","overlays":[]},{"active":false}],"47":[{"page":93,"bg":"92_Paik.jpeg","overlays":[]},{"active":false}],"48":[{"page":95,"bg":"94_Riley.jpeg","overlays":[]},{"active":false}],"50":[{"active":false},{"page":100,"bg":"99_Rot.jpeg","overlays":[]}],"51":[{"page":101,"bg":"100_Williams.jpeg","overlays":[]},{"active":false}],"53":[{"page":105,"bg":"104_Wolff.jpeg","overlays":[]},{"active":false}],"55":[{"page":109,"bg":"108_Young.jpeg","overlays":[]},{"active":false}],"56":[{"page":111,"bg":"110_StraightLine.jpeg","overlays":[]},{"active":false}],"57":[{"page":113,"bg":"112_Portrait?.jpeg","overlays":[]},{"page":114,"bg":"113_4couv.jpeg","overlays":[]}],"58":[{"page":115,"bg":"114_4couv.jpeg","overlays":[]},{"active":false}]};

js/pages.js

@@ -4,7 +4,7 @@ var _ACTIVE_PAGES={
     {                           // debut de page de droite
       "page":0,                 // numéro de la page
       "bg":"00_1couv.jpeg",     // image a afficher pour cette page
-      "overlays":[]             // liset des zone interactive
+      "overlays":[]             // listes des zones interactives
     }                           // fin de la page de droite
   ],                            // fin de la double page
   "1":[

package.json

@@ -11,10 +11,11 @@
   "license": "GPLV3",
   "homepage": "",
   "devDependencies": {
-    "gulp":"",
+    "gulp": "^3.9.1",
     "gulp-autoprefixer": "^3.1.0",
     "gulp-jsmin": "^0.1.5",
-    "gulp-sass": "^2.0.1",
+    "gulp-sass": "^3.1.0",
     "gulp-watch": "^4.2.4"
-  }
+  },
+  "dependencies": {}
 }