Template:Team:TU Munich/Overview

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
<style>
+
<script language="JavaScript" src="https://2012.igem.org/Team:TU_Munich/accordionImageMenu-0.4.min.js?action=raw&ctype=text/js"></script>
-
 
+
<link rel="stylesheet" href="https://2012.igem.org/Team:TU_Munich/accordionImageMenu.css?action=raw&ctype=text/css" type="text/css" />
-
.mlu {
+
<script type="text/javascript">
-
    display: block;
+
-
    float: left;
+
-
    width: 435px;
+
-
    min-height: 250px;
+
-
    padding: 10px;
+
-
    margin-left: 14px;
+
-
    margin-right: 0px;
+
-
    margin-bottom: 0px;
+
-
    border: medium solid rgb(255,122,97);
+
-
    background-color: rgb(255, 122, 97);
+
-
    border-top-left-radius: 20px;
+
-
}
+
-
 
+
-
.mru {
+
-
    display: block;
+
-
    float: right;
+
-
    width: 435px;
+
-
    min-height: 250px;
+
-
    padding: 10px;
+
-
    margin-left: 0px;
+
-
    margin-right: 14px;
+
-
    margin-bottom: 0px;
+
-
    border: medium solid rgb(116, 183, 112);
+
-
    background-color: rgb(116, 183, 112);
+
-
    border-top-right-radius: 20px;
+
-
}
+
-
 
+
-
.mlb {
+
-
    display: block;
+
-
    float: left;
+
-
    width: 435px;
+
-
    min-height: 250px;
+
-
    padding: 10px;
+
-
    margin-left: 14px;
+
-
    margin-right: 0px;
+
-
    margin-top: 0px;
+
-
    border: medium solid rgb(202, 85, 85);
+
-
    background-color: rgb(202, 85, 85);
+
-
    border-bottom-left-radius: 20px;
+
-
}
+
-
 
+
-
.mrb {
+
-
    display: block;
+
-
    float: right;
+
-
    width: 435px;
+
-
    min-height: 250px;
+
-
    padding: 10px;
+
-
    margin-left: 0px;
+
-
    margin-right: 14px;
+
-
    margin-top: 0px;
+
-
    border: medium solid rgb(192, 167, 4);
+
-
    background-color: rgb(192, 167, 4);
+
-
    border-bottom-right-radius: 20px;
+
-
}
+
-
 
+
-
.sproj {
+
-
    margin-top: 100px;
+
-
    text-align: center;
+
-
    font-size: 300%;
+
-
    font-weight: bold;
+
-
    color: white;
+
-
}
+
-
 
+
-
</style>
+
-
<script>
+
$(document).ready(function() {
$(document).ready(function() {
-
  $('.sproj').click(function() {
+
$('#Ingredients').AccordionImageMenu();
-
    $('.sproj:hover').addClass('active')
+
        $('#Regulation').AccordionImageMenu();
-
    $('.sproj:hover').animate({
+
         $('#OutsidetheLab').AccordionImageMenu();
-
         "border-radius": "20px",
+
     });
-
        "width": "870px",
+
-
        "height": "500px"
+
-
    },5000);
+
-
    console.log('blah')
+
-
    $('.sproj').not('.active').animate({
+
-
        "width": "0px",
+
-
        "height": "0px"
+
-
    },5000);
+
-
     console.log('blah')
+
-
  });
+
-
});
+
</script>
</script>
-
</html>
 
-
 
-
<div class="mlu">
 
-
<div class="sproj">Ingredients</div>
 
-
</div>
 
-
<div class="mru">
 
-
<div class="sproj">Regulation</div>
 
-
</div>
 
-
<div class="mlb">
+
== Ingredients ==
-
<div class="sproj">Modeling</div>
+
<ul id='Ingredients'>
-
</div>
+
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Thaumatin'><span>Thaumatin</span><img src='image1.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Limonene'><span>Limonene</span><img src='image2.jpg/></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Caffeine'><span>Caffeine</span><img src='image4.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Xanthohumol'><span>Xanthohumol</span><img src='image3.jpg' /></a></li>
 +
</ul>
 +
== Regulation ==
 +
<ul id='Regulation'>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Vector_Design'><span>Vector Design</span><img src='image1.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Light_Switchable_Promoter'><span>Light Switchable Promoter</span><img src='image2.jpg/></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Ethanol_Inducible_Promoter'><span>Ethanol Inducible Promoter</span><img src='image3.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Constitutive_Promoter'><span>Constitutive Promoter</span><img src='image4.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Project/Genome_Integration'><span>Genome Integration</span><img src='image5.jpg' /></a></li>
 +
</ul>
-
<div class="mrb">
+
== Outside the Lab ==
-
<div class="sproj">Human Practice</div>
+
<ul id='#OutsidetheLab'>
-
</div>
+
  <li><a href='https://2012.igem.org/Team:TU_Munich/Modeling/Methods'><span>Modeling</span><img src='image1.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Results/RFC'><span>RFC</span><img src='image2.jpg/></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Human_Practice/Politics'><span>Panel Discussion</span><img src='image3.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Human_Practice/Information_Day'><span>Information Day</span><img src='image4.jpg' /></a></li>
 +
  <li><a href='https://2012.igem.org/Team:TU_Munich/Human_Practice/School_Visit'><span>School Visit</span><img src='image5.jpg' /></a></li>
 +
</ul>

Revision as of 21:42, 14 September 2012


== Ingredients ==

== Regulation == == Outside the Lab ==