Team:Heidelberg

From 2013.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 25: Line 25:
.imageMap a.p4 {height: 46%;left: 30.4%;top: 20%;transform: rotate(18deg);-ms-transform:rotate(18deg); /* IE 9 */
.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%;}
-webkit-transform:rotate(18deg); /* Safari and Chrome */width: 6.3%;}
-
.imageMap a.p5 {height: 28%;left: 36.7%;top: 39.5%;transform: rotate(-8deg);-ms-transform:rotate(-8deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(-8deg); /* Safari and Chrome */width: 4.3%;}
-
.imageMap a.p6 {height: 38%;left: 42.5%;top: 27%;transform: rotate(23deg);-ms-transform:rotate(23deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(23deg); /* Safari and Chrome */width: 5.6%;}
-
.imageMap a.p7 {height: 46%;left: 49.2%;top: 20%;transform: rotate(-27deg);-ms-transform:rotate(-27deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(-27deg); /* Safari and Chrome */width: 6.3%;}
-
.imageMap a.p8 {height: 57%;left: 56.8%;top: 8%;transform: rotate(23.5deg);-ms-transform:rotate(23.5deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(23.5deg); /* Safari and Chrome */width: 8%;}
-
.imageMap a.p9 {height: 28%;left: 64.7%;top: 37%;transform: rotate(-45deg);-ms-transform:rotate(-45deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(-45deg); /* Safari and Chrome */width: 4%;}
-
.imageMap a.p10 {height: 28.5%;left: 69.2%;top: 38%;transform: rotate(22deg);-ms-transform:rotate(22deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(22deg); /* Safari and Chrome */width: 4.1%;}
-
.imageMap a.p11 {height: 46%;left: 73.5%;top: 20%;transform: rotate(-18deg);-ms-transform:rotate(-18deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(-18deg); /* Safari and Chrome */width: 6.3%;}
-
.imageMap a.p12{height: 41%;left: 82.2%;top: 25%;transform: rotate(24.5deg);-ms-transform:rotate(24.5deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(24.5deg); /* Safari and Chrome */width: 5.6%;}
-
.imageMap a.p13{height: 29%;left: 88.2%;top: 36.5%;transform: rotate(40deg);-ms-transform:rotate(40deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(40deg); /* Safari and Chrome */width: 4%;}
-
.imageMap a.p14{height: 29%;left: 92.9%;top: 38%;transform: rotate(-16deg);-ms-transform:rotate(-16deg); /* IE 9 */
+
.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%;}
-webkit-transform:rotate(-16deg); /* Safari and Chrome */width: 4%;}
-
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}
+
                .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:hover .hotspots {visibility:visible;}
Line 66: Line 69:
.imageMap .hotspots div:hover b {width:0; padding:0;}
.imageMap .hotspots div:hover b {width:0; padding:0;}
.imageMap .hotspots div:hover p {display:block;}
.imageMap .hotspots div:hover p {display:block;}
-
.imageMap .hotspots div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}
+
.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*/
/* adapt bootstrap modal so it makes the welcome text a bit more prominent*/
Line 86: Line 89:
}
}
.modal-body * {
.modal-body * {
-
   font-size:1.2em;
+
   font-size:1.1em;
   text-align:justify;
   text-align:justify;
}
}
Line 95: Line 98:
   padding-left: 0.85em;
   padding-left: 0.85em;
   padding-right: 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>
Line 114: Line 128:
                     <li><a href="/Team:Heidelberg/Team/Collaboration">Collaborations</a></li>
                     <li><a href="/Team:Heidelberg/Team/Collaboration">Collaborations</a></li>
                     <li><a href="/Team:Heidelberg/Team/Sponsors">Sponsors</a></li>
                     <li><a href="/Team:Heidelberg/Team/Sponsors">Sponsors</a></li>
-
                    <li><a href="/Team:Heidelberg/Team/Acknoledgements">Support</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">
-
<img style="max-width:40px; position:absolute; right: 160px;top:170px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <li><a href="/Team:Heidelberg/Team/Gallery">Gallery</a></li>
                     <li><a href="/Team:Heidelberg/Team/Gallery">Gallery</a></li>
                 </ul>
                 </ul>
Line 125: Line 138:
                 <ul style="display: none;">
                 <ul style="display: none;">
     
     
-
                     <img style="max-width:40px; position:absolute; right: 190px;top:0px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <img style="max-width:40px; position:absolute; right: 200px;top:0px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
<img style="max-width:40px; position:absolute; right: 190px;top:130px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
<img style="max-width:40px; position:absolute; right: 200px;top:140px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
<img style="max-width:40px; position:absolute; right: 190px;top:100px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
<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">Intro</a></li>
+
                     <li><a href="/Team:Heidelberg/NRPS">Background</a></li>
                     <li><a href="/Team:Heidelberg/Project">Overview</a></li>
                     <li><a href="/Team:Heidelberg/Project">Overview</a></li>
                      
                      
Line 147: Line 160:
                     <li><a href="/Team:Heidelberg/Indigoidine">Indigoidine</a></li>
                     <li><a href="/Team:Heidelberg/Indigoidine">Indigoidine</a></li>
                     <li><a href="/Team:Heidelberg/Tyrocidine">Module Shuffling</a></li>
                     <li><a href="/Team:Heidelberg/Tyrocidine">Module Shuffling</a></li>
-
                     <li><a href="/Team:Heidelberg/Delftibactin">Gold Recovery</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/Materials">Materials</a></li>  
                     <li><a href="/Team:Heidelberg/Materials">Materials</a></li>  
                     <li><a href="/Team:Heidelberg/Notebook/Methods">Methods</a></li>     
                     <li><a href="/Team:Heidelberg/Notebook/Methods">Methods</a></li>     
Line 153: Line 167:
             </div>
             </div>
             <div class="item parts">
             <div class="item parts">
-
                 <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/5/54/Heidelberg_bg_parts2.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="/Team:Heidelberg/Parts">Submitted parts</a></li>
                     <li><a href="/Team:Heidelberg/Parts">Submitted parts</a></li>
-
                     <img style="max-width:40px; position:absolute; right: 170px;top:30px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <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/Parts">Favorite parts</a></li>
+
                     <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 170: Line 186:
                     <li><a href="http://igem2013.bioquant.uni-heidelberg.de/NRPSDesigner/">NRPSDesigner</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>
                     <li><a href="/Team:Heidelberg/HumanPractice/iGEM42">iGEM42</a></li>
-
<img style="max-width:40px; position:absolute; right: 140px;top:100px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
<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>
                     <li><a href="/Team:Heidelberg/OpenSource">Open Source</a></li>
-
                     <img style="max-width:40px; max-height:40px; position: absolute; right: 140px; top: 140px;" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <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="">Achievements</a></li>
+
                     <li><a href="/Team:Heidelberg/Project/AchievementsSoftware">Achievements</a></li>
                 </ul>
                 </ul>
             </div>
             </div>
Line 181: Line 197:
                 <h2>Human Practice</h2>
                 <h2>Human Practice</h2>
                 <ul>
                 <ul>
-
<img style="max-width:40px; position:absolute; right:180px;top:30px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 
-
<img style="max-width:40px; position:absolute; right:180px;top:70px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 
-
<img style="max-width:40px; position:absolute; right:180px;top:130px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 
-
<img style="max-width:40px; position:absolute; right:180px;top:170px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 
                     <li><a href="/Team:Heidelberg/HumanPractice">Overview</a></li>
                     <li><a href="/Team:Heidelberg/HumanPractice">Overview</a></li>
-
                    <li><a href="/Team:Heidelberg/HumanPractice/Experts">Experts</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>
                     <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/YoungGeneration">Young Generation</a></li>
                     <li><a href="/Team:Heidelberg/HumanPractice/Artists">Arts and Science</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/BeyondScience">Beyond Science</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Experts">Experts</a></li>
                 </ul>
                 </ul>
             </div>  
             </div>  
Line 207: Line 221:
                 <h2>Modeling</h2>
                 <h2>Modeling</h2>
                 <ul>
                 <ul>
-
                     <img style="max-width:40px; position:absolute; right: 160px;top:-10px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <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 Recovery</a></li>
+
                     <li><a href="/Team:Heidelberg/Modelling/Gold_Recovery">Gold Recycling</a></li>
-
                     <img style="max-width:40px; position:absolute; right: 160px; top:30px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
+
                     <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>
                     <li><a href="/Team:Heidelberg/Modelling/Ind_Production">ind-Production</a></li>
                 </ul>
                 </ul>
Line 216: Line 230:
<div style="width:90%;margin-top:100px;">
<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%;">
<img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1;width:100%;">
-
<a href="http://hdl.handle.net/1721.1/81333" 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" 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="http://dspace.mit.edu/handle/1721.1/81332" 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="/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="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="http://parts.igem.org/Part:BBa_K1152007" 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: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="http://parts.igem.org/Part:BBa_K1152013" 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>
+
<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>
-
<div class="col-md-4 col-lg-4 col-logo" style="margin-top:-5.7%">
+
<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>
Line 231: Line 246:
                  
                  
-
  <div class="row"">
+
  <div class="row">
-
<p style="font-size:24px; color:#999999"; margin-left:25%> Best Poster Europe <br/> Advance to World Championship</p>  
+
<p style="font-size:20px; color:#999999; text-align:left"> Grand Prize Winner <br/> Best Foundational Advance Award <br/> Best Poster Europe </p>  
  </div>           
  </div>           
  <noscript>
  <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>
   <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>
</noscript>
-
<p style="font-size:24; margin-left:20%">Watch our Video!</p>
+
<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>
-
<a href="/Team:Heidelberg/Tour" class="btn btn-default btn-lg" style="margin-left:20%; margin-top:2%">Take the Tour!</a>
+
-
<script src="http://www.youtube.com/player_api"></script>
+
-
<a class="fancybox-media" href="//www.youtube.com/embed/lwHrOqN8cj4"><img src="https://static.igem.org/mediawiki/2013/a/af/Heidelberg_video_play.png" style="margin-left:20%"></a>
+
-
      <!--<iframe class="youtube-player" type="text/html" style="width:90%; height:auto; margin-top:5%; margin-left:14%; z-index:500;" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe>-->
+
-
  </div>
+
-
</div>
+
-
</div>
+
-
<!--
+
-
<!--Foto Carousel
+
-
<div class="row" style="margin-top:45%">
+
-
<div class="col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
+
-
<div id="carousel-example-generic" class="carousel slide">
+
-
  <!-- Indicators
+
-
  <ol class="carousel-indicators">
+
-
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
-
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
-
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
-
  </ol>
+
-
  <!-- Wrapper for slides
+
<a class="fancybox-media" href="//www.youtube.com/embed/lwHrOqN8cj4">
-
  <div class="carousel-inner">
+
<p style="color:#999999; font-size:24px; margin-left:50%; margin-top:2%">Watch our Video!</p>
-
    <div class="item active">
+
<img src="https://static.igem.org/mediawiki/2013/a/af/Heidelberg_video_play.png" style="margin-left:50%"></a>
-
    <img alt="First slide" src="https://static.igem.org/mediawiki/2013/c/ca/Heidelberg_double_team.jpg" style="width: 100%; display: block;">
+
-
      <!--<div class="carousel-caption">
+
-
      </div>
+
-
    </div>
+
   </div>
   </div>
-
 
-
  <!-- Controls
 
-
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
 
-
    <span class="glyphicon glyphicon-chevron-left"></span>
 
-
  </a>
 
-
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
 
-
    <span class="glyphicon glyphicon-chevron-right"></span>
 
-
  </a>
 
-
</div>
 
</div>
</div>
</div>
</div>
-
<!--End Foto Carousel-->
 
</div>
</div>
Line 284: Line 267:
<div class="imageMap" aria-haspopup="true">
<div class="imageMap" aria-haspopup="true">
  <img src="https://static.igem.org/mediawiki/2013/f/fd/Heidelberg_bottom_sponsors2.png" width="100%">
  <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 class="hotspots">
<div title="Roth">
<div title="Roth">
Line 352: Line 336:
<div title="Sigma Aldrich">
<div title="Sigma Aldrich">
<a class="p14" aria-haspopup="false" rel="nofollow" href="http://sigmaaldrich.com"></a>
<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>
Line 361: Line 355:
   <div class="modal" id="langmodal" role="dialog" aria-hidden="true">
   <div class="modal" id="langmodal" role="dialog" aria-hidden="true">
     <div class="modal-dialog">
     <div class="modal-dialog">
-
       <div class="modal-content"></html>{{:Team:Heidelberg/Templates/Welcome}}<html>
+
       <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-content -->
Line 367: Line 499:
   </div><!-- /.modal -->  
   </div><!-- /.modal -->  
<script type="text/javascript">
<script type="text/javascript">
-
 
-
 
   $(document).ready(function() {
   $(document).ready(function() {
     $("#langmodal").modal("show");
     $("#langmodal").modal("show");

Latest revision as of 13:46, 24 November 2013

Thanks to