Team:Heidelberg

From 2013.igem.org

(Difference between revisions)
m
 
(248 intermediate revisions not shown)
Line 5: Line 5:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
.popover .arrow:after {
+
 
-
    border-width: 0;
+
-
}
+
ul {
ul {
     line-height: 1em;
     line-height: 1em;
Line 13: Line 11:
.item ul {
.item ul {
     left: 50%;
     left: 50%;
 +
}
 +
/* Image map styles */
 +
.imageMap {width:100%; position:relative;}
 +
.imageMap img {display:block; width:100%; border-radius:20px;}
 +
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
 +
.imageMap a {display:block; position:absolute; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
 +
.imageMap a.p1 {height: 28%;left: 14.3%;top: 37%;transform: rotate(40deg);-ms-transform:rotate(40deg); /* IE 9 */
 +
-webkit-transform:rotate(40deg); /* Safari and Chrome */ width: 4.3%;}
 +
.imageMap a.p2 {height: 28%;left: 19.1%;top: 38.5%;transform: rotate(-18deg);-ms-transform:rotate(-18deg); /* IE 9 */
 +
-webkit-transform:rotate(-18deg); /* Safari and Chrome */width: 4.3%;}
 +
.imageMap a.p3 {height: 28.5%;left: 23.8%;top: 37%;transform: rotate(32deg);-ms-transform:rotate(32deg); /* IE 9 */
 +
-webkit-transform:rotate(32deg); /* Safari and Chrome */width: 4.3%;}
 +
.imageMap a.p4 {height: 46%;left: 30.4%;top: 20%;transform: rotate(18deg);-ms-transform:rotate(18deg); /* IE 9 */
 +
-webkit-transform:rotate(18deg); /* Safari and Chrome */width: 6.3%;}
 +
.imageMap a.p5 {height: 28%;left: 36.2%;top: 39.5%;transform: rotate(-8deg);-ms-transform:rotate(-8deg); /* IE 9 */
 +
-webkit-transform:rotate(-8deg); /* Safari and Chrome */width: 4.3%;}
 +
.imageMap a.p6 {height: 38%;left: 42%;top: 27%;transform: rotate(23deg);-ms-transform:rotate(23deg); /* IE 9 */
 +
-webkit-transform:rotate(23deg); /* Safari and Chrome */width: 5.6%;}
 +
.imageMap a.p7 {height: 46%;left: 48.8%;top: 20%;transform: rotate(-27deg);-ms-transform:rotate(-27deg); /* IE 9 */
 +
-webkit-transform:rotate(-27deg); /* Safari and Chrome */width: 6.3%;}
 +
.imageMap a.p8 {height: 57%;left: 56.3%;top: 8%;transform: rotate(23.5deg);-ms-transform:rotate(23.5deg); /* IE 9 */
 +
-webkit-transform:rotate(23.5deg); /* Safari and Chrome */width: 8%;}
 +
.imageMap a.p9 {height: 28%;left: 64.2%;top: 37%;transform: rotate(-45deg);-ms-transform:rotate(-45deg); /* IE 9 */
 +
-webkit-transform:rotate(-45deg); /* Safari and Chrome */width: 4%;}
 +
.imageMap a.p10 {height: 28.5%;left: 68.8%;top: 38%;transform: rotate(22deg);-ms-transform:rotate(22deg); /* IE 9 */
 +
-webkit-transform:rotate(22deg); /* Safari and Chrome */width: 4.1%;}
 +
.imageMap a.p11 {height: 46%;left: 73%;top: 20%;transform: rotate(-18deg);-ms-transform:rotate(-18deg); /* IE 9 */
 +
-webkit-transform:rotate(-18deg); /* Safari and Chrome */width: 6.3%;}
 +
.imageMap a.p12{height: 41%;left: 81.7%;top: 25%;transform: rotate(24.5deg);-ms-transform:rotate(24.5deg); /* IE 9 */
 +
-webkit-transform:rotate(24.5deg); /* Safari and Chrome */width: 5.6%;}
 +
.imageMap a.p13{height: 29%;left: 87.8%;top: 36.5%;transform: rotate(40deg);-ms-transform:rotate(40deg); /* IE 9 */
 +
-webkit-transform:rotate(40deg); /* Safari and Chrome */width: 4%;}
 +
.imageMap a.p14{height: 29%;left: 92.4%;top: 38%;transform: rotate(-16deg);-ms-transform:rotate(-16deg); /* IE 9 */
 +
-webkit-transform:rotate(-16deg); /* Safari and Chrome */width: 4%;}
 +
                .imageMap a.p15 {height: 28%;left: 21.3%;top: 11.7%;transform: rotate(26deg);;-ms-transform:rotate(26deg); /* IE 9 */
 +
-webkit-transform:rotate(26deg); /* Safari and Chrome */width: 4.3%;}
 +
                .imageMap a.p16 {height: 28%;left: 66.5%;top: 10.5%;transform: rotate(-10deg);;-ms-transform:rotate(-10deg); /* IE 9 */
 +
-webkit-transform:rotate(-10deg); /* Safari and Chrome */width: 4.3%;}
 +
 +
.imageMap:hover .hotspots {visibility:visible;}
 +
.imageMap p strong {display:block; padding:0; margin:0; font: bold 25px/30px 'times new roman',serif; color:#000;}
 +
.imageMap p {padding:0; margin:0; font: normal 18px/22px 'times new roman',serif; color:#444;}
 +
 +
.imageMap b {display:block; position:absolute; background:url(trans.gif); z-index:200; opacity:0.2; filter: alpha(opacity=20); padding:1px;
 +
-webkit-transition:0.75s;
 +
-moz-transition:0.75s;
 +
-o-transition:0.75s;
 +
transition:0.75s;
 +
}
 +
.imageMap b.b1 {left:11%; top:5%; width:25%; height:34%;}
 +
.imageMap b.b2 {left:76%; top:13%; width:21%; height:30%;}
 +
.imageMap b.b3 {left:5%; top:44%; width:22%; height:42%;}
 +
.imageMap b.b4 {left:28%; top:41%; width:26.5%; height:43%;}
 +
.imageMap b.b5 {left:55%; top:64%; width:15%; height:26%;}
 +
.imageMap b.b6 {left:72%; top:53%; width:25%; height:35%;}
 +
 +
.imageMap .hotspots div:hover b {width:0; padding:0;}
 +
.imageMap .hotspots div:hover p {display:block;}
 +
.imageMap .hotspots div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30);}
 +
 +
/* adapt bootstrap modal so it makes the welcome text a bit more prominent*/
 +
.modal-backdrop.in {
 +
    opacity: 0.7;
 +
}
 +
.modal-dialog {
 +
    width:90%;
 +
}
 +
.modal-header {
 +
  border-bottom: medium none;
 +
}
 +
.modal-title {
 +
  font-size:200%;
 +
  text-align:center;
 +
}
 +
.modal-body {
 +
  padding-top:0px;
 +
}
 +
.modal-body * {
 +
  font-size:1.1em;
 +
  text-align:justify;
 +
}
 +
.btn-group-lg {
 +
  padding: 0 1.4em;
 +
}
 +
.btn-group-lg > .btn {
 +
  padding-left: 0.85em;
 +
  padding-right: 0.85em;
 +
}
 +
.tour {
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    background-size: 200px 100px;
 +
    display: inline-block;
 +
    height: 100px;
 +
    width: 100px;
 +
}
 +
.tour:hover {
 +
    background-position: right center; 
}
}
</style>
</style>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2013/a/a6/Heidelberg_go_up2.png" style="bottom: 15px;padding: 10px;position: fixed;right: 15px;max-width:70px; z-index:10000000000000;"></a>
<div style="margin-left:1%; margin-right:1%">
<div style="margin-left:1%; margin-right:1%">
-
<a href="https://2013.igem.org" style="position:absolute;top:0;left:0.5%;"><img src="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70"></img></a>
+
<a href="https://2013.igem.org" style="left:0.5%;"><img src="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70"></img></a>
     <div class="row">    
     <div class="row">    
Line 28: Line 125:
                 <ul style="display: none;">
                 <ul style="display: none;">
                     <li><a href="/Team:Heidelberg/Team">Team Members</a></li>
                     <li><a href="/Team:Heidelberg/Team">Team Members</a></li>
-
                     <li><a href="#">Attributions</a></li>
+
                     <li><a href="/Team:Heidelberg/AttributionsII">Attributions</a></li>
-
                     <li><a href="#">Instructors</a></li>
+
                     <li><a href="/Team:Heidelberg/Team/Collaboration">Collaborations</a></li>
 +
                    <li><a href="/Team:Heidelberg/Team/Sponsors">Sponsors</a></li>
 +
<img style="max-width:40px; position:absolute; right: 170px;top:130px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Team/Gallery">Gallery</a></li>
                 </ul>
                 </ul>
             </div>
             </div>
Line 37: Line 137:
                 <h2 class="">Project</h2>
                 <h2 class="">Project</h2>
                 <ul style="display: none;">
                 <ul style="display: none;">
-
    <li><a href="/Team:Heidelberg/Project">Overview</a></li>
+
     
-
                     <li><a href="/Team:Heidelberg/Project/Indigoidine">Indigoidine</a></li>
+
                    <img style="max-width:40px; position:absolute; right: 200px;top:0px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                     <li><a href="/Team:Heidelberg/Project/Tyrocidine">Tyrocidine</a></li>
+
<img style="max-width:40px; position:absolute; right: 200px;top:140px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                     <li><a href="/Team:Heidelberg/Project/Delftibactin">Delftibactin</a></li>
+
<img style="max-width:40px; position:absolute; right: 200px;top:100px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/NRPS">Background</a></li>
 +
                    <li><a href="/Team:Heidelberg/Project">Overview</a></li>
 +
                   
 +
                    <li><a href="/Team:Heidelberg/Project/Tyrocidine">Synthetic Peptides</a></li>
 +
                     <li><a href="/Team:Heidelberg/Project/Indigoidine-Tag">Indigoidine-Tag</a></li>
 +
                     <li><a href="/Team:Heidelberg/Project/Tag-Optimization">Tag Optimization</a></li>
 +
                     <li><a href="/Team:Heidelberg/Project/Delftibactin">Gold Recycling</a></li>
 +
                    <li><a href="/Team:Heidelberg/Project/Achievements">Achievements</a></li>
 +
                   
                 </ul>
                 </ul>
             </div>
             </div>
Line 50: Line 159:
                 <ul style="display: none;">
                 <ul style="display: none;">
                     <li><a href="/Team:Heidelberg/Indigoidine">Indigoidine</a></li>
                     <li><a href="/Team:Heidelberg/Indigoidine">Indigoidine</a></li>
-
                     <li><a href="/Team:Heidelberg/Tyrocidine">Tyrocidine</a></li>
+
                     <li><a href="/Team:Heidelberg/Tyrocidine">Module Shuffling</a></li>
-
                     <li><a href="/Team:Heidelberg/Delftibactin">Delftibactin</a></li>
+
                     <li><a href="/Team:Heidelberg/Delftibactin">Gold Recycling</a></li>  
-
                     <li><a href="/Team:Heidelberg/NRPSDesigner">NRPSDesigner</a></li>
+
                     <li><a href="/Team:Heidelberg/NRPSDesigner">NRPSDesigner</a></li>              
 +
                    <li><a href="/Team:Heidelberg/Materials">Materials</a></li>
 +
                    <li><a href="/Team:Heidelberg/Notebook/Methods">Methods</a></li>   
                 </ul>
                 </ul>
             </div>
             </div>
             <div class="item parts">
             <div class="item parts">
-
                 <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/2/2f/Heidelberg_bg_parts.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
+
                 <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_parts2.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
                 <a class="icon" href="#"></a>
                 <a class="icon" href="#"></a>
                 <h2>Parts</h2>
                 <h2>Parts</h2>
                 <ul>
                 <ul>
-
                     <li><a href="#">Favorite parts</a></li>
+
                     <li><a href="/Team:Heidelberg/Parts">Submitted parts</a></li>
-
                     <li><a href="#">Submitted parts</a></li>
+
                    <img style="max-width:40px; position:absolute; right: 170px;top:25px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                     <li><a href="/Team:Heidelberg/Favorite_Parts">Favorite parts</a></li>
 +
                    <img style="max-width:40px; position:absolute; right: 170px;top:65px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/RFCs">Our RFCs</a></li>
                 </ul>
                 </ul>
             </div>
             </div>
Line 69: Line 183:
                 <h2 class="">Software</h2>
                 <h2 class="">Software</h2>
                 <ul style="display: none;">
                 <ul style="display: none;">
-
                     <li><a href="#">NRPS designer</a></li>
+
                     <li><a href="/Team:Heidelberg/Project_Software">Project</a></li>
-
                     <li><a href="#">iGEM42</a></li>
+
                     <li><a href="http://igem2013.bioquant.uni-heidelberg.de/NRPSDesigner/">NRPSDesigner</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/iGEM42">iGEM42</a></li>
 +
<img style="max-width:40px; position:absolute; right: 150px;top:100px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/OpenSource">Open Source</a></li>
 +
                    <img style="max-width:40px; max-height:40px; position: absolute; right: 150px; top: 140px;" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Project/AchievementsSoftware">Achievements</a></li>
                 </ul>
                 </ul>
             </div>
             </div>
Line 78: Line 197:
                 <h2>Human Practice</h2>
                 <h2>Human Practice</h2>
                 <ul>
                 <ul>
-
                     <li><a href="/Team:Heidelberg/Outreach">Outreach</a></li>
+
                     <li><a href="/Team:Heidelberg/HumanPractice">Overview</a></li>
-
                     <li><a href="#">Ethics</a></li>
+
<img style="max-width:40px; position:absolute; right:190px;top:25px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                     <li><a href="/Team:Heidelberg/HumanPractice/BroadPublic">Broad Public</a></li>
 +
<img style="max-width:40px; position:absolute; right:190px;top:65px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Survey">Survey</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/YoungGeneration">Young Generation</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Artists">Arts and Science</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/BeyondScience">Beyond Science</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Experts">Experts</a></li>
                 </ul>
                 </ul>
             </div>  
             </div>  
Line 87: Line 213:
                 <h2>Safety</h2>
                 <h2>Safety</h2>
                 <ul>
                 <ul>
-
                     <li><a href="/Team:Heidelberg/Safety">Be save in the lab</a></li>
+
                     <li><a href="/Team:Heidelberg/Safety">Safety</a></li>
-
                    <li><a href="#">Biosafety sheet</a></li>
+
                 </ul>
                 </ul>
             </div>
             </div>
-
<img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1;width:110%;">  
+
            <div class="item model">
 +
                <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/archive/1/1d/20131021232127!Heidelberg_model_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
 +
                <a class="icon" href="#"></a>
 +
                <h2>Modeling</h2>
 +
                <ul>
 +
                    <img style="max-width:40px; position:absolute; right: 170px;top:0px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Modelling/Gold_Recovery">Gold Recycling</a></li>
 +
                    <img style="max-width:40px; position:absolute; right: 170px; top:40px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Modelling/Ind_Production">ind-Production</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
<div style="width:90%;margin-top:100px;">
 +
<img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1;width:100%;">
 +
<a href="/Team:Heidelberg/RFCs" style="position:absolute;left:24%;top:48%;"  target="_blank"><span class="highlight_button_pulse" style="background-image: url('https://static.igem.org/mediawiki/2013/7/7f/Heidelberg_bn_round_rfc100.png');animation-delay:0.8s;-moz-animation-delay:0.8s;-webkit-animation-delay:0.8s;"></span></a>
 +
<a href="/Team:Heidelberg/RFCs#rfc99" style="position:absolute;left:35%;top:43%;"  target="_blank"><span class="highlight_button_pulse" style="background-image: url('https://static.igem.org/mediawiki/2013/0/01/Heidelberg_bn_round_rfc99.png');animation-delay:0.6s;-moz-animation-delay:0.6;-webkit-animation-delay:0.6s;"></span></a>
 +
<a href="http://igem2013.bioquant.uni-heidelberg.de/NRPSDesigner/" style="position:absolute;left:46%;top:45%;"  target="_blank"><span class="highlight_button_pulse" style="background-image: url('https://static.igem.org/mediawiki/2013/0/0d/Heidelberg_bn_round_NRPSDesigner.png');animation-delay:0.4s;-moz-animation-delay:0.4s;-webkit-animation-delay:0.4s;"></span></a>
 +
<a href="https://2013.igem.org/Team:Heidelberg/Favorite_Parts" style="position:absolute;left:55%;top:55%;"  target="_blank"><span class="highlight_button_pulse" style="background-image: url('https://static.igem.org/mediawiki/2013/7/79/Heidelberg_bn_round_synPart.png');animation-delay:0.2s;-moz-animation-delay:0.2s;-webkit-animation-delay:0.2s;"></span></a>
 +
<a href="https://2013.igem.org/Team:Heidelberg/Favorite_Parts" style="position:absolute;left:61%;top:69%;"  target="_blank"><span
 +
class="highlight_button_pulse" style="background-image: url('https://static.igem.org/mediawiki/2013/0/0b/Heidelberg_bn_round_natPart.png');"></span></a>
 +
</div>
         </div>
         </div>
-
<div class="col-md-4 col-lg-4 col-logo">
+
<div class="col-md-4 col-lg-4 col-logo" style="margin-top:-3%">
             <img id='logo' alt="" src="https://static.igem.org/mediawiki/2013/6/60/Heidelberg_team_logo.png" style="margin-right:3%;margin-bottom:5%;width:100%;">  
             <img id='logo' alt="" src="https://static.igem.org/mediawiki/2013/6/60/Heidelberg_team_logo.png" style="margin-right:3%;margin-bottom:5%;width:100%;">  
             <a href="https://www.facebook.com/pages/IGEM-Team-Heidelberg-2013/265102553624765"><img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_Fb.png" height="50" style="float:right; margin-right:10%"/></a>
             <a href="https://www.facebook.com/pages/IGEM-Team-Heidelberg-2013/265102553624765"><img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_Fb.png" height="50" style="float:right; margin-right:10%"/></a>
             <a href="https://twitter.com/igem_heidelberg"><img src="https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_Tw.png" height="50" style="float:right; margin-right:2% "/></a>
             <a href="https://twitter.com/igem_heidelberg"><img src="https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_Tw.png" height="50" style="float:right; margin-right:2% "/></a>
 +
           
 +
               
-
   
+
  <div class="row">
 +
<p style="font-size:20px; color:#999999; text-align:left"> Grand Prize Winner <br/> Best Foundational Advance Award <br/> Best Poster Europe </p>
 +
</div>         
 +
<noscript>
 +
  <h3 style="color:#FFCC00">It seems to be that you have JavaScript disabled. We strongly recommand you to enable JavaScript in order to navigate through our site. Nevertheless we want to welcome you <a href="/Team:Heidelberg/Templates/Welcome">here</a>!</h3>
 +
</noscript>
 +
<a href="/Team:Heidelberg/Tour" style="margin-left:58%; margin-top:2%"><span class="tour" style="background-image:url('https://static.igem.org/mediawiki/2013/8/81/Heidelberg_tour_btn.png')"></span></a>
-
            <span style="float:right; margin-top:10%; margin-right:5%;; font-family:Arial, sans-serif" class="btn btn-default btn-lg btn-popover" data-content="For centuries, alchemists believed in the existence of the Philosopher’s Stone, a mysterious substance not only able to turn common metals into precious ones, such as silver and gold, but even capable of fulfilling mankind’s ultimate desires: rejuvenation and immortality.
+
<a class="fancybox-media" href="//www.youtube.com/embed/lwHrOqN8cj4">
-
            Although the Philosopher’s Stone has never been found, the quest for it has pushed alchemists to test in their laboratories numerous substances and their interactions, building up a solid knowledge that can be found nowadays in the sciences of chemistry, metallurgy and pharmacology. </br>
+
<p style="color:#999999; font-size:24px; margin-left:50%; margin-top:2%">Watch our Video!</p>
 +
<img src="https://static.igem.org/mediawiki/2013/a/af/Heidelberg_video_play.png" style="margin-left:50%"></a>
 +
  </div>
 +
</div>
 +
</div>
-
            Living in the 21st century research-driven world, our belief in the Philosopher’s Stone has faded. Yet we are, now as ever, still on a quest, looking for solutions not only to help individuals live long and healthy, but also to solve the ecological problems we ourselves have created in the course of modernization. Contrary to the past, we now believe that we should not simply look for magical substances hidden somewhere in nature, rather we shall be inspired by it and create new tools for actively addressing the challenges of our society.</br>
 
-
 
-
            Let us take you on a journey where you will meet a new class of molecules that holds the potential to revolutionize synthetic biology: the non-ribosomal peptide synthetases. We will teach you how to unlock their enormous potential for generating entirely synthetic peptides with various, customized functions, such as recycling gold from electronic waste.
 
-
            </br></br>
 
-
 
-
            Take your chance!</br>
 
-
            Join our quest!" title="" data-tigger="click" data-title="Welcome!">Welcome! Click here!</span>
 
-
 
-
     
 
-
            <h3 style="font-size:21px; float:right; margin-right:5%;">Check out our Highlights:</h3>
 
-
<div class="your-clock"></div>
 
-
 
-
 
 +
</div>
 +
<div class="row">
 +
<div class="col-md-12">
 +
<div class="imageMap" aria-haspopup="true">
 +
<img src="https://static.igem.org/mediawiki/2013/f/fd/Heidelberg_bottom_sponsors2.png" width="100%">
 +
<center>Thanks to <object data="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_boot.png" style="width:20px; top:0px"></object></center>
 +
<div class="hotspots">
 +
<div title="Roth">
 +
<a class="p1" aria-haspopup="false" rel="nofollow" href="http://www.carlroth.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="IDT">
 +
<a class="p2" aria-haspopup="false" rel="nofollow" href="http://www.idt-biologika.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="D-ein Shirt">
 +
<a class="p3" aria-haspopup="false" rel="nofollow" href="http://www.d-ein-shirt.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Universiy of Heidelberg">
 +
<a class="p4" aria-haspopup="false" rel="nofollow" href="http://www.uni-heidelberg.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Bio Cat">
 +
<a class="p5" aria-haspopup="false" rel="nofollow" href="http://www.biocat.com/"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Boehringer Ingelheim">
 +
<a class="p6" aria-haspopup="false" rel="nofollow" href="http://www.boehringer-ingelheim.com"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="dkfz.">
 +
<a class="p7" aria-haspopup="false" rel="nofollow" href="http://www.dkfz.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Klaus Tschira Stiftung">
 +
<a class="p8" aria-haspopup="false" rel="nofollow" href="http://www.klaus-tschira-stiftung.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="NEB">
 +
<a class="p9" aria-haspopup="false" rel="nofollow" href="http://www.neb.com"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="JCS">
 +
<a class="p10" aria-haspopup="false" rel="nofollow" href="http://www.schessner.com"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="BioQuant">
 +
<a class="p11" aria-haspopup="false" rel="nofollow" href="http://www.bioquant.uni-heidelberg.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Lange und Pflanz">
 +
<a class="p12" aria-haspopup="false" rel="nofollow" href="http://www.lpsp.de"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Eurofins MWG">
 +
<a class="p13" aria-haspopup="false" rel="nofollow" href="http://www.eurofins.com"></a>
 +
</div>
 +
</div>
 +
<div class="hotspots">
 +
<div title="Sigma Aldrich">
 +
<a class="p14" aria-haspopup="false" rel="nofollow" href="http://sigmaaldrich.com"></a>
 +
</div>
 +
</div>
 +
                        <div class="hotspots">
 +
<div title="Era SynBio">
 +
<a class="p15" aria-haspopup="false" rel="nofollow" href="http://www.erasynbio.eu/"></a>
 +
</div>
 +
</div>
 +
                        <div class="hotspots">
 +
<div title="Golschmied Haas">
 +
<a class="p16" aria-haspopup="false" rel="nofollow" href=""></a>
 +
</div>
 +
</div>
 +
</div>
</div>
</div>
    </div>
    </div>
<div>
<div>
 +
<!-- Modal -->
 +
  <div class="modal" id="langmodal" role="dialog" aria-hidden="true">
 +
    <div class="modal-dialog">
 +
      <div class="modal-content">
 +
  <div class="modal-header">
 +
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 +
          <div class="row">
 +
            <div class="col-xs-12 col-md-8">
 +
              <img style="width:100%;" src="https://static.igem.org/mediawiki/2013/3/3c/Heidelberg_teampic_lyon_wide.jpg" alt="iGEM Team Heidelberg 2013" id="teampic_welcome">
 +
              <span style="font-size:1.5em; color:#999999;"> Grand Prize Winner <br/> Best Foundational Advance <br/> Best Poster Europe <br/> Advance to World Championship</span>
 +
            </div>
 +
            <div class="col-xs-6 col-md-4" style="text-align:right;">
 +
                <img style="width:100%;margin-bottom:6%;" src="https://static.igem.org/mediawiki/2013/6/60/Heidelberg_team_logo.png" alt="iGEM HD 2013" id="teamlogo_welcome">
 +
                <span style="font-size:1.8em; color:#FCCA02;">Participating in the Foundational Advance track!</span><br/>
 +
                <img style="width:40%; margin-top:6%" src="https://static.igem.org/mediawiki/2013/5/58/Brick.png">
 +
            </div>
 +
        </div>
 +
          <h4 class="modal-title">Welcome to the iGEM Heidelberg 2013 Wiki! <img style="width:1.6em;" src="https://static.igem.org/mediawiki/2013/7/74/Goldmedal.JPG.png" alt="iGEM Team Heidelberg 2013 Goldmedal" id="goldmedal"></h4>
 +
<div class="btn-group btn-group-lg  lang" data-toggle="buttons">
 +
  <label class="btn btn-default english active">
 +
    <input type="radio" name="langOptions" id="option1" value=".english">
 +
  </label>
 +
  <label class="btn btn-default french">
 +
    <input type="radio" name="langOptions" id="option2" value=".french">
 +
  </label>
 +
  <label class="btn btn-default italian">
 +
    <input type="radio" name="langOptions" id="option3" value=".italian">
 +
  </label>
 +
  <label class="btn btn-default dutch">
 +
    <input type="radio" name="langOptions" id="option4" value=".dutch">
 +
  </label>
 +
  <label class="btn btn-default polish">
 +
    <input type="radio" name="langOptions" id="option5" value=".polish">
 +
  </label>
 +
<label class="btn btn-default cypriot">
 +
    <input type="radio" name="langOptions" id="option6" value=".cypriot">
 +
  </label>
 +
<label class="btn btn-default ukrain">
 +
    <input type="radio" name="langOptions" id="option7" value=".ukrain">
 +
  </label>
 +
<label class="btn btn-default vietnamese">
 +
    <input type="radio" name="langOptions" id="option8" value=".vietnamese">
 +
  </label>
 +
<label class="btn btn-default usbek">
 +
    <input type="radio" name="langOptions" id="option9" value=".usbek">
 +
  </label>
 +
<label class="btn btn-default chinese">
 +
    <input type="radio" name="langOptions" id="option10" value=".chinese">
 +
  </label>
 +
<label class="btn btn-default mandarin">
 +
    <input type="radio" name="langOptions" id="option11" value=".mandarin">
 +
  </label>
 +
<label class="btn btn-default korean">
 +
    <input type="radio" name="langOptions" id="option12" value=".korean">
 +
  </label>
 +
<label class="btn btn-default german">
 +
    <input type="radio" name="langOptions" id="option13" value=".german">
 +
  </label>
 +
<label class="btn btn-default portuguese">
 +
    <input type="radio" name="langOptions" id="option14" value=".portuguese">
 +
  </label>
 +
<label class="btn btn-default indonesian">
 +
    <input type="radio" name="langOptions" id="option15" value=".indonesian">
 +
  </label>
 +
<label class="btn btn-default spanisch">
 +
    <input type="radio" name="langOptions" id="option16" value=".spanisch">
 +
  </label>
 +
<label class="btn btn-default russian">
 +
    <input type="radio" name="langOptions" id="option17" value=".russian">
 +
  </label>
 +
<label class="btn btn-default turki">
 +
    <input type="radio" name="langOptions" id="option18" value=".turki">
 +
  </label>
 +
<label class="btn btn-default bulgarian">
 +
    <input type="radio" name="langOptions" id="option19" value=".bulgarian">
 +
  </label>
 +
<label class="btn btn-default romanian">
 +
    <input type="radio" name="langOptions" id="option20" value=".romanian">
 +
  </label>
 +
<label class="btn btn-default luxembourg">
 +
    <input type="radio" name="langOptions" id="option21" value=".luxembourg">
 +
  </label>
 +
<label class="btn btn-default phillipine">
 +
    <input type="radio" name="langOptions" id="option22" value=".phillipine">
 +
  </label>
 +
<label class="btn btn-default serbo">
 +
    <input type="radio" name="langOptions" id="option23" value=".serbo">
 +
  </label>
 +
<label class="btn btn-default tamil">
 +
    <input type="radio" name="langOptions" id="option24" value=".tamil">
 +
  </label>
 +
<label class="btn btn-default urdu">
 +
    <input type="radio" name="langOptions" id="option25" value=".urdu">
 +
  </label>
 +
<label class="btn btn-default danish">
 +
    <input type="radio" name="langOptions" id="option26" value=".danish">
 +
  </label>
 +
<label class="btn btn-default arabic">
 +
    <input type="radio" name="langOptions" id="option27" value=".arabic">
 +
  </label>
 +
<label class="btn btn-default israel">
 +
    <input type="radio" name="langOptions" id="option28" value=".israel">
 +
  </label>
 +
<label class="btn btn-default litauisch">
 +
    <input type="radio" name="langOptions" id="option29" value=".litauisch">
 +
  </label>
 +
<label class="btn btn-default creol">
 +
    <input type="radio" name="langOptions" id="option30" value=".creol">
 +
  </label>
 +
<label class="btn btn-default japanese">
 +
    <input type="radio" name="langOptions" id="option31" value=".japanese">
 +
  </label>
 +
<label class="btn btn-default afrikaans">
 +
    <input type="radio" name="langOptions" id="option32" value=".afrikaans">
 +
  </label>
 +
<label class="btn btn-default asery">
 +
    <input type="radio" name="langOptions" id="option33" value=".asery">
 +
  </label>
 +
<label class="btn btn-default persian">
 +
    <input type="radio" name="langOptions" id="option34" value=".persian">
 +
  </label>
 +
<label class="btn btn-default sorbian">
 +
    <input type="radio" name="langOptions" id="option35" value=".sorbian">
 +
  </label>
 +
<label class="btn btn-default swedish">
 +
    <input type="radio" name="langOptions" id="option36" value=".swedish">
 +
  </label>
 +
<label class="btn btn-default marathi">
 +
    <input type="radio" name="langOptions" id="option37" value=".marathi">
 +
  </label>
 +
<label class="btn btn-default hungarian">
 +
    <input type="radio" name="langOptions" id="option38" value=".hungarian">
 +
  </label>
 +
<label class="btn btn-default hindi">
 +
    <input type="radio" name="langOptions" id="option38" value=".hindi">
 +
  </label>
 +
</div>
 +
        </div>
 +
 +
        <div id="languageTexts" class="modal-body">
 +
</html>{{:Team:Heidelberg/Templates/Welcome}}<html>
 +
</div>
 +
     
 +
      </div><!-- /.modal-content -->
 +
    </div><!-- /.modal-dialog -->
 +
  </div><!-- /.modal -->
 +
<script type="text/javascript">
 +
  $(document).ready(function() {
 +
    $("#langmodal").modal("show");
 +
    $('.fancybox-media').fancybox({
 +
openEffect  : 'none',
 +
closeEffect : 'none',
 +
helpers : {
 +
media : {}
 +
}
 +
});
 +
   
 +
    });
 +
  </script>
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Start}}
{{:Team:Heidelberg/Templates/Footer-Start}}
 +
{{:Team:Heidelberg/Templates/Fancybox}}

Latest revision as of 13:46, 24 November 2013

Thanks to

Retrieved from "http://2013.igem.org/Team:Heidelberg"