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

m
m
 
(19 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;">
+
         <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width:93%;margin-left:5.5%;display:none;height:93%;">
           <p style="font-family:Roboto;font-size:45px;color:black;font-weight:400;width:100%;text-align:center;">
+
              <div style="width:100%;">
 +
           <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;">
 
               Standard Track Awards: Best Wiki </p>
 
               Standard Track Awards: Best Wiki </p>
 
             <br>
 
             <br>
Line 1,091: Line 1,093:
 
         </div>
 
         </div>
 
         <div style="width:100%;">
 
         <div style="width:100%;">
           <div style="width:50%;margin-left:25%;margin-top:100px;">
+
           <div style="width:90%;margin-top:100px;">
 
             <svg viewBox="0 0 1100 590.8">
 
             <svg viewBox="0 0 1100 590.8">
 
               <g opacity=".8"><g fill="#000" opacity=".9"><path d="M640 402l.8 2.9 1.3 3.3 1.4 3.2 1.4 2.8A84 84 0 01640 402zM633.4 356.6c.3 5.4 1 16.6 2.6 27.1-1.3-9.2-1.9-18.3-2.6-27.1zM626.8 323.4l.6 2.8a140.8 140.8 0 012.8 14.4 29.1 29.1 0 01-.4-3.1 141.7 141.7 0 00-3-14.1z"></path><path
 
               <g opacity=".8"><g fill="#000" opacity=".9"><path d="M640 402l.8 2.9 1.3 3.3 1.4 3.2 1.4 2.8A84 84 0 01640 402zM633.4 356.6c.3 5.4 1 16.6 2.6 27.1-1.3-9.2-1.9-18.3-2.6-27.1zM626.8 323.4l.6 2.8a140.8 140.8 0 012.8 14.4 29.1 29.1 0 01-.4-3.1 141.7 141.7 0 00-3-14.1z"></path><path
Line 2,354: Line 2,356:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div style="100%">
+
         <div style="width:90%">
           <div style="width:50%;margin-left:25%;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;">
 
               DIANE : A moving universe</p>
 
               DIANE : A moving universe</p>
Line 2,368: Line 2,370:
 
               &amp; Mythology</li>
 
               &amp; Mythology</li>
 
           </div>
 
           </div>
           <div style="width:50%;margin-left:25%;">
+
           <div style="width:100%;">
 
             <div style="width:45%;float:left">
 
             <div style="width:45%;float:left">
 
               <p style="font-family:Roboto;font-size:20px;color:black;font-weight:100;text-align:justify;line-height:1.5em;">
 
               <p style="font-family:Roboto;font-size:20px;color:black;font-weight:100;text-align:justify;line-height:1.5em;">
Line 2,384: Line 2,386:
 
             </div>
 
             </div>
 
           </div>
 
           </div>
           <div style="width:50%;margin-left:25%;margin-top:350px;">
+
           <div style="width:100%;margin-top:350px;">
 
             <li style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:400;margin-right:50px;">DIANE
 
             <li style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:400;margin-right:50px;">DIANE
 
               &amp; Technology</li>
 
               &amp; Technology</li>
Line 2,404: Line 2,406:
 
             </div>
 
             </div>
 
           </div>
 
           </div>
           <div style="width:50%;margin-left:25%;margin-top:350px;padding-bottom:150px;">
+
           <div style="width:100%;margin-top:350px;padding-bottom:150px;">
 
             <li style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:400;margin-right:50px;">Text
 
             <li style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:400;margin-right:50px;">Text
 
               &amp; Arrangement : Html &amp; CSS </li>
 
               &amp; Arrangement : Html &amp; CSS </li>
Line 2,425: Line 2,427:
 
             <p style="font-family:Roboto;font-size:20px;color:black;font-weight:100;text-align:right;line-height:1.5em;">
 
             <p style="font-family:Roboto;font-size:20px;color:black;font-weight:100;text-align:right;line-height:1.5em;">
 
               <i>Alexandre, Quentin &amp; Elise</i> </p>
 
               <i>Alexandre, Quentin &amp; Elise</i> </p>
                     
+
          </div>
 +
        </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 2,541: 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,558: 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,575: 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