Difference between revisions of "Team:Pasteur Paris/test/special prizes"

m
m
 
(14 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
  <style>
 
  <style>
 +
 
       div.YAKOI {
 
       div.YAKOI {
 
         border-radius:50%;
 
         border-radius:50%;
Line 23: Line 24:
 
       }
 
       }
 
       div.c1 {
 
       div.c1 {
       top:1.5vw;
+
       top:2.2vw;
 
         left:29.8vw;
 
         left:29.8vw;
 
       }
 
       }
Line 67: Line 68:
 
         }
 
         }
 
     </style>
 
     </style>
    <script>
+
      <script>
    $(document).ready(function(){
+
      $(document).ready(function(){
 
         var largeur = $(window).width()-30;
 
         var largeur = $(window).width()-30;
 
         var hauteur = $(window).height()-30;
 
         var hauteur = $(window).height()-30;
         document.getElementById("bandeau").style.height = hauteur +"px";
+
         document.getElementById("bandeau").style.height = hauteur*1.5 +"px";
 
         document.getElementById("bandeau").style.overflow = "hidden";
 
         document.getElementById("bandeau").style.overflow = "hidden";
         var color = ['#efefef','#67B5F4'];
+
          
 
         var particule = 150;
 
         var particule = 150;
 
         var hasard = [-1,1];
 
         var hasard = [-1,1];
Line 85: Line 86:
 
           for (var i = 0; i<=particule ; i++){
 
           for (var i = 0; i<=particule ; i++){
 
             var gauche = Math.random()*largeur;
 
             var gauche = Math.random()*largeur;
             var haut = Math.random()*hauteur*1.2;
+
             var haut = Math.random()*hauteur*1.5;
 
             var vitesse = ((1+2*Math.random())*hasard[Math.round(Math.random())])/4;
 
             var vitesse = ((1+2*Math.random())*hasard[Math.round(Math.random())])/4;
 
             var angle = 1*Math.random();
 
             var angle = 1*Math.random();
Line 92: Line 93:
 
             var x_mem = vx;
 
             var x_mem = vx;
 
             var y_mem = vy;
 
             var y_mem = vy;
           
 
 
             $(document.body).append('<div id="' + i + '" class="YAKOI" style="z-index:-2;"></div>');
 
             $(document.body).append('<div id="' + i + '" class="YAKOI" style="z-index:-2;"></div>');
 
             $('#' + i).css("background-color",'#efefef');
 
             $('#' + i).css("background-color",'#efefef');
 
             document.getElementById(i).style.transform = "translate(" + gauche + "px," + haut + "px)";
 
             document.getElementById(i).style.transform = "translate(" + gauche + "px," + haut + "px)";
 
             /* $('#' + i).css("left",gauche);
 
             /* $('#' + i).css("left",gauche);
       $('#' + i).css("top",haut);
+
       $('#' + i).css("top",haut);*/
 
             rayon = 15*Math.random() +5;
 
             rayon = 15*Math.random() +5;
 
             opacite = 0.9*Math.random() +0.1;
 
             opacite = 0.9*Math.random() +0.1;
Line 120: Line 120:
  
 
               if (info[n][0] > largeur*1.1 ) {
 
               if (info[n][0] > largeur*1.1 ) {
                 info[n][0] = -20;
+
                 info[n][0] = 0;
 
               }
 
               }
 
               else if (info[n][0] < 20){
 
               else if (info[n][0] < 20){
                 info[n][0] = largeur;
+
                 info[n][0] = largeur-20;
 
               }
 
               }
               else if (info[n][1] > hauteur*1.2){
+
               else if (info[n][1] > hauteur*1.5){
 
                 info[n][1] = 20;
 
                 info[n][1] = 20;
 
               }
 
               }
 
               else if (info[n][1] < -20) {
 
               else if (info[n][1] < -20) {
                 info[n][1] = hauteur*1.1;
+
                 info[n][1] = hauteur*1.3;
 
               }   
 
               }   
 
               if (count%50 == 0){
 
               if (count%50 == 0){
Line 164: Line 164:
 
           },200);
 
           },200);
  
       });*/
+
       });
 
     </script>
 
     </script>
 
      
 
      
     <div id="main" style="position:absolute;width:100%;top:500px;">
+
     <div id="main" style="position:absolute;width:100%;top:500px;z-index:-1">
 
         <div id="cercle1" class="AWcercle c1" style="background-color:white;border:3px solid #7C7C7C;position:absolute;transition:0.4s;">
 
         <div id="cercle1" class="AWcercle c1" style="background-color:white;border:3px solid #7C7C7C;position:absolute;transition:0.4s;">
 
         <div class="JUCroix" id="croix1">
 
         <div class="JUCroix" id="croix1">
