Difference between revisions of "Team:Genspace"

Line 1: Line 1:
 
{{Genspace}}
 
{{Genspace}}
 +
<!-- https://2015.igem.org/Team:Genspace -->
 +
{{Genspace}}
 +
<html>
 +
<head>
 +
<style>
 +
img{
 +
  display: none
 +
}
  
    <div class="showMap">
+
span:hover + img{
      <!-- Begin page content -->
+
  display: block;
      <div class="mapBackground"></div>
+
}
      <img id="mapimg" src="https://static.igem.org/mediawiki/2015/5/55/Gowanus_canal.jpg" alt="">
+
.imgDescription {
  
      <div class="background"></div>
 
      <svg id="map" class="showOutline" x="0px" y="0px" viewBox="-53.157 2690.303 1624 3971.865">
 
        <rect x="-53.157" y="2690.32" opacity="0.5" fill="#FFFFFF" stroke="#8CD1E3" stroke-miterlimit="10" width="1624" height="3971.764"/>
 
        <polygon class="outline" stroke-linejoin="round" stroke-miterlimit="10" enable-background="new    " points="
 
          1123.361,4407.782 1119.957,4407.152 1119.576,4403.996 973.628,4391.798 910.539,4329.969 690.985,4380.441 673.786,4387.554
 
          660.28,4392.5 644.718,4400.491 624.81,4412.828 615.276,4420.4 614.435,4424.604 616.539,4427.97 786.25,4442.901 784.87,4455.566
 
          837.354,4460.777 835.46,4482.857 591.933,4458.674 576.791,4476.127 564.594,4509.355 557.443,4546.79 582.68,4551.836
 
          713.066,4564.455 709.912,4599.785 681.731,4596.841 675.001,4589.27 643.035,4587.167 640.933,4590.952 577.843,4583.381
 
          574.147,4580.432 555.762,4580.438 545.246,4682.222 543.564,4682.222 526.95,4868.338 533.259,4872.964 581.7,4876.997
 
          580.734,4896.773 531.997,4892.735 526.276,4897.442 521.062,4968.443 519.8,4972.227 525.268,4984.424 518.538,5019.333
 
          512.65,5038.05 513.878,5051.091 515.594,5102.473 569.57,5281.368 600.737,5285.721 592.756,5357.758 620.515,5441.034
 
          601.588,5565.945 569.414,5560.268 546.297,5574.724 509.723,5642.437 535.347,5654.899 493.079,5709.154 460.641,5719.423
 
          426.837,5775.396 802.025,5861.194 774.446,6054.873 760.349,6047.731 752.997,6076.952 342.931,6002.508 332.691,6062.798
 
          449.211,6090.245 438.824,6138.777 577.306,6164.57 568.549,6194.556 343.9,6151.356 316.74,6136.085 171.902,6108.429
 
          170.908,6119.659 168.523,6119.56 168.027,6135.955 175.777,6137.742 178.46,6142.512 176.351,6149.064 137.711,6142.236
 
          134.871,6152.172 331.679,6193.484 330.862,6197.315 362.983,6204.418 357.441,6244.132 494.976,6270.601 502.465,6233.147
 
          522.099,6237.192 520.837,6241.608 569.854,6251.748 572.358,6248.547 604.111,6254.224 600.327,6285.769 359.334,6251.072
 
          347.348,6298.453 426.472,6310.932 410.077,6385.752 128.977,6339.251 73.83,6385.752 47.221,6432.31 42.828,6476.969
 
          51.53,6501.103 374.306,6584.877 359.401,6662.083 10.634,6662.083 -53.157,6646.88 -53.157,5747.243 -13.596,5725.269
 
          11.827,5898.672 26.135,5895.692 -0.692,5718.625 22.559,5708.492 -4.866,5408.612 50.579,5400.86 128.765,5970.499
 
          140.986,5969.008 109.688,5740.982 383.938,5697.866 373.214,5532.51 445.81,5522.914 435.039,5449.234 517.683,5434.093
 
          487.401,5249.248 484.131,5240.62 487.133,5234.261 480.39,5174.233 485.311,5173.904 471.435,5075.453 485.731,5076.116
 
          488.675,5019.333 476.478,5004.191 484.75,4957.977 483.604,4954.558 486.151,4950.145 514.752,4679.069 506.341,4670.867
 
          511.331,4665.313 528.422,4544.056 531.997,4510.618 550.503,4460.146 565.646,4436.381 573.427,4426.708 590.04,4407.57
 
          607.829,4391.805 613.111,4391.973 628.792,4382.263 644.718,4373.712 669.113,4361.515 690.985,4351.419 828.126,4310.067
 
          830.423,4312.03 897.254,4295.187 915.585,4085.6 870.581,3976.245 872.684,3519.471 902.546,3519.471 902.125,3972.459
 
          950.915,4078.871 927.782,4310.201 970.263,4356.888 1132.615,4371.189 1130.091,4395.583 1125.044,4395.164 "/>
 
        <g class="sites">
 
          <circle id="gcss-01" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="887.405" cy="3544.708" r="10.516"/>
 
          <circle id="gcss-02" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="887.405" cy="3735.24" r="10.515"/>
 
          <circle id="gcss-03" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="887.405" cy="3818.519" r="10.515"/>
 
          <circle id="gcss-04" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="889.929" cy="3986.76" r="10.515"/>
 
          <circle id="gcss-05" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="927.782" cy="4146.587" r="10.515"/>
 
          <circle id="gcss-06" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="918.108" cy="4240.802" r="10.515"/>
 
          <circle id="gcss-07" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="909.696" cy="4312.304" r="10.515"/>
 
          <circle id="gcss-08" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="1086.349" cy="4388.013" r="10.515"/>
 
          <circle id="gcss-09" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="741.456" cy="4356.888" r="10.516"/>
 
          <circle id="gcss-10" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="636.306" cy="4450.261" r="10.516"/>
 
          <circle id="gcss-11" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="590.04" cy="4572.235" r="10.515"/>
 
          <circle id="gcss-12" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="525.268" cy="4719.446" r="10.516"/>
 
          <circle id="gcss-13" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="546.297" cy="4883.901" r="10.515"/>
 
          <circle id="gcss-14" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" cx="512.65" cy="5195.565" r="10.516"/>
 
        </g>
 
      </svg>
 
    </div>
 
  
    <div id="page" class="home container">
+
   position: absolute;
      <div class="row intro">
+
        <div class="col-md-5">
+
          <img src="https://static.igem.org/mediawiki/2015/a/a3/IGEM-genspace-logo-lg.png" alt="">
+
        </div>
+
        <div class="col-md-7">
+
          <div class="page-header">
+
            <h1> <b>Super<span class="green">FUN</span>d Gowanus!</b>   </h1>
+
          </div>
+
          <p class="lead">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.</p>
+
          <!-- <img src="https://static.igem.org/mediawiki/2015/2/23/Columbia_NYC_GenspaceLogo.png" alt=""> -->
+
        </div>
+
      </div>
+
      <div class="row">
+
        <!-- <iframe src="https://www.youtube.com/embed/apROjeiq41o" frameborder="0" allowfullscreen></iframe> -->
+
        <video preload controls poster="https://static.igem.org/mediawiki/2015/7/79/GowanusCanal_poster.png">
+
          <source src="https://static.igem.org/mediawiki/2015/c/c4/GowanusCanal_med.mp4" type="video/mp4">
+
        </video> <p><a href="https://vimeo.com/131812676" target="_blank">What&#039;s In Brooklyn&#039;s Gowanus Canal?</a> from <a href="https://vimeo.com/hakaimagazine">Hakai Magazine</a></p>
+
      </div>
+
    </div>
+
  
    <footer class="footer">
+
  top: 400px;
      <div class="container">
+
  bottom: 0;
        <p class="text-muted">Place sticky footer content here.</p>
+
  left: 500px;
      </div>
+
  right: 0;
    </footer>
+
}
 +
