Team:Heidelberg LSL

From 2012hs.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{TopII}}
{{TopII}}
{{Stylesheet}}
{{Stylesheet}}
-
[[~]]
 
<!--
<!--
Line 25: Line 24:
width:170px;
width:170px;
height: 260px;
height: 260px;
-
background-image: url(https://static.igem.org/mediawiki/2012hs/8/86/Eppi-1-box.png);
 
-
}
 
-
#box-1:hover {
 
-
background-image: url(https://static.igem.org/mediawiki/2012hs/0/00/Eppi-1-box-glow.png);
 
}
}
 +
#box-2 {position: absolute;
#box-2 {position: absolute;
Line 37: Line 33:
width:170px;
width:170px;
height: 260px;
height: 260px;
-
background-image: url(https://static.igem.org/mediawiki/2012hs/7/70/Eppi-2-box.png);
 
-
}
 
-
#box-2:hover {
 
-
background-image: url(https://static.igem.org/mediawiki/2012hs/f/f2/Eppi-2-box-glow.png);
 
}
}
 +
#box-3 {position: absolute;
#box-3 {position: absolute;
Line 49: Line 42:
width:180px;
width:180px;
height: 260px;
height: 260px;
-
background-image: url(https://static.igem.org/mediawiki/2012hs/6/68/Eppi-3-box.png);
 
-
}
 
-
#box-3:hover {
 
-
background-image: url(https://static.igem.org/mediawiki/2012hs/e/e1/Eppi-3-box-glow.png);
 
}
}
Line 70: Line 59:
#box-logo{
#box-logo{
position:absolute;
position:absolute;
-
top:640px;
+
top:590px;
-
left:293px;
+
left:303px;
z-index:4;
z-index:4;
}
}
Line 85: Line 74:
top:-10px;
top:-10px;
left:0px;
left:0px;
 +
background-color: transparent;
 +
z-index:1;
 +
}
 +
 +
#bg_pic{
 +
position:absolute;
 +
background-color: transparent;
 +
z-index:0;
}
}
-
#news {min-height: 710px;}
+
#news {min-height: 1100px;}
-
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 710px;}
+
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 1100px;}
.gallery p  {padding: 0 20px;
.gallery p  {padding: 0 20px;
Line 102: 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 119: Line 194:
<div id="main_pic">
<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>
<center><img id="kette" src="http://2012HS.igem.org/wiki/images/f/ff/DNA_chain.png" width="650px" left="100px;"></img></center>
-
</div
+
</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>
<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">
-
<h4>Idea</h4>
+
<h5>Idea</h5>
-
<p> Our healthy inspiration: How to make bacteria unveil UV-radiation!</p>
+
<p> Our sunny thought: How to make bacteria unveil UV-radiation!</p>
</div><!--end boxIdea-->
</div><!--end boxIdea-->
<div id="box-science">
<div id="box-science">
-
<h4>Science</h4><!--&nbsp;&nbsp;&nbsp;-->
+
<h5>Science</h5><!--&nbsp;&nbsp;&nbsp;-->
-
<p> Careful constructions are followed by resounding results!</p>
+
<p> Profound experiments are followed by shiny results!</p>
</div><!--end boxScience-->
</div><!--end boxScience-->
<div id="box-store">
<div id="box-store">
-
<h4>Store</h4>
+
<h5>Store</h5>
<p>  Pretty and safe! The new collection of our iGEMS-jewelry!</p>
<p>  Pretty and safe! The new collection of our iGEMS-jewelry!</p>
</div><!--end boxStore-->
</div><!--end boxStore-->
-
                         <a id="box-1" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project#abstract"></a>
+
                         <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>
-
</div>
 
-
<div id="news">
 
<center>
<center>
-
<h4>Team News</h4>
+
<!--<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>
 +
-->
-
<embed src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=80b3b3&bgcolor=FFFFFF&date_month=11&date_day=09&date_year=0&un=IGEM HS JAMBOREE 2012&size=normal&mo=06&da=30&yr=2012" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="240" height="80" wmode="transparent"></embed>
 
 +
<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>

Latest revision as of 11:46, 16 July 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg

 

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!