Team:Heidelberg

From 2013.igem.org

(Difference between revisions)
 
(261 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>
-
<div class="container" style="margin-left:8%; margin-right:8%">
+
<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>
-
<a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a>
+
<div style="margin-left:1%; margin-right:1%">
 +
<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 23: Line 120:
             <div class="item team">
             <div class="item team">
-
                 <img class="circle" alt="" src="images/Team_bg2.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/9/9d/Heidelberg_bg_team2.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 class="">Team</h2>
                 <h2 class="">Team</h2>
                 <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>
             <div class="item project">
             <div class="item project">
-
                 <img class="circle" alt="" src="images/Project_bg.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/9/9e/Heidelberg_bg_project.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 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="images/Notebook_bg.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>
             <div class="item software">
             <div class="item software">
-
                 <img class="circle" alt="" src="images/Notebook_bg.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/9/9d/Heiderlberg_bg_software.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 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>
             <div class="item human">
             <div class="item human">
-
                 <img class="circle" alt="" src="images/Human_bg.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/0/09/Heidelberg_bg_human.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>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>  
             <div class="item safety">
             <div class="item safety">
-
                 <img class="circle" alt="" src="images/Notebook_bg.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/7/70/Heidelberg_bg_safety.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>Safety</h2>
                 <h2>Safety</h2>
                 <ul>
                 <ul>
-
                     <li><a href="/Team:Heidelberg/Safety">Biosafety sheet</a></li>
+
                     <li><a href="/Team:Heidelberg/Safety">Safety</a></li>
-
                    <li><a href="#">Be save in the lab</a></li>
+
                 </ul>
                 </ul>
             </div>
             </div>
-
<img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1">  
+
            <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">
+
<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" width="407" style="margin-right:3%; margin-top:-15%; margin-bottom:5%">  
+
             <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"