Difference between revisions of "Team:Queens Canada"

Line 3: Line 3:
 
{{Team:Queens_Canada/QU17_Style}}
 
{{Team:Queens_Canada/QU17_Style}}
 
<html>
 
<html>
 +
<style>
 +
img[usemap] {
 +
border: none;
 +
height: auto;
 +
max-width: 100%;
 +
width: auto;
 +
}
 +
</style>
  
 
<body>
 
<body>
Line 34: Line 42:
 
<div align="center">
 
<div align="center">
  
−
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="1000" height="200" style="width:100%; height:auto" alt="Buttons" usemap="#usemap">
+
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="1000" height="200" alt="" usemap="#imagemap"/>
  
−
<map name="usemap">
+
<map name="imagemap">
−
   <area shape="circle" coords="204,312,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team">
+
   <area shape="circle" coords="204,312,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team"/>
−
   <area shape="circle" coords="567,312,160" href="https://2017.igem.org/Team:Queens_Canada/Overview">
+
   <area shape="circle" coords="567,312,160" href="https://2017.igem.org/Team:Queens_Canada/Overview"/>
−
   <area shape="circle" coords="935,312,160" href="https://2017.igem.org/Team:Queens_Canada/Modelling/Overview">
+
   <area shape="circle" coords="935,312,160" href="https://2017.igem.org/Team:Queens_Canada/Modelling/Overview"/>
−
   <area shape="circle" coords="1300,312,160" href="https://2017.igem.org/Team:Queens_Canada/Human_Practices/Overview">
+
   <area shape="circle" coords="1300,312,160" href="https://2017.igem.org/Team:Queens_Canada/Human_Practices/Overview"/>
 
</map>
 
</map>
 
</div>
 
</div>
Line 49: Line 57:
 
$(document).ready(function(e) {
 
$(document).ready(function(e) {
 
$('img[usemap]').rwdImageMaps();
 
$('img[usemap]').rwdImageMaps();
−
 
−
$('area').on('click', function() {
 
−
alert($(this).attr('alt') + ' clicked');
 
−
});
 
 
});
 
});
 
</script>
 
</script>

Revision as of 23:07, 15 August 2017

Welcome to QGEM 2017!

With an average of two oil spills per day, Earth's water is being contaminated at an alarming rate.
Watch the video below to find out how QGEM plans to tackle this real world issue.