m |
m |
||
| (18 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: | + | top:2.2vw; |
left:29.8vw; | left:29.8vw; | ||
} | } | ||
| Line 67: | Line 68: | ||
} | } | ||
</style> | </style> | ||
| − | + | <script> | |
| − | + | $(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 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. | + | 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] = | + | 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. | + | 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. | + | 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: | + | <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: | + | <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width:93%;margin-left:5.5%;display:none;height:93%;"> |
| − | <div style="width:100%;"> | + | <div style="width:100%;"> |
| − | <div style="width: | + | <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;"> | ||
Standard Track Awards: Best Wiki </p> | Standard Track Awards: Best Wiki </p> | ||
| Line 1,093: | Line 1,093: | ||
</div> | </div> | ||
<div style="width:100%;"> | <div style="width:100%;"> | ||
| − | <div style="width: | + | <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,356: | Line 2,356: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style=" | + | <div style="width:90%"> |
| − | <div style="width: | + | <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,370: | Line 2,370: | ||
& Mythology</li> | & Mythology</li> | ||
</div> | </div> | ||
| − | <div style="width: | + | <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,386: | Line 2,386: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style="width: | + | <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 | ||
& Technology</li> | & Technology</li> | ||
| Line 2,406: | Line 2,406: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style="width: | + | <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 | ||
& Arrangement : Html & CSS </li> | & Arrangement : Html & CSS </li> | ||
| Line 2,428: | Line 2,428: | ||
<i>Alexandre, Quentin & Elise</i> </p> | <i>Alexandre, Quentin & Elise</i> </p> | ||
</div> | </div> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 2,543: | 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 = " | + | document.getElementById("cercle1").style.left = "15%"; |
| − | document.getElementById("cercle1").style.width = " | + | 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,560: | 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 = " | + | document.getElementById("cercle2").style.left = "15%"; |
| − | document.getElementById("cercle2").style.width = " | + | 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,577: | 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 = " | + | document.getElementById("cercle3").style.left = "15%"; |
| − | document.getElementById("cercle3").style.width = " | + | 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
Education
Law
Events
Design
Results
Entrepreneurship
Demonstrate
Chalenges
Improve
Collaborations
Attributions
Results Attributions