Team:Heidelberg LSL

From 2012hs.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
{{TopII}}
{{TopII}}
{{Stylesheet}}
{{Stylesheet}}
-
[[~]]
 
<!--
<!--
Line 11: Line 10:
The iGEM HS Team Heidelberg_LSL 2012
The iGEM HS Team Heidelberg_LSL 2012
-
Jakob, Tim, Mariam, Anna, Charlotte, Stefan, Katharina, Lorenz, Oskar und Dominik
+
Jakob, Tim, Mariam, Anna, Charlotte, Stefan, Katharina, Lorenz, Oskar and Dominik
============================================================================================
============================================================================================
Line 20: Line 19:
#box-1 {position: absolute;
#box-1 {position: absolute;
-
top: 430px;
+
top: 300px;
left:42px;
left:42px;
z-index:1;
z-index:1;
width:170px;
width:170px;
height: 260px;
height: 260px;
-
background-image: url(http://2012hs.igem.org/wiki/images/8/86/Eppi-1-box.png);
 
-
}
 
-
#box-1:hover {
 
-
background-image: url(http://2012hs.igem.org/wiki/images/0/00/Eppi-1-box-glow.png);
 
}
}
 +
#box-2 {position: absolute;
#box-2 {position: absolute;
-
top: 430px;
+
top: 300px;
left:237px;
left:237px;
z-index:1;
z-index:1;
width:170px;
width:170px;
height: 260px;
height: 260px;
-
background-image: url(http://2012hs.igem.org/wiki/images/7/70/Eppi-2-box.png);
 
-
}
 
-
#box-2:hover {
 
-
background-image: url(http://2012hs.igem.org/wiki/images/f/f2/Eppi-2-box-glow.png);
 
}
}
 +
#box-3 {position: absolute;
#box-3 {position: absolute;
-
top: 430px;
+
top: 300px;
left:437px;
left:437px;
z-index:1;
z-index:1;
-
width:190px;
+
width:180px;
height: 260px;
height: 260px;
-
background-image: url(http://2012hs.igem.org/wiki/images/6/68/Eppi-3-box.png);
 
-
}
 
-
#box-3:hover {
 
-
background-image: url(http://2012hs.igem.org/wiki/images/e/e1/Eppi-3-box-glow.png);
 
}
}
#box-idea{
#box-idea{
position:absolute;
position:absolute;
-
top:550px;
+
top:420px;
 +
width:170px;
}
}
Line 63: Line 53:
#box-science{
#box-science{
position:absolute;
position:absolute;
-
top:550px;
+
top:420px;
 +
width:160px;
}
}
#box-logo{
#box-logo{
position:absolute;
position:absolute;
-
top:340px;
+
top:590px;
-
left:273px;
+
left:303px;
z-index:4;
z-index:4;
}
}
Line 75: Line 66:
#box-store{
#box-store{
position:absolute;
position:absolute;
-
top:550px;
+
top:420px;
 +
width:160px;
}
}
-
#news {min-height: 710px;}
+
#main_pic{
-
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 710px;}
+
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="http://2012hs.igem.org/wiki/images/8/86/Eppi-1-box.png";
 +
IdeaArray[2].src="http://2012hs.igem.org/wiki/images/0/00/Eppi-1-box-glow.png";
 +
 +
 +
ScienceArray[1].src="http://2012hs.igem.org/wiki/images/7/70/Eppi-2-box.png";
 +
ScienceArray[2].src="http://2012hs.igem.org/wiki/images/f/f2/Eppi-2-box-glow.png";
 +
 +
StoreArray[1].src="http://2012hs.igem.org/wiki/images/6/68/Eppi-3-box.png";
 +
StoreArray[2].src="http://2012hs.igem.org/wiki/images/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 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: 300,
 
-
z-index:100;
 
-
  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>
</script>
 +