Line 175: Line 175:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="aw1" class="ent" style="overflow-x:hidden;overflow-y:scroll;width:90%;margin-left:5.5%;display:none;height:93%;">
+
         <div id="aw1" class="ent" style="overflow-x:hidden;overflow-y:scroll;width:90%;margin-left:5.5%;display:none;height:93%;z-index:1">
 
           <p style="font-family:roboto;color:black;font-size:35px;text-align:left;font-weight:700;">Standard Track Awards: Best Supporting
 
           <p style="font-family:roboto;color:black;font-size:35px;text-align:left;font-weight:700;">Standard Track Awards: Best Supporting
  
Line 1,019: Line 1,019:
 
         </div>
 
         </div>
 
         <div style="width:100%">
 
         <div style="width:100%">
           <div style="margin-top:100px;height:300px;">
+
           <div style="margin-top:100px;height:20vw;">
 
             <div style="width:30%;margin-left:13%;float:left;"> <img src="https://2019.igem.org/wiki/images/0/06/T--Pasteur_Paris--Oim.jpeg"
 
             <div style="width:30%;margin-left:13%;float:left;"> <img src="https://2019.igem.org/wiki/images/0/06/T--Pasteur_Paris--Oim.jpeg"
  
Line 1,077: Line 1,077:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;display:none;height:93%;">
+
         <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width:93%;margin-left:5.5%;display:none;height:93%;">
               <div style="width:90%;">
+
               <div style="width:100%;">
 
           <div style="width:90%;margin-top:150px;">
 
           <div style="width:90%;margin-top:150px;">
 
             <p style="font-family:Roboto;font-size:45px;color:black;font-weight:400;width:100%;text-align:center;">
 
             <p style="font-family:Roboto;font-size:45px;color:black;font-weight:400;width:100%;text-align:center;">
Line 2,356: Line 2,356:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div style="100%">
+
         <div style="width:90%">
 
           <div style="width:90%;margin-top:50px;">
 
           <div style="width:90%;margin-top:50px;">
 
             <p style="font-family:Roboto;font-size:45px;color:black;font-weight:400;width:100%;text-align:center;">
 
             <p style="font-family:Roboto;font-size:45px;color:black;font-weight:400;width:100%;text-align:center;">
Line 2,544: Line 2,544:
 
       document.getElementById("cercle1").style.opacity = "1";
 
       document.getElementById("cercle1").style.opacity = "1";
 
         document.getElementById("cercle1").style.top = "50px";
 
         document.getElementById("cercle1").style.top = "50px";
         document.getElementById("cercle1").style.left = "25%";
+
         document.getElementById("cercle1").style.left = "15%";
         document.getElementById("cercle1").style.width = "50%";
+
         document.getElementById("cercle1").style.width = "70%";
 
         document.getElementById("cercle1").style.height = "85vh";
 
         document.getElementById("cercle1").style.height = "85vh";
 
         document.getElementById("cercle1").style.borderRadius = "0px 0px";
 
         document.getElementById("cercle1").style.borderRadius = "0px 0px";
Line 2,561: Line 2,561:
 
         document.getElementById("cercle2").style.opacity = "1";
 
         document.getElementById("cercle2").style.opacity = "1";
 
         document.getElementById("cercle2").style.top = "50px";
 
         document.getElementById("cercle2").style.top = "50px";
         document.getElementById("cercle2").style.left = "25%";
+
         document.getElementById("cercle2").style.left = "15%";
         document.getElementById("cercle2").style.width = "50%";
+
         document.getElementById("cercle2").style.width = "70%";
 
         document.getElementById("cercle2").style.height = "85vh";
 
         document.getElementById("cercle2").style.height = "85vh";
 
         document.getElementById("cercle2").style.borderRadius = "0px 0px";
 
         document.getElementById("cercle2").style.borderRadius = "0px 0px";
Line 2,578: Line 2,578:
 
         document.getElementById("cercle3").style.opacity = "1";
 
         document.getElementById("cercle3").style.opacity = "1";
 
         document.getElementById("cercle3").style.top = "50px";
 
         document.getElementById("cercle3").style.top = "50px";
         document.getElementById("cercle3").style.left = "25%";
+
         document.getElementById("cercle3").style.left = "15%";
         document.getElementById("cercle3").style.width = "50%";
+
         document.getElementById("cercle3").style.width = "70%";
 
         document.getElementById("cercle3").style.height = "85vh";
 
         document.getElementById("cercle3").style.height = "85vh";
 
         document.getElementById("cercle3").style.borderRadius = "0px 0px";
 
         document.getElementById("cercle3").style.borderRadius = "0px 0px";

Latest revision as of 21:09, 21 October 2019

  • Safety
  • Juddging Form
  • Human Pratices

  • Education
    Law
    Events
  • Project
  • Description
    Design
    Results
    Entrepreneurship
    Demonstrate
    Chalenges
    Improve
  • Team
  • Team members
    Collaborations
    Attributions
  • Sciences
  • Notebook
    Results Attributions
  • Awards
  • About Us
  • HUMAN  PRACTICES

    PROJECT

    TEAM

    Picto Sciences

    Sciences

    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    SpecialPrizes