Team:Heidelberg LSL
From 2012hs.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{TopII}} | {{TopII}} | ||
{{Stylesheet}} | {{Stylesheet}} | ||
- | |||
<!-- | <!-- | ||
Line 20: | Line 19: | ||
#box-1 {position: absolute; | #box-1 {position: absolute; | ||
- | top: | + | top: 300px; |
left:42px; | left:42px; | ||
z-index:1; | z-index:1; | ||
width:170px; | width:170px; | ||
height: 260px; | height: 260px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | |||
#box-2 {position: absolute; | #box-2 {position: absolute; | ||
- | top: | + | top: 300px; |
left:237px; | left:237px; | ||
z-index:1; | z-index:1; | ||
width:170px; | width:170px; | ||
height: 260px; | height: 260px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | |||
#box-3 {position: absolute; | #box-3 {position: absolute; | ||
- | top: | + | top: 300px; |
left:437px; | left:437px; | ||
z-index:1; | z-index:1; | ||
- | width: | + | width:180px; |
height: 260px; | height: 260px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#box-idea{ | #box-idea{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:420px; |
+ | width:170px; | ||
} | } | ||
Line 63: | Line 53: | ||
#box-science{ | #box-science{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:420px; |
+ | width:160px; | ||
} | } | ||
#box-logo{ | #box-logo{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:590px; |
- | left: | + | left:303px; |
z-index:4; | z-index:4; | ||
} | } | ||
Line 75: | Line 66: | ||
#box-store{ | #box-store{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:420px; |
+ | width:160px; | ||
} | } | ||
- | #news {min-height: | + | #main_pic{ |
- | #bodyContent { background-color: transparent; border: none; width: 975px; min-height: | + | position:absolute; |
+ | top:-10px; | ||
+ | left:0px; | ||
+ | background-color: transparent; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | #bg_pic{ | ||
+ | position:absolute; | ||
+ | background-color: transparent; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #news {min-height: 1100px;} | ||
+ | #bodyContent { background-color: transparent; border: none; width: 975px; min-height: 1100px;} | ||
.gallery p {padding: 0 20px; | .gallery p {padding: 0 20px; | ||
Line 93: | Line 99: | ||
text-align:center; | text-align:center; | ||
} | } | ||
+ | |||
+ | #b1{ position:absolute; | ||
+ | top:650px; left:50px; width:100px; | ||
+ | } | ||
+ | |||
+ | #b2{ position:absolute; | ||
+ | top:630px; left:260px;width:100px; | ||
+ | } | ||
+ | |||
+ | #b3{ position:absolute; | ||
+ | top:650px; left:500px;width:100px; | ||
+ | } | ||
+ | |||
+ | #b4{ position:absolute; | ||
+ | top:750px; left:50px;width:100px; | ||
+ | } | ||
+ | |||
+ | #b5{ position:absolute; | ||
+ | top:750px; left:280px;width:100px; | ||
+ | } | ||
+ | |||
+ | #b6{ position:absolute; | ||
+ | top:770px; left:510px;width:100px; | ||
+ | } | ||
+ | |||
+ | #b7{ | ||
+ | position:absolute; | ||
+ | top:600px; | ||
+ | left:250px; | ||
+ | } | ||
</style> | </style> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var IdeaArray = new Array(); | ||
+ | var ScienceArray = new Array(); | ||
+ | var StoreArray = new Array(); | ||
+ | |||
+ | for (var i = 0; i <= 2; i++) { | ||
+ | IdeaArray[i] = new Image(); | ||
+ | ScienceArray[i] = new Image(); | ||
+ | StoreArray[i] = new Image(); | ||
+ | } | ||
+ | |||
+ | IdeaArray[1].src="https://static.igem.org/mediawiki/2012hs/8/86/Eppi-1-box.png"; | ||
+ | IdeaArray[2].src="https://static.igem.org/mediawiki/2012hs/0/00/Eppi-1-box-glow.png"; | ||
+ | |||
+ | |||
+ | ScienceArray[1].src="https://static.igem.org/mediawiki/2012hs/7/70/Eppi-2-box.png"; | ||
+ | ScienceArray[2].src="https://static.igem.org/mediawiki/2012hs/f/f2/Eppi-2-box-glow.png"; | ||
+ | |||
+ | StoreArray[1].src="https://static.igem.org/mediawiki/2012hs/6/68/Eppi-3-box.png"; | ||
+ | StoreArray[2].src="https://static.igem.org/mediawiki/2012hs/e/e1/Eppi-3-box-glow.png"; | ||
+ | |||
+ | |||
+ | function swap(num,effect) { | ||
+ | |||
+ | switch (num) { | ||
+ | |||
+ | case 1: document.getElementById("pic"+num).src =IdeaArray[effect].src; | ||
+ | break; | ||
+ | case 2: document.getElementById("pic"+num).src =ScienceArray[effect].src; | ||
+ | break; | ||
+ | case 3: document.getElementById("pic"+num).src =StoreArray[effect].src; | ||
+ | break; | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | function mouseOver(num) { | ||
+ | swap(num,2); | ||
+ | } | ||
+ | |||
+ | function mouseOut(num) | ||
+ | { | ||
+ | swap(num,1); | ||
+ | } | ||
+ | |||
+ | </script> | ||
Line 108: | Line 192: | ||
<p> </p> | <p> </p> | ||
- | <center><img id="kette" src="http://2012HS.igem.org/wiki/images/f/ff/DNA_chain.png" width="650px"></img></center> | + | <div id="main_pic"> |
- | <center><div id="box-logo"><a href="https://2012hs.igem.org/Main_Page"><img id="logo" src="https://static.igem.org/mediawiki/2012hs/3/32/IGEM_logo_main.png" width=" | + | <center><img id="kette" src="http://2012HS.igem.org/wiki/images/f/ff/DNA_chain.png" width="650px" left="100px;"></img></center> |
+ | </div> | ||
+ | <div id = "bg_pic"> | ||
+ | <img id="bg" src="https://static.igem.org/mediawiki/2010/d/d2/IGEM_official_gray4.png" width="670px"></img> | ||
+ | </div> | ||
+ | <center><div id="box-logo"><a href="https://2012hs.igem.org/Main_Page"><img id="logo" src="https://static.igem.org/mediawiki/2012hs/3/32/IGEM_logo_main.png" width="80px"></img></a></div> | ||
<div id="box-idea"> | <div id="box-idea"> | ||
- | < | + | <h5>Idea</h5> |
- | + | <p> Our sunny thought: How to make bacteria unveil UV-radiation!</p> | |
- | <p> Our | + | |
</div><!--end boxIdea--> | </div><!--end boxIdea--> | ||
<div id="box-science"> | <div id="box-science"> | ||
- | < | + | <h5>Science</h5><!-- --> |
- | < | + | <p> Profound experiments are followed by shiny results!</p> |
- | <p> | + | |
</div><!--end boxScience--> | </div><!--end boxScience--> | ||
<div id="box-store"> | <div id="box-store"> | ||
- | < | + | <h5>Store</h5> |
- | + | <p> Pretty and safe! The new collection of our iGEMS-jewelry!</p> | |
- | + | ||
- | <p> Pretty and safe! | + | |
</div><!--end boxStore--> | </div><!--end boxStore--> | ||
- | <a id="box-1" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project | + | <a id="box-1" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project" onMouseOver="mouseOver(1)" onMouseOut="mouseOut(1)"> |
+ | <img id="pic1" src="https://static.igem.org/mediawiki/2012hs/8/86/Eppi-1-box.png"/></a> | ||
- | <a id="box-2" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Measurement"></a> | + | <a id="box-2" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Measurement" onMouseOver="mouseOver(2)" onMouseOut="mouseOut(2)"> |
+ | <img id="pic2" src="https://static.igem.org/mediawiki/2012hs/7/70/Eppi-2-box.png"/></a> | ||
- | <a id="box-3" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Online_store"></a> | + | <a id="box-3" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Online_store" onMouseOver="mouseOver(3)" onMouseOut="mouseOut(3)"> |
+ | <img id="pic3" src="https://static.igem.org/mediawiki/2012hs/6/68/Eppi-3-box.png"/></a> | ||
- | |||
- | |||
<center> | <center> | ||
- | < | + | <!--<div class="sponsors_img" style="margin-top: 9em;"> |
+ | <a href="http://www.mckinsey.de/html/home/index.asp"><img src="https://static.igem.org/mediawiki/2012hs/a/ae/McKinsey.png"/></a> | ||
+ | </div> | ||
+ | --> | ||
- | |||
+ | <div id="b1" class="sponsors_img" style="margin-top: 4em;"> | ||
+ | <a href="http://www.abbott.de/content/index_de.html"><img src="https://static.igem.org/mediawiki/2012hs/3/30/Abbott.jpg"/></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="b2" class="sponsors_img" style="margin-top: 7em;"> | ||
+ | <a href="http://www.promega.com/"><img src="http://2012HS.igem.org/wiki/images/a/ab/Promega_logo.jpg" width="180" height="100"/></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="b3" class="sponsors_img" style="margin-top: 8em;"> | ||
+ | <a href="http://www.dkfz.de/en/index.html"><img src="https://static.igem.org/mediawiki/2012hs/a/a9/Dkfz.jpg"/></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="b4" class="sponsors_img" style="margin-top: 12em;"> | ||
+ | <a href="http://www.jugendstiftung.de/"><img src="https://static.igem.org/mediawiki/2012hs/f/f3/JugendstiftungBW-logo.gif"/></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="b5" class="sponsors_img" style="margin-top: 10em;"> | ||
+ | <a href="http://www.lab-alumni.org/"><img src="https://static.igem.org/mediawiki/2012hs/c/c9/Lab-alumni-logo.png"/></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="b6" class="sponsors_img" style="margin-top: 8em;"> | ||
+ | <a href="http://www.fei-hd.de/"><img src="https://static.igem.org/mediawiki/2012hs/3/3c/FEI-Logo-oT.jpg" width=120px"/></a> | ||
+ | </div> | ||
+ | </div><!--EndSubWrapper--> | ||
+ | |||
+ | <div id="news"> | ||
+ | <center> | ||
+ | <h4>Heidelberg LSL 2012</h4> | ||
+ | <p> | ||
+ | <b>Grand Prize, Winner of the GreenBrick Trophy; Finalist; Best New BioBrick Part, Natural; Best New BioBrick Part or Device, Engineered; Best Experimental Measurement; Best Wiki; Best Presentation | ||
+ | </b> | ||
+ | </p> | ||
</br> | </br> | ||
<p> | <p> | ||
<center> | <center> | ||
- | |||
- | |||
<div class="img"> | <div class="img"> |
Latest revision as of 11:46, 16 July 2012
Idea
Our sunny thought: How to make bacteria unveil UV-radiation!
Science
Profound experiments are followed by shiny results!
Store
Pretty and safe! The new collection of our iGEMS-jewelry!
Heidelberg LSL 2012
Grand Prize, Winner of the GreenBrick Trophy; Finalist; Best New BioBrick Part, Natural; Best New BioBrick Part or Device, Engineered; Best Experimental Measurement; Best Wiki; Best Presentation