Team:Heidelberg LSL
From 2012hs.igem.org
(Difference between revisions)
(104 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{TopII}} | ||
{{Stylesheet}} | {{Stylesheet}} | ||
- | <!-- | + | <!-- |
+ | ============================================================================================ | ||
+ | *** PLEASE NOTE: *** | ||
+ | |||
+ | The contents and design of this wiki are published under the GNU Free Documentation License. You are kindly invited to copy and modify our work, but you must publish your work under the same type of license while recognizing us the authors. | ||
+ | |||
+ | The iGEM HS Team Heidelberg_LSL 2012 | ||
+ | Jakob, Tim, Mariam, Anna, Charlotte, Stefan, Katharina, Lorenz, Oskar and Dominik | ||
+ | |||
+ | ============================================================================================ | ||
+ | |||
+ | /--> | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | #box-1 {position: absolute; | ||
+ | top: 300px; | ||
+ | left:42px; | ||
+ | z-index:1; | ||
+ | width:170px; | ||
+ | height: 260px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #box-2 {position: absolute; | ||
+ | top: 300px; | ||
+ | left:237px; | ||
+ | z-index:1; | ||
+ | width:170px; | ||
+ | height: 260px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #box-3 {position: absolute; | ||
+ | top: 300px; | ||
+ | left:437px; | ||
+ | z-index:1; | ||
+ | width:180px; | ||
+ | height: 260px; | ||
+ | } | ||
+ | |||
+ | #box-idea{ | ||
+ | position:absolute; | ||
+ | top:420px; | ||
+ | width:170px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #box-science{ | ||
+ | position:absolute; | ||
+ | top:420px; | ||
+ | width:160px; | ||
+ | } | ||
+ | |||
+ | #box-logo{ | ||
+ | position:absolute; | ||
+ | top:590px; | ||
+ | left:303px; | ||
+ | z-index:4; | ||
+ | } | ||
+ | |||
+ | #box-store{ | ||
+ | position:absolute; | ||
+ | top:420px; | ||
+ | width:160px; | ||
+ | } | ||
+ | |||
+ | #main_pic{ | ||
+ | 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; | ||
text-align: justify; | text-align: justify; | ||
font-size: 12px;} | font-size: 12px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | div.img | |
+ | { | ||
+ | margin:2px; | ||
+ | height:auto; | ||
+ | width:auto; | ||
+ | float: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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <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> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <body id="home" onload="setPageSize()"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | = | + | <div id="super_main_wrapper"> |
- | = | + | <div id="SubWrapper"> |
- | + | ||
- | + | ||
- | |||
- | |||
- | + | <p> </p> | |
- | + | ||
- | + | ||
- | === | + | <div id="main_pic"> |
- | + | <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"> |
- | + | <h5>Idea</h5> | |
- | + | <p> Our sunny thought: How to make bacteria unveil UV-radiation!</p> | |
+ | </div><!--end boxIdea--> | ||
- | = | + | <div id="box-science"> |
- | + | <h5>Science</h5><!-- --> | |
- | ---> | + | <p> Profound experiments are followed by shiny results!</p> |
+ | </div><!--end boxScience--> | ||
+ | <div id="box-store"> | ||
+ | <h5>Store</h5> | ||
+ | <p> Pretty and safe! The new collection of our iGEMS-jewelry!</p> | ||
+ | </div><!--end boxStore--> | ||
- | < | + | <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" 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" onMouseOver="mouseOver(3)" onMouseOut="mouseOut(3)"> | ||
+ | <img id="pic3" src="https://static.igem.org/mediawiki/2012hs/6/68/Eppi-3-box.png"/></a> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | <p> | ||
+ | <center> | ||
+ | |||
+ | <div class="img"> | ||
+ | <a href="https://2012hs.igem.org/Team:Heidelberg_LSL/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012hs/6/63/IGEMS-Team1roundcorners.jpg" alt="Team" width="220"/> | ||
+ | |||
+ | </center> | ||
+ | </p> | ||
+ | |||
+ | |||
+ | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | <script> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 4, | ||
+ | interval: 30000, | ||
+ | width: 250, | ||
+ | height: 200, | ||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#0d3055', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#ffffff', | ||
+ | color: '#80b3b3', | ||
+ | links: '#00a4ea' | ||
+ | } | ||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: true, | ||
+ | loop: false, | ||
+ | live: false, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('Heidelberg_LSL').start(); | ||
+ | </script> | ||
+ | </center> | ||
+ | </div><!--end news--> | ||
+ | </div><!-- end super_main_wrapper--> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | function setPageSize() { | ||
+ | len = document.getElementById('super_main_wrapper').offsetHeight; | ||
+ | document.getElementById('bodyContent').style.height = len + 'px'; | ||
+ | document.getElementById('SupWrapper').style.height = len + 'px'; | ||
+ | document.getElementById('news').style.height = len + 'px'; | ||
+ | } | ||
+ | </script> | ||
+ | </html> |
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