main interface ok

added grunt-svg2png and set svg 2 png fall back mixin
added bubbles and stars
added nav_pos move on chapter preview

sites/all/themes/gui/jee/assets/img/bubble-01.svg

@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="425"
+   height="425"
+   viewBox="0 0 425 425.00001"
+   id="svg15765"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="bubble-01.svg">
+  <defs
+     id="defs15767">
+    <radialGradient
+       id="SVGID_17_"
+       cx="-6706.2617"
+       cy="-2725.1895"
+       r="172.1931"
+       gradientTransform="matrix(1.2340828,0,0,1.2340828,8488.5815,4202.9728)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         style="stop-color:#CBBBA0"
+         id="stop4338" />
+      <stop
+         offset="1"
+         style="stop-color:#cbbba0;stop-opacity:0"
+         id="stop4346" />
+    </radialGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="217.66355"
+     inkscape:cy="155.53537"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1155"
+     inkscape:window-x="-2"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid16331" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata15770">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-627.36216)">
+    <circle
+       style="fill:url(#SVGID_17_)"
+       cx="212.5"
+       cy="839.86212"
+       id="circle4348"
+       r="212.5" />
+  </g>
+</svg>

sites/all/themes/gui/jee/assets/img/bubble-02.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="885"
+   height="885"
+   viewBox="0 0 885.00001 885.00001"
+   id="svg16367"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="bubble-02.svg">
+  <defs
+     id="defs16369">
+    <radialGradient
+       id="SVGID_18_"
+       cx="-5383.5928"
+       cy="-1752.0127"
+       r="276.7793"
+       gradientTransform="matrix(1.5987427,0,0,1.5987428,9049.4803,3410.8796)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         style="stop-color:#B6C38D"
+         id="stop4351" />
+      <stop
+         offset="1"
+         style="stop-color:#b6c38d;stop-opacity:0"
+         id="stop4359" />
+    </radialGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="436.0424"
+     inkscape:cy="437.90703"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1155"
+     inkscape:window-x="-2"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata16372">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-167.36216)">
+    <circle
+       style="opacity:0.86000001;fill:url(#SVGID_18_)"
+       cx="442.5"
+       cy="609.86218"
+       id="circle4361"
+       r="442.5" />
+  </g>
+</svg>

sites/all/themes/gui/jee/assets/img/shadow-bc.svg

@@ -46,7 +46,7 @@
        spreadMethod="pad">
       <stop
          offset="0"
-         style="stop-color:#0066b1;stop-opacity:0.71"
+         style="stop-color:#0066b1;stop-opacity:0.506"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -62,8 +62,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="33.732485"
-     inkscape:cy="127.15041"
+     inkscape:cx="120.98441"
+     inkscape:cy="79.925779"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-dph.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#cecd00;stop-opacity:0.698"
+         style="stop-color:#cecd00;stop-opacity:0.545"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="23.883498"
-     inkscape:cy="84.471467"
+     inkscape:cx="74.012318"
+     inkscape:cy="82.956238"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-dub.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#62a530;stop-opacity:0.698"
+         style="stop-color:#62a530;stop-opacity:0.506"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="80.45204"
-     inkscape:cy="85.986696"
+     inkscape:cx="105.07451"
+     inkscape:cy="83.713853"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-juso.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#33b4b5;stop-opacity:0.702"
+         style="stop-color:#33b4b5;stop-opacity:0.502"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="79.694426"
-     inkscape:cy="100.63391"
+     inkscape:cx="78.305466"
+     inkscape:cy="88.51208"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-opp.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#af1380;stop-opacity:0.706"
+         style="stop-color:#af1380;stop-opacity:0.518"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="64.542138"
-     inkscape:cy="93.815379"
+     inkscape:cx="92.70014"
+     inkscape:cy="89.522231"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-sol.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#ea5b0c;stop-opacity:0.702"
+         style="stop-color:#ea5b0c;stop-opacity:0.502"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="72.37082"
-     inkscape:cy="113.76589"
+     inkscape:cx="97.498364"
+     inkscape:cy="88.007"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/shadow-sub.svg

@@ -45,7 +45,7 @@
        fy="-2661.446">
       <stop
          offset="0"
-         style="stop-color:#de003a;stop-opacity:0.7"
+         style="stop-color:#de003a;stop-opacity:0.502"
          id="stop5359-9-7" />
       <stop
          offset="1"
@@ -61,8 +61,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="3.959798"
-     inkscape:cx="49.642388"
-     inkscape:cy="79.704082"
+     inkscape:cx="92.70014"
+     inkscape:cy="84.502307"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="true"

sites/all/themes/gui/jee/assets/img/star.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="10"
+   height="10"
+   viewBox="0 0 10 10"
+   id="svg16952"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="star.svg">
+  <defs
+     id="defs16954">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient17510">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.69142854"
+         offset="0"
+         id="stop17512" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop17514" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient17510"
+       id="radialGradient17516"
+       cx="5"
+       cy="1047.3622"
+       fx="5"
+       fy="1047.3622"
+       r="5"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="63.356767"
+     inkscape:cx="2.8741085"
+     inkscape:cy="6.230448"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1155"
+     inkscape:window-x="-2"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17508" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata16957">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1042.3621)">
+    <circle
+       style="opacity:0.92142202;fill:url(#radialGradient17516);fill-opacity:1;stroke:none;stroke-width:0.13;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path17506"
+       cx="5"
+       cy="1047.3622"
+       r="5" />
+  </g>
+</svg>