Difference between revisions of "Team:BABS UNSW Australia"

(Undo revision 410727 by MananS (talk))
 
(30 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
<html>
 
<html>
 
<style>
 
<style>
 
+
#content {
#globalwrapper {
+
        padding-bottom: 10px !important;
 
+
top: 0px;
+
 
+
 
}
 
}
  
.bgcover{
+
.bgcover {
        background-color: black;
+
 
         height: 100vh;
 
         height: 100vh;
 
         width: 100%;
 
         width: 100%;
 
         position:relative;
 
         position:relative;
         background-image: url('https://static.igem.org/mediawiki/2015/b/bb/BABS_UNSW_Australia_testbackground.png');
+
         background-image: url('https://static.igem.org/mediawiki/2015/7/70/BABS_UNSW_Australia_frontcover.png');
 
         background-size: cover;
 
         background-size: cover;
 
+
        margin-bottom:50px;
  -webkit-filter: blur(2px);
+
  -moz-filter: blur(2px);
+
  -o-filter: blur(2px);
+
  -ms-filter: blur(2px);
+
  filter: blur(2px);
+
 
}
 
}
  
.container-fluid img {
+
img[usemap] {
 +
border: none;
 +
height: auto;
 +
max-width: 100%;
 +
width: auto;
 +
}
  
  -webkit-filter: none;
 
  -moz-filter: none;
 
  -o-filter: none;
 
  -ms-filter: none;
 
  filter: none;
 
}
 
 
</style>
 
</style>
<head>
+
 
<title> BABS UNSW Australia </title>
+
</head>
+
 
<div class = "bgcover">
 
<div class = "bgcover">
<div class="container-fluid">
+
 
<header>
+
<center><img src ="https://static.igem.org/mediawiki/2015/d/df/Endosynbio_header.png" style="margin-top:100px; width:80%;"></center>
+
<center><p class="text-center"><img src ="https://static.igem.org/mediawiki/2015/d/d5/BABS_UNSW_Australia_logo.png
+
" style="width:20%;">
+
</header>
+
 
</div>
 
</div>
 +
 +
<div>
 +
  <map name="flow1">
 +
    <area href="https://2015.igem.org/Team:BABS_UNSW_Australia/endosymbionts" shape="rect" coords="0,0,2226,588"
 +
      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 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">
 +
<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%; 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>
 +
<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

esb phlow ph pknot containment biosafety practices fwork fapps