Difference between revisions of "Team:GO Paris-Saclay"

 
(11 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<style>
 
<style>
 
body {
 
body {
−
  font-size:16px;
+
   width: 1200px;
−
   width: 62.5vw;
+
−
  max-width: 1200px;
+
−
  /* min-width: 670px;*/
+
−
  height: auto;
+
 
   background-color: rgb(217,217,217);
 
   background-color: rgb(217,217,217);
 
   margin: auto;
 
   margin: auto;
 
   font-family: 'Roboto', Helvetica, SansSerif;
 
   font-family: 'Roboto', Helvetica, SansSerif;
 +
  padding: 0;
 +
  color: black;
 +
  background-color:rgb(217,217,217);
 +
  word-wrap: break-word;
 
}
 
}
  
Line 109: Line 109:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
<div class="container"><div class="waiteranimationdiv"><img class="spinner" src="https://static.igem.org/mediawiki/2018/c/cc/T--GO_Paris-Saclay--mascotte_spinner.png"> Loading, please wait</div></div>
+
<div class="container"><div class="waiteranimationdiv"><img class="spinner" src="https://static.igem.org/mediawiki/2018/c/cc/T--GO_Paris-Saclay--mascotte_spinner.png"> Loading, please wait <progress id="progress" value="0"></progress><span id="progdisplay"></span></div></div>
 
</div>
 
</div>
  
Line 154: Line 154:
 
<script>
 
<script>
 
$('#top_title').remove();
 
$('#top_title').remove();
 +
var progressBar = document.getElementById("progress");
 +
var display = document.getElementById("progdisplay");
  
 
function reqListener () {
 
function reqListener () {
Line 169: Line 171:
  
  
−
const req = new XMLHttpRequest();
+
function JSreqLoader () {
−
req.open('GET', 'https://static.igem.org/mediawiki/2018/e/ee/T--GO_Paris-Saclay--mainscript.txt', false);
+
  var b64_text = this.responseText;
−
console.log("Sending JS XHR...");
+
  console.log("Received JS results");
−
req.send(null);
+
 
−
console.log("Received JS results");
+
  var js_text = atob(b64_text);
−
var b64_text = req.responseText;
+
−
var js_text = atob(b64_text);
+
 
eval(js_text);
 
eval(js_text);
  
Line 184: Line 184:
 
$('#removeme').remove();
 
$('#removeme').remove();
 
$('#bigmaindiv').insertBefore('#content'); }, 0);
 
$('#bigmaindiv').insertBefore('#content'); }, 0);
−
 
+
setTimeout(function(){
−
    $( 'document' ).ready(function() {
+
 
     $('#cssmenu').prepend('<div id="menu-button">Menu</div>');
 
     $('#cssmenu').prepend('<div id="menu-button">Menu</div>');
 
     $('#cssmenu #menu-button').on('click', function(){
 
     $('#cssmenu #menu-button').on('click', function(){
Line 196: Line 195:
 
       }
 
       }
 
     });
 
     });
−
  });
+
},1000);
 +
}
 +
 
 +
 
 +
const req = new XMLHttpRequest();
 +
req.addEventListener("load", JSreqLoader);
 +
 
 +
req.open('GET', 'https://static.igem.org/mediawiki/2018/e/ee/T--GO_Paris-Saclay--mainscript.txt', true);
 +
console.log("Sending JS XHR...");
 +
req.onprogress = function(e) {
 +
    if (e.lengthComputable) {
 +
        progressBar.max = e.total;
 +
        progressBar.value = e.loaded;
 +
        display.innerText = Math.floor((e.loaded / e.total) * 100) + '%';
 +
    }
 +
};
 +
req.send(null);
 +
 
 
</script>
 
</script>
 
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

Latest revision as of 22:07, 13 October 2018