Team:Heidelberg LSL

From 2012hs.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 1: Line 1:
 +
{{TopII}}
{{Stylesheet}}
{{Stylesheet}}
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!--
 +
============================================================================================
 +
*** 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;}
-
<style type="text/css">
 
-
#news {min-height: 2000px;}
 
-
h2 {padding: 10px 20px;
 
-
                        font-size: 18px;
 
-
                        color: #80b3b3;
 
-
                        font-decoration: none;
 
-
                        font-weight: bold;}
 
-
h4 {padding: 10px 10px;
 
-
                        font-size: 16px;
 
-
                        color: #80b3b3;
 
-
                        font-decoration: none;
 
-
                        font-weight: bold;}
 
-
.gallery{ width: 640px;
 
-
                      }
 
.gallery p  {padding: 0 20px;
.gallery p  {padding: 0 20px;
                         text-align: justify;
                         text-align: justify;
                         font-size: 12px;}
                         font-size: 12px;}
-
.gallery h3 {padding: 10px 20px;
 
-
                        font-size: 18px;}
 
-
.gallery img {margin: 0 15px 15px 17px;
 
-
                        border-color: #FFF;
 
-
border-style:solid;
 
-
text-align:center;
 
-
                        float:left;}
 
-
.sponsors_img {
 
-
                        width: 210px;
 
-
                        background-color: #fff;
 
-
                        border: 2px solid #FFF;
 
-
                        }
 
-
</style>
+
div.img
 +
  {
 +
  margin:2px;
 +
  height:auto;
 +
  width:auto;
 +
  float:center;
 +
  text-align:center;
 +
  }
-
<body id="home" onload="setPageSize()">
+
#b1{ position:absolute;
-
</br>
+
top:650px; left:50px; width:100px;
 +
}
-
<div style="text-align:justify;">
+
#b2{ position:absolute;
-
<h2>Unveiling the Invisible Danger </h2>
+
top:630px; left:260px;width:100px;
-
<h4>A Synthetic, Multicolor measurement Toolkit for the precise Quantification of UV and Radioactive Radiation</h4>
+
}
 +
#b3{ position:absolute;
 +
top:650px; left:500px;width:100px;
 +
}
-
UV radiation and radioactivity are two main natural radiation types we get in contact with each and every day. In low doses, UV and radioactive radiation are mostly harmless to cells and can even be beneficial for the survival of an organism, i.e. UV-B, which is mandatory for Vitamin D3 production in the human body. Still, exceeding the healthy range, radiation can cause severe cellular damage, which- in the worst case- leads to diseases like radiation-sickness and finally cancer in humans.
+
#b4{ position:absolute;
-
Although many people in our modern society generally know about the potential danger of sunlight (UV radiation), the true public awareness of the “invisible danger” of harmful radiation is insufficient. This is reflected by an increasing number of melanoma patients in western countries every year, promoted- besides other factors- by an overall increase of extensive sun bathing or usage of tanning beds.
+
top:750px; left:50px;width:100px;
-
The iGEM Team Life-Science Lab Heidelberg will develop a multicolor measurement toolkit consisting of standardized measurement parts for the precise quantification of both UV and radioactive radiation, applicable in a wide variety of everyday life settings- from checking the exposure of your body to UV-light during a sun bath to detecting dangerous sources of radioactivity in high-risk-areas, such as atomic power plants. Our multicolor measurement toolkit will offer a cheap, robust and easy-to-use approach for the detection of radiation and its application will not require any special equipment. Thus, it has a great potential to become a synthetic biology product widely used in our daily lives. With our project, we will offer the synthetic biology community a valuable collection of new, widely-applicable and well-characterized measurement parts and thereby contribute to the future development of the whole synthetic biology field.
+
}
-
</div>
+
-
</body>
+
#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">
-
function setPageSize() {
+
 
-
len = document.getElementById('super_main_wrapper').offsetHeight;
+
var IdeaArray = new Array();
-
document.getElementById('bodyContent').style.height = len + 'px';
+
var ScienceArray = new Array();
-
document.getElementById('SupWrapper').style.height = len + 'px';
+
var StoreArray = new Array();
-
document.getElementById('news').style.height = len + 'px';
+
 
 +
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>
-
</html>
 
-
<!---
 
-
<center>
 
-
<script type="text/javascript">
 
-
// Countdown
 
-
var datum = new Date("June 30, 2012 00:00:00 GMT");
 
-
var d = new Date();
 
-
var count = Math.floor((datum.getTime() - d.getTime()) / 1000);
 
-
count = Math.floor(count / (60*60*24));
 
-
document.write(count);
 
-
</script>
 
-
days until June, 30th 2012
 
-
</center>
 
-
--->
 
-
<!---
 
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:Heidelberg_LSL_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Heidelberg_LSL_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Heidelberg_LSL | Team Heidelberg_LSL]]
 
-
|}
 
-
--->
 
 +
<body id="home" onload="setPageSize()">
-
<!---
 
-
===Team===
 
-
Who we are.
 
-
==== Group ====
 
-
Here goes the team picture and an overall description.
 
-
==== Participants ====
 
-
Profiles of the babies.
 
-
==== Advisors ====
 
-
Profiles of the doters.
 
-
==== Venues ====
 
-
DKFZ & HLSL...
 
-
==== Gallery ====
 
-
Photos, photos, photos!
 
-
==== Acknowledgement ====
 
-
Thank you all, especially sponsors and/or parents!
 
-
===Project===
 
-
What are you working on this semester?
 
-
==== Abstract ====
 
-
==== Introduction ====
 
-
==== Science ====
 
-
==== Jewelry ====
 
-
==== Computation ====
 
-
==== Conclusions and Outlook ====
 
-
==== References ====
 
-
Literature.
 
-
==== Attributions ====
 
-
Who worked on what?
 
-
===Notebook===
+
<div id="super_main_wrapper">
-
==== Timeline ====
+
<div id="SubWrapper">
-
==== Materials ====
+
-
==== Methods ====
+
-
===Results===
 
-
What did you achieve over the course of your semester?
 
-
Graphs and their interpretation (+ modeling?) Be cautious with redundancy to the project section.
+
<p> &nbsp; </p>
-
==== Parts ====
+
-
==== Characterization ====
+
-
===Safety===
+
<div id="main_pic">
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
<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>
-
===Human Practices===
+
<div id="box-idea">
-
What impact does/will your project have on the public?
+
<h5>Idea</h5>
-
==== Merchandising ====
+
<p> Our sunny thought: How to make bacteria unveil UV-radiation!</p>
 +
</div><!--end boxIdea-->
-
===Fun!===
+
<div id="box-science">
-
What was your favorite team snack?? Have a picture of your team mascot? [[~]]
+
<h5>Science</h5><!--&nbsp;&nbsp;&nbsp;-->
-
--->
+
<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-->
-
<forum_subtle />
+
                        <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

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!

Retrieved from "http://2012hs.igem.org/Team:Heidelberg_LSL"