Difference between revisions of "Team:Warwick/Medals"

(Set Template)
 
Line 563: Line 563:
 
<body>
 
<body>
 
   <div class="container">
 
   <div class="container">
 +
    <div class="row">
 +
        <div class="col-12 col-lg-3">
 +
            <img class="img-fluid medal-toggle" data-target="bronze-collapse" src="https://static.igem.org/mediawiki/2019/c/cf/T--Warwick--2019-medal-bronze.png" alt="Bronze Medal" />
 +
        </div>
  
    <div class="jumbotron">
+
        <div class="col-12 col-lg-3">
      <h1>Medals</h1>
+
            <img class="img-fluid medal-toggle" data-target="silver-collapse" src="https://static.igem.org/mediawiki/2019/0/09/T--Warwick--2019-medal-silver.png" alt="Silver Medal" />
 +
        </div>
  
 +
        <div class="col-12 col-lg-3">
 +
            <img class="img-fluid medal-toggle" data-target="gold-collapse" src="https://static.igem.org/mediawiki/2019/0/03/T--Warwick--2019-medal-gold.png" alt="Gold Medal" />
 +
        </div>
 +
 +
        <div class="col-12 col-lg-3">
 +
            <img class="img-fluid medal-toggle" data-target="special-collapse" src="https://static.igem.org/mediawiki/2019/b/b8/T--Warwick--2019-medal-special.png" alt="Special Medal" />
 +
        </div>
 +
    </div>
 +
   
 +
    <div class="row">
 +
        <div id="bronze-collapse" class="collapse">
 +
            <h2>Bronze</h2>
 +
        </div>
 +
 +
        <div id="silver-collapse" class="collapse">
 +
            <h2>Silver</h2>
 +
        </div>
 +
 +
        <div id="gold-collapse" class="collapse">
 +
            <h2>Gold</h2>
 +
        </div>
 +
 +
        <div id="special-collapse" class="collapse">
 +
            <h2>Special</h2>
 +
        </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</body>
 
</body>
 +
 +
<script>
 +
    $(document).ready(function() {
 +
        var medals = ['bronze', 'silver', 'gold', 'special'];
 +
 +
        $('.medal-toggle').click(function() {
 +
            // First collapse all of them
 +
            for (var i = 0; i < medals.length; i++) {
 +
                $('#' + medals[i] + '-collapse').collapse('hide');
 +
            }
 +
 +
            // And now open the one we want
 +
            var target = $(this).data('target');
 +
            $(target).collapse('show');
 +
        });
 +
    });
 +
</script>
 +
 
</html>
 
</html>
 
{{Template:Warwick/Footer}}
 
{{Template:Warwick/Footer}}

Revision as of 23:53, 20 October 2019

Bronze Medal
Silver Medal
Gold Medal
Special Medal

Bronze

Silver

Gold

Special

Sponsors

wellcome trust
Qiagen
BBSRC
WISB
New England Biolabs
Science Facutly Grant
School of Life Sciences
Nanopore
IDT Sponsor
EPSRC Sponsor
Warwick Global Research
SnapGene
eppendorf
Twist Bioscience