Difference between revisions of "Team:BABS UNSW Australia"
| (19 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<html> | <html> | ||
<style> | <style> | ||
| + | #content { | ||
| + | padding-bottom: 10px !important; | ||
| + | } | ||
| + | |||
.bgcover { | .bgcover { | ||
height: 100vh; | height: 100vh; | ||
| Line 13: | Line 17: | ||
} | } | ||
| + | img[usemap] { | ||
| + | border: none; | ||
| + | height: auto; | ||
| + | max-width: 100%; | ||
| + | width: auto; | ||
| + | } | ||
</style> | </style> | ||
| Line 22: | Line 32: | ||
<div> | <div> | ||
<map name="flow1"> | <map name="flow1"> | ||
| − | <area href=" | + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/endosymbionts" shape="rect" coords="0,0,2226,588" |
| − | alt=" | + | alt="esb" title="Endosymbionts"> |
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/project/phlow" shape="rect" coords="0,940,2241,2028" | ||
| + | alt="phlow" title="phlow system"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/project/phlow#acid" shape="rect" coords="0,2043,935,2949" | ||
| + | alt="ph" title="pH promoters"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/pseudoknots" shape="rect" coords="1251,2043,2251,2949" | ||
| + | alt="pknot" title="pseudoknots"> | ||
</map> | </map> | ||
| + | <map name="flow2"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/project/containment" shape="rect" coords="0,306,1188,738" | ||
| + | alt="containment" title="Containment"> | ||
| + | <area href="https://static.igem.org/mediawiki/2015/e/eb/BABS_UNSW_Australia_report.pdf" shape="rect" coords="1382,475,2133,1220" | ||
| + | alt="biosafety" title="Biosafety"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/Practices" shape="rect" coords="62,1163,1320,1600" | ||
| + | alt="practices" title="Human Practices"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/project/futurework" shape="rect" coords="0,2002,2133,2315" | ||
| + | alt="fwork" title="Future Work"> | ||
| + | <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/project/futureapps" shape="rect" coords="0,2809,2139,3754" | ||
| + | alt="fapps" title="Future Applications"> | ||
| + | </map> | ||
</div> | </div> | ||
<div class = "container"> | <div class = "container"> | ||
| − | <img src = "https://static.igem.org/mediawiki/2015/f/fb/BABS_UNSW_Australia_flowchart1.jpg" style="max-height:100%;" usemap="#flow1"> | + | <img src = "https://static.igem.org/mediawiki/2015/f/fb/BABS_UNSW_Australia_flowchart1.jpg" style="max-height:100%; margin-bottom:50px;" usemap="#flow1"> |
| − | <img src = "https://static.igem.org/mediawiki/2015/3/31/BABS_UNSW_Australia_flowchart2.jpg" style ="max-height:100%;"> | + | <img src = "https://static.igem.org/mediawiki/2015/3/31/BABS_UNSW_Australia_flowchart2.jpg" style ="max-height:100%; margin-bottom:50px;" usemap="#flow2"> |
| + | <center><img src = "https://static.igem.org/mediawiki/2015/d/d5/BABS_UNSW_Australia_logo.png" style="max-width:30% !important;"></center> | ||
</div> | </div> | ||
| + | <script> | ||
| + | $(document).ready(function(e) { | ||
| + | $('img[usemap]').rwdImageMaps(); | ||
| + | |||
| + | }); | ||
| + | ;(function($) { | ||
| + | $.fn.rwdImageMaps = function() { | ||
| + | var $img = this; | ||
| + | |||
| + | var rwdImageMap = function() { | ||
| + | $img.each(function() { | ||
| + | if (typeof($(this).attr('usemap')) == 'undefined') | ||
| + | return; | ||
| + | |||
| + | var that = this, | ||
| + | $that = $(that); | ||
| + | |||
| + | // Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy | ||
| + | $('<img />').load(function() { | ||
| + | var attrW = 'width', | ||
| + | attrH = 'height', | ||
| + | w = $that.attr(attrW), | ||
| + | h = $that.attr(attrH); | ||
| + | |||
| + | if (!w || !h) { | ||
| + | var temp = new Image(); | ||
| + | temp.src = $that.attr('src'); | ||
| + | if (!w) | ||
| + | w = temp.width; | ||
| + | if (!h) | ||
| + | h = temp.height; | ||
| + | } | ||
| + | |||
| + | var wPercent = $that.width()/100, | ||
| + | hPercent = $that.height()/100, | ||
| + | map = $that.attr('usemap').replace('#', ''), | ||
| + | c = 'coords'; | ||
| + | |||
| + | $('map[name="' + map + '"]').find('area').each(function() { | ||
| + | var $this = $(this); | ||
| + | if (!$this.data(c)) | ||
| + | $this.data(c, $this.attr(c)); | ||
| + | |||
| + | var coords = $this.data(c).split(','), | ||
| + | coordsPercent = new Array(coords.length); | ||
| + | |||
| + | for (var i = 0; i < coordsPercent.length; ++i) { | ||
| + | if (i % 2 === 0) | ||
| + | coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent); | ||
| + | else | ||
| + | coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent); | ||
| + | } | ||
| + | $this.attr(c, coordsPercent.toString()); | ||
| + | }); | ||
| + | }).attr('src', $that.attr('src')); | ||
| + | }); | ||
| + | }; | ||
| + | $(window).resize(rwdImageMap).trigger('resize'); | ||
| + | |||
| + | return this; | ||
| + | }; | ||
| + | })(jQuery); | ||
| + | </script> | ||
</html> | </html> | ||
<!--{{BABS_UNSW_Australia_Footer}}--> | <!--{{BABS_UNSW_Australia_Footer}}--> | ||
Latest revision as of 01:49, 27 October 2015
