Fix IE 11 SVG background image issue and update score to live value. WIP #2647 @1

diff --git a/images/projector.svg b/images/projector.svg
index 9995d684fbbd068faa8940b4e04400f5d8f9221a..34852cc246576f0b11020b1ddfb39e66fc794f2b 100644 (file)
--- a/images/projector.svg
+++ b/images/projector.svg
@@ -1,50 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Mode_Isolation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-        y="0px" viewBox="0 0 136.5 64.58" style="enable-background:new 0 0 136.5 64.58;" xml:space="preserve">
-<style type="text/css">
-       .st0{opacity:0.5;fill:url(#SVGID_1_);}
-       .st1{opacity:0.5;fill:url(#SVGID_2_);}
-       .st2{opacity:0.5;fill:url(#SVGID_3_);}
-       .st3{opacity:0.5;fill:url(#SVGID_4_);}
-       .st4{fill:#FFFFFF;}
-</style>
-<g>
-       <g>
-               <g>
-                       
-                               <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="237.4519" y1="64.3323" x2="237.4519" y2="5.8132" gradientTransform="matrix(-1 0 0 1 267.4514 0)">
-                               <stop  offset="0" style="stop-color:#FFFFFF"/>
-                               <stop  offset="0.0234" style="stop-color:#FFFFFF;stop-opacity:0.9766"/>
-                               <stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-                       </linearGradient>
-                       <polygon class="st0" points="60,64.33 52,64.33 0,5.81 35.5,5.81                         "/>
-                       
-                               <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="222.7866" y1="64.3323" x2="222.7866" y2="3.748473e-07" gradientTransform="matrix(-1 0 0 1 267.4514 0)">
-                               <stop  offset="0" style="stop-color:#FFFFFF"/>
-                               <stop  offset="0.0234" style="stop-color:#FFFFFF;stop-opacity:0.9766"/>
-                               <stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-                       </linearGradient>
-                       <polygon class="st1" points="76.5,64.33 64.5,64.33 12.83,0 63,5.81                      "/>
-                       
-                               <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="188.9983" y1="64.3323" x2="188.9983" y2="5.8132" gradientTransform="matrix(1 0 0 1 -82.5 0)">
-                               <stop  offset="0" style="stop-color:#FFFFFF"/>
-                               <stop  offset="0.097" style="stop-color:#FFFFFF;stop-opacity:0.903"/>
-                               <stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-                       </linearGradient>
-                       <polygon class="st2" points="76.5,64.33 84.5,64.33 136.5,5.81 101,5.81                  "/>
-                       
-                               <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="175.2138" y1="64.3323" x2="175.2138" y2="-9.094947e-13" gradientTransform="matrix(1 0 0 1 -82.5 0)">
-                               <stop  offset="0" style="stop-color:#FFFFFF"/>
-                               <stop  offset="0.0234" style="stop-color:#FFFFFF;stop-opacity:0.9766"/>
-                               <stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-                       </linearGradient>
-                       <polygon class="st3" points="60,64.33 72,64.33 125.43,0 73.5,5.81                       "/>
-               </g>
-               <g>
-                       <path class="st4" d="M87.68,64.58H48.82c-0.14,0-0.25-0.11-0.25-0.25s0.11-0.25,0.25-0.25h38.86c0.14,0,0.25,0.11,0.25,0.25
-                               S87.82,64.58,87.68,64.58z"/>
-               </g>
-       </g>
-</g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 95" preserveAspectRatio="none slice" width="200" height="95"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-50.505" y1="-62.605" x2="-50.505" y2="23.139" gradientTransform="rotate(180 -3.274 15.92)"><stop offset="0" stop-color="#fff"/><stop offset=".023" stop-color="#fff" stop-opacity=".977"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path opacity=".5" fill="url(#a)" d="M87.9 94.4H76.2L0 8.7h52z"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="-71.992" y1="-62.605" x2="-71.992" y2="31.651" gradientTransform="rotate(180 -3.274 15.92)"><stop offset="0" stop-color="#fff"/><stop offset=".023" stop-color="#fff" stop-opacity=".977"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path opacity=".5" fill="url(#b)" d="M112.1 94.4H94.5L18.8.2l73.5 8.5z"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="238.544" y1="-62.605" x2="238.544" y2="23.139" gradientTransform="matrix(1 0 0 -1 -82.5 31.84)"><stop offset="0" stop-color="#fff"/><stop offset=".097" stop-color="#fff" stop-opacity=".903"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path opacity=".5" fill="url(#c)" d="M112.1 94.4h11.7L200 8.7h-52z"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="218.346" y1="-62.605" x2="218.346" y2="31.651" gradientTransform="matrix(1 0 0 -1 -82.5 31.84)"><stop offset="0" stop-color="#fff"/><stop offset=".023" stop-color="#fff" stop-opacity=".977"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path opacity=".5" fill="url(#d)" d="M87.9 94.4h17.6L183.8.2l-76.1 8.5z"/><g><path d="M128.5 94.8h-57c-.2 0-.4-.2-.4-.4s.2-.4.4-.4h56.9c.2 0 .4.2.4.4 0 .3-.1.4-.3.4z" fill="#fff"/></g></svg>

diff --git a/js/bonaquiz.js b/js/bonaquiz.js
index 611d7e5d42f2269367b50571a59cddcd4f2563ad..c2afd91e0ae6af857b6be0ea7e4b227d2adb6dcc 100644 (file)
--- a/js/bonaquiz.js
+++ b/js/bonaquiz.js
@@ -98,8 +98,7 @@ function AfterTransition() {
         }
 
         let circleStart = circleAngleDirection;
-        //let scoreFinal = 10 / nbquestions; //scoreValue
-        let scoreFinal = 0.6;
+        let scoreFinal = scoreValue / nbquestions;
 
         window.circleDirection = circleSens;
         if (window.circleDirection === 1) {
@@ -218,4 +217,4 @@ function resize() {
     progressBar.css('bottom', 45 * scale + 'px');
 
 
-}
\ No newline at end of file
+}