Difference between revisions of "Template:Genspace"

 
(2 intermediate revisions by the same user not shown)
Line 67: Line 67:
 
       <!-- Begin page content -->
 
       <!-- Begin page content -->
 
       <div class="mapBackground"></div>
 
       <div class="mapBackground"></div>
       <img id="mapimg" src="https://static.igem.org/mediawiki/2015/5/55/Gowanus_canal.jpg" alt="">
+
       <!-- <img id="mapimg" src="https://static.igem.org/mediawiki/2015/5/55/Gowanus_canal.jpg" alt=""> -->
  
 
       <div class="background"></div>
 
       <div class="background"></div>
Line 148: Line 148:
 
             var resourceContent = data; // can be a global variable too...
 
             var resourceContent = data; // can be a global variable too...
 
             $('body').append($('<script>').html(data))
 
             $('body').append($('<script>').html(data))
        });
 
  
        d3.selectAll('.dropdown')
+
            d3.selectAll('.dropdown')
          .on('mouseover',function(){ this.classList.add('expand') })
+
              .on('mouseover',function(){ this.classList.add('expand') })
          .on('mouseout',function(){ this.classList.remove('expand') })
+
              .on('mouseout',function(){ this.classList.remove('expand') })
  
        var map = d3.select('#map')
+
            var map = d3.select('#map')
        var img = d3.select('#mapimg')
+
            var img = d3.select('#mapimg')
        var content = d3.select('#page')
+
            var content = d3.select('#page')
        size()
+
            size()
        function size () {
+
            function size () {
          img.style({
+
              img.style({
            width:window.innerWidth+'px',
+
                width:window.innerWidth+'px',
          })
+
              })
          // content.style({
+
              // content.style({
          //  height:img.node().getBoundingClientRect().height,
+
              //  height:img.node().getBoundingClientRect().height,
          // })
+
              // })
        }
+
            }
  
        d3.select(window).on('resize.index',size)
+
            d3.select(window).on('resize.index',size)
  
        d3.selectAll('video')
+
            d3.selectAll('video')
          .on('click',function(){
+
              .on('click',function(){
              this.play()
+
                  this.play()
          })
+
              })
 +
        });
 
     });
 
     });
 
     </script>
 
     </script>

Latest revision as of 17:33, 18 September 2015

<!DOCTYPE html> Gowanus SuperFUNd - Genspace iGEM 2015

The Gowanus Canal is a heavily polluted waterway that runs through Brooklyn NY. A designated superfund site, it is slated for cleanup but nearby residents are concerned about the results. Our team is developing a biosensor for waste pollution, giving the community real time access to data on the health of the canal. Additionally we have mined the canal for extremophiles with interesting properties.

Place sticky footer content here.