Team:Heidelberg

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(294 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:Heidelberg/Templates/bootstrap-css}}
 +
{{:Team:Heidelberg/Templates/basic-css}}
 +
{{:Team:Heidelberg/Templates/style-css}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
ul {
-
</div>
+
    line-height: 1em;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
}
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
.item ul {
 +
    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>
 +
<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%">
 +
<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 id="nav" class="navigation col-md-8 col-lg-8">
 +
 +
            <div class="item team">
 +
                <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>
 +
                <h2 class="">Team</h2>
 +
                <ul style="display: none;">
 +
                    <li><a href="/Team:Heidelberg/Team">Team Members</a></li>
 +
                    <li><a href="/Team:Heidelberg/AttributionsII">Attributions</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>
 +
            </div>
 +
            <div class="item project">
 +
                <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>
 +
                <h2 class="">Project</h2>
 +
                <ul style="display: none;">
 +
   
 +
                    <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: 200px;top:140px " 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">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>
 +
            </div>
 +
            <div class="item notebook">
 +
                <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_bg_notebook.png" style="opacity: 0; width: 52px; height: 52px;" height="199" width="199">
 +
                <a class="icon" href="#"></a>
 +
 +
                <h2>Notebook</h2>
 +
                <ul style="display: none;">
 +
                    <li><a href="/Team:Heidelberg/Indigoidine">Indigoidine</a></li>
 +
                    <li><a href="/Team:Heidelberg/Tyrocidine">Module Shuffling</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/Notebook/Methods">Methods</a></li>   
 +
                </ul>
 +
            </div>
 +
            <div class="item parts">
 +
                <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>
 +
                <h2>Parts</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/Parts">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>
 +
            </div>
 +
            <div class="item software">
 +
                <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>
 +
                <h2 class="">Software</h2>
 +
                <ul style="display: none;">
 +
                    <li><a href="/Team:Heidelberg/Project_Software">Project</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>
 +
            </div>
 +
            <div class="item human">
 +
                <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>
 +
                <h2>Human Practice</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice">Overview</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>
 +
            </div>
 +
            <div class="item safety">
 +
                <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>
 +
                <h2>Safety</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/Safety">Safety</a></li>
 +
                </ul>
 +
            </div>
 +
            <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 id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
        </div>
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<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%;">
 +
            <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>
 +
           
 +
               
 +
<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>
 +
<a class="fancybox-media" href="//www.youtube.com/embed/lwHrOqN8cj4">
 +
<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>
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:Heidelberg_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Heidelberg_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Heidelberg | Team Heidelberg]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
</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>
 +
<!-- 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>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
        <div id="languageTexts" class="modal-body">
-
!align="center"|[[Team:Heidelberg|Home]]
+
</html>{{:Team:Heidelberg/Templates/Welcome}}<html>
-
!align="center"|[[Team:Heidelberg/Team|Team]]
+
</div>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Heidelberg Official Team Profile]
+
     
-
!align="center"|[[Team:Heidelberg/Project|Project]]
+
      </div><!-- /.modal-content -->
-
!align="center"|[[Team:Heidelberg/Parts|Parts Submitted to the Registry]]
+
    </div><!-- /.modal-dialog -->
-
!align="center"|[[Team:Heidelberg/Modeling|Modeling]]
+
  </div><!-- /.modal -->
-
!align="center"|[[Team:Heidelberg/Notebook|Notebook]]
+
<script type="text/javascript">
-
!align="center"|[[Team:Heidelberg/Safety|Safety]]
+
  $(document).ready(function() {
-
!align="center"|[[Team:Heidelberg/Attributions|Attributions]]
+
    $("#langmodal").modal("show");
-
|}
+
    $('.fancybox-media').fancybox({
 +
openEffect  : 'none',
 +
closeEffect : 'none',
 +
helpers : {
 +
media : {}
 +
}
 +
});
 +
   
 +
    });
 +
  </script>
 +
</html>
 +
{{: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"