Difference between revisions of "Team:BABS UNSW Australia"

(Undo revision 410727 by MananS (talk))
 
(25 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;
 
}
 
}
  
−
.container-fluid{
+
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>
 +
  <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>
 
</div>
−
<p> We aimed to create an endosynbiology toolbox. This toolbox would contain genetic constructs enabling the transformation of several bacterial species into mammalian endosymbionts.
+
<script>
−
To become an endosymbiont, the bacteria must first be able to enter into its new host cell. Once there, it must replicate stably and effectively synthesise the desired product. Most importantly, however, safety checks must be in place to ensure that the bacterial population remains under control and does not become pathogenic. </p>
+
$(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