<body id="home" onload="setPageSize()">
<body id="home" onload="setPageSize()">
Line 137: Line 192:
<p> &nbsp; </p>
<p> &nbsp; </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="http://2012hs.igem.org/Main_Page"><img id="logo" src="http://2012hs.igem.org/wiki/images/3/32/IGEM_logo_main.png" width="100px"></img></a></div>
+
<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="http://2010.igem.org/wiki/images/d/d2/IGEM_official_gray4.png" width="670px"></img>
 +
</div>
 +
<center><div id="box-logo"><a href="http://2012hs.igem.org/Main_Page"><img id="logo" src="http://2012hs.igem.org/wiki/images/3/32/IGEM_logo_main.png" width="80px"></img></a></div>
<div id="box-idea">
<div id="box-idea">
-
<p></p>
+
<h5>Idea</h5>
-
<h4>&nbsp;&nbsp;&nbsp;Idea</h4>
+
<p> Our sunny thought: How to make bacteria unveil UV-radiation!</p>
-
<p> Our healthy inspiration:</br> How to make bacteria</br> unveil UV-radiation!</p>
+
</div><!--end boxIdea-->
</div><!--end boxIdea-->
<div id="box-science">
<div id="box-science">
-
<p></p>
+
<h5>Science</h5><!--&nbsp;&nbsp;&nbsp;-->
-
<h4>&nbsp;&nbsp;&nbsp;Science</h4>
+
<p> Profound experiments are followed by shiny results!</p>
-
<p> Careful constructions </br> are followed by </br> resounding results!</p>
+
</div><!--end boxScience-->
</div><!--end boxScience-->
<div id="box-store">
<div id="box-store">
-
<p></p>
+
<h5>Store</h5>
-
<h4>&nbsp;&nbsp;&nbsp;Store</h4>
+
<p>  Pretty and safe! The new collection of our iGEMS-jewelry!</p>
-
 
+
-
<p>  Pretty and safe! </br>The new collection </br> of our iGEMS-jewelry!</p>
+
</div><!--end boxStore-->
</div><!--end boxStore-->
-
                         <a id="box-1" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Project#abstract"></a>
+
                         <a id="box-1" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Project" onMouseOver="mouseOver(1)" onMouseOut="mouseOut(1)">
 +
                        <img id="pic1" src="http://2012hs.igem.org/wiki/images/8/86/Eppi-1-box.png"/></a>
-
<a id="box-2" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Measurement"></a>
+
<a id="box-2" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Measurement" onMouseOver="mouseOver(2)" onMouseOut="mouseOut(2)">
 +
                        <img id="pic2" src="http://2012hs.igem.org/wiki/images/7/70/Eppi-2-box.png"/></a>
-
<a id="box-3" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Online_store"></a>
+
<a id="box-3" href="http://2012hs.igem.org/Team:Heidelberg_LSL/Online_store" onMouseOver="mouseOver(3)" onMouseOut="mouseOut(3)">
 +
                        <img id="pic3" src="http://2012hs.igem.org/wiki/images/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="http://2012hs.igem.org/wiki/images/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="http://2012hs.igem.org/wiki/images/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="http://2012hs.igem.org/wiki/images/a/a9/Dkfz.jpg"/></a>
 +
</div>
 +
 +
<div id="b4" class="sponsors_img" style="margin-top: 12em;">
 +
<a href="http://www.jugendstiftung.de/"><img src="http://2012hs.igem.org/wiki/images/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="http://2012hs.igem.org/wiki/images/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="http://2012hs.igem.org/wiki/images/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>
-
05/25/12 - Heidelberg-LSL is registered for the </br> iGEM HS Jamboree 2012!
 
-
 
<div class="img">
<div class="img">
-
   <img src="http://2012hs.igem.org/wiki/images/7/75/Team_roundcorners.png" alt="Team" width="220"/>
+
<a href="http://2012hs.igem.org/Team:Heidelberg_LSL/Team">
 +
   <img src="http://2012hs.igem.org/wiki/images/6/63/IGEMS-Team1roundcorners.jpg" alt="Team" width="220"/>
 +
 
</center>
</center>
</p>
</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>
</center>
</div><!--end news-->
</div><!--end news-->

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!