Team:StuyGem NYC/About

From 2014hs.igem.org

(Difference between revisions)
Line 79: Line 79:
   <body>
   <body>
-
<div class="row">
 
-
<div class="large-12 columns">
 
-
<canvas id="c" width="1000" height="563" onclick="load()"></canvas>
 
-
</div>
 
-
  </div>
 
-
 
-
<br>
 
-
 
-
     
 
<div class="row">
<div class="row">
   
   
Line 209: Line 200:
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/jquery.js?action=raw&ctype=text/js"></script>
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/jquery.js?action=raw&ctype=text/js"></script>
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js?action=raw&ctype=text/js" type="text/js"></script>
     <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js?action=raw&ctype=text/js" type="text/js"></script>
-
<script>
 
-
var canvas = document.getElementById('c');
 
-
var ctx = canvas.getContext('2d');
 
-
var imageObj = new Image();
 
-
      imageObj.onload = function() {
 
-
        ctx.drawImage(imageObj, 0, 0);
 
-
      };
 
-
      imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/9a/Test_Tube_Base.png';
 
-
     
 
-
 
-
 
-
 
-
function getMousePos(canvas, evt) {
 
-
        var rect = canvas.getBoundingClientRect();
 
-
        return {
 
-
          x: evt.clientX - rect.left,
 
-
          y: evt.clientY - rect.top
 
-
        };
 
-
      }
 
-
 
-
canvas.addEventListener('mousemove', function(evt){
 
-
  var mousePos = getMousePos(canvas, evt);
 
-
                if (mousePos.x < 200){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/e/e1/Tube1.jpg';
 
-
}
 
-
else if (mousePos.x < 400){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/c/c0/Tube2.jpg';
 
-
 
-
}
 
-
else if (mousePos.x < 600){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/4/44/Tube3.jpg';
 
-
}
 
-
else if (mousePos.x < 800){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/b/bb/Tube4.jpg';
 
-
}
 
-
else if (mousePos.x < 1000){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/99/Tube5.jpg';
 
-
}
 
-
}, false);
 
-
</script>
 
     <script>
     <script>
       $(document).foundation();
       $(document).foundation();

Revision as of 21:59, 14 June 2014


StuyGem NYC

Blog Post Title

Written by John Smith on August 12, 2012.

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.

Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Blog Post Title

Written by John Smith on August 12, 2012.

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.

Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Retrieved from "http://2014hs.igem.org/Team:StuyGem_NYC/About"