</style>
 +
</head>
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
 +
<script>
 +
var students = d3.selectAll('#contentContainer').selectAll('ul li')
 +
</script>
  
    <script type="text/javascript">
 
    //god awful hack to get this to work
 
    $(function(){
 
        $.get( "https://static.igem.org/mediawiki/2015/a/a7/D3.min.txt", function( data ) {
 
            var resourceContent = data; // can be a global variable too...
 
            $('body').append($('<script>').html(data))
 
  
            d3.selectAll('.dropdown')
+
<h1>Ohana (Our team)</h2>
              .on('mouseover',function(){ this.classList.add('expand') })
+
              .on('mouseout',function(){ this.classList.remove('expand') })
+
  
            var map = d3.select('#map')
+
"'Ohana" means "Family." "Family" means "no one gets left behind." -Stitch
            var img = d3.select('#mapimg')
+
            var content = d3.select('#page')
+
            size()
+
            function size () {
+
              img.style({
+
                width:window.innerWidth+'px',
+
              })
+
              // content.style({
+
              //  height:img.node().getBoundingClientRect().height,
+
              // })
+
            }
+
  
            d3.select(window).on('resize.index',size)
+
<h2> Student Members </h3>
 +
<UL>
 +
<LI><span>Jan Kowalski</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>David Apterman</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Jennifer Phu</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Angel Zou</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Whitney Wong</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Kyle Chen</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Raul Rodriguez</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Quinn Fahey</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Jennifer Yu</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Jason Mohabir</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Kathryn Flanagan</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</br></br>
 +
<LI><span>Marley Giddins</span>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Tobereplaced.png" class="imgDescription" width="400px" height="400px" />
 +
</UL>
  
            d3.selectAll('video')
+
<h4>Inspiration</h4>
              .on('click',function(){
+
<p>You can look at what other teams did to get some inspiration! <br />
                  this.play()
+
Here are a few examples:</p>
              })
+
<ul>
 +
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 +
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 +
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 +
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 +
</ul>
  
            ready()
+
<h5>What should this page contain?</h5>
        });
+
<ul>
    });
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
    </script>
+
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
   
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 +
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 +
</ul>
  
    <!-- // <script src="js/jquery.min.js" charset="utf-8"></script> -->
+
 
    <!-- // <script src="js/slick.min.js" charset="utf-8"></script> -->
+
</div>
    <!-- // <script src="js/bootstrap.js" charset="utf-8"></script> -->
+
</html>
    <!-- // <script src="js/d3.min.js" charset="utf-8"></script> -->
+
    <!-- // <script src="js/d3-jetpack.js"></script> -->
+
    <!-- // <script src="js/graph-scroll.js"></script> -->
+
    <!-- // <script src="js/shared.js"></script> -->
+
</body></html>
+

Revision as of 17:19, 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.

<!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.

Ohana (Our team)

"'Ohana" means "Family." "Family" means "no one gets left behind." -Stitch

Student Members

  • Jan Kowalski

  • David Apterman

  • Jennifer Phu

  • Angel Zou

  • Whitney Wong

  • Kyle Chen

  • Raul Rodriguez

  • Quinn Fahey

  • Jennifer Yu

  • Jason Mohabir

  • Kathryn Flanagan

  • Marley Giddins

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.