Team:Heidelberg LSL

From 2012hs.igem.org

(Difference between revisions)
(Prototype team page)
 
(136 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{TopII}}
 +
{{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>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #fe2b33; /*background-color: #fe2b33;*/">
+
<style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; /*color: #f6f6f6*/; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
#box-1 {position: absolute;
-
</div>
+
top: 300px;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
left:42px;
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
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;
 +
                        text-align: justify;
 +
                        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">
 +
 
 +
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()">
 +
 
 +
 
 +
 
 +
<div id="super_main_wrapper">
 +
<div id="SubWrapper">
 +
 
 +
 
 +
<p> &nbsp; </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>
-
<div id="warning" style="/*text-align: center;*/ font-weight: bold; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
<div id = "bg_pic">
-
You <strong>MUST</strong> have the following information on your wiki:
+
<img id="bg" src="https://static.igem.org/mediawiki/2010/d/d2/IGEM_official_gray4.png" width="670px"></img>
-
<ul style="font-weight:normal;">
+
-
<li>a team description</li>
+
-
<li>project description</li>
+
-
<li>safety information (did your team take a safety training course? were you supervised in the lab?)</li>
+
-
<li>team attribution (who did what part of your project?)</li>
+
-
</ul>
+
-
You may also wish to add other page such as:
+
-
<ul style="font-weight:normal;">
+
-
<li>lab notebook</li>
+
-
<li>sponsor information</li>
+
-
<li>other information</li>
+
-
</ul>
+
-
REMEMBER, keep all of your pages within your teams namespace. <br><span style="font-weight:normal; font-style:italic;">Example: 2012hs.igem.org/Team:Heidelberg_LSL/Our_Pets</span>
+
</div>
</div>
-
</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>
-
</html>
+
-
<!-- *********************** End of the alert box *********************** -->
+
<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><!--&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-->
-
{|align="justify"
+
                        <a id="box-1" href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project" onMouseOver="mouseOver(1)" onMouseOut="mouseOut(1)">
-
|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.
+
                        <img id="pic1" src="https://static.igem.org/mediawiki/2012hs/8/86/Eppi-1-box.png"/></a>
-
|[[Image:Heidelberg_LSL_logo.png|200px|right|frame]]
+
-
|-
+
<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>
-
''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]]
+
<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>
-
|
+
-
|align="center"|[[Team:Heidelberg_LSL | Team Heidelberg_LSL]]
+
-
|}
+
-
<!--- Team Information Link --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[https://igem.org/Team.cgi?year=2012&division=high_school&team_name=Heidelberg_LSL Official Team Profile]
 
-
|}
 
-
===Team===
 
-
Tell us about your team, your school!
 
 +
<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>
 +
-->
-
===Project===
 
-
What are you working on this semester?
 
 +
<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>
-
===Notebook===
 
-
Show us how you spent your days.
 
 +
<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>
-
===Results/Conclusions===
+
<div id="b3" class="sponsors_img" style="margin-top: 8em;">
-
What did you achieve over the course of your semester?
+
<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>
-
===Safety===
+
<div id="b5" class="sponsors_img" style="margin-top: 10em;">
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
<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-->
-
===Attributions===
+
<div id="news">
-
Who worked on what?
+
<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"/>
-
===Human Practices===
+
</center>
-
What impact does/will your project have on the public? 
+
</p>
-
===Fun!===
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
What was your favorite team snack?? Have a picture of your team mascot?
+
<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">
-
<forum_subtle />
+
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"