Team:Heidelberg LSL

From 2012hs.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
{{TopII}}
{{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
 +
 +
============================================================================================
/-->
/-->
Line 10: Line 19:
#box-1 {position: absolute;
#box-1 {position: absolute;
-
top: 150px;
+
top: 300px;
left:42px;
left:42px;
z-index:1;
z-index:1;
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;
-
top: 150px;
+
top: 300px;
left:237px;
left:237px;
z-index:1;
z-index:1;
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;
-
top: 150px;
+
top: 300px;
left:437px;
left:437px;
z-index:1;
z-index:1;
-
width:190px;
+
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);
+
#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: 430px;}
+
#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 59: 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>
 +
<body id="home" onload="setPageSize()">
<body id="home" onload="setPageSize()">
Line 72: Line 192:
<p> &nbsp; </p>
<p> &nbsp; </p>
-
<center><img id"kette" src="https://static.igem.org/mediawiki/2012hs/3/38/Chain-logo.png" width="650px"></img></center>
+
<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">
<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> Here we present  </br> the theory of our </br> UV-indicating bacteria!</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> This is our science!</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-jewellery!</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/Project_UVsensors"></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>
<center>
<center>
-
05/25/12 - Heidelberg-LSL is registered for the </br> iGEM HS Jamboree 2012!
 
-
 
<div class="img">
<div class="img">
-
   <img src="https://static.igem.org/mediawiki/2012hs/7/75/Team_roundcorners.png" alt="Team" width="220"/>
+
<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>
</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!