Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
<title>
+
<html class="no-js" lang="en">
 +
  <head>
 +
    <meta charset="utf-8" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
<br>
 +
    <title>StuyGem NYC</title>
 +
    <link rel="stylesheet" href="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.css?action=raw&ctype=text/css"/>
 +
    <script src="https://2014hs.igem.org/Team:StuyGem_NYC/modernizr.js?action=raw&ctype=text/js"></script>
 +
<style>
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#content {
 +
  border: none;
 +
}
 +
#searchform {
 +
    display: none;
 +
}
 +
body
 +
{
 +
text-align: center;
 +
background-color: #ffffff !important;
 +
}
 +
.mediawiki{
 +
background: #7FFF00;
 +
}
 +
div#top-section{
 +
height: 20px;
 +
margin-bottom: 0px !important;
 +
border: none;
 +
}
 +
#menubar {
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
.left-menu li a, .right-menu li a {
 +
color: black !important;
 +
}
 +
.left-menu ul li, .right-menu ul li a{
 +
background: none;
 +
color: black !important;
 +
}
 +
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 +
    color: black !important;
 +
}
 +
html *
 +
{
 +
  font-family: Century Gothic !important;
 +
}
 +
.img{position:absolute;z-index:1;}
-
     StuyGem NYC
+
#container{
 +
     display:inline-block;
 +
    position:relative;
 +
}
-
</title>
+
#gameCanvas{
 +
    position:relative;
 +
    z-index:20;
 +
}
 +
.thumbnails img {
-
<!-- Bootstrap core CSS -->
+
height: 80px;
-
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
+
-
<!-- Documentation extras -->
+
border: 4px solid #555;
-
<link href="http://getbootstrap.com/assets/css/docs.min.css" rel="stylesheet">
+
-
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
+
padding: 1px;
-
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
+
 
-
  <ul class="nav navbar-nav">
+
margin: 0 10px 10px 0;
-
    <li>
+
 
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Team">Team</a>
+
}
-
    </li>
+
 
-
    <li>
+
 
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors">Sponsers</a>
+
.thumbnails img:hover {
-
    </li>
+
border: 4px solid #00ccff;
-
    <li>
+
 
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Parts">Parts</a>
+
cursor:pointer;
-
    </li>
+
}
-
    <li>
+
 
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Project">Project</a>
+
 
-
    </li>
+
.preview img {
-
   </ul>
+
border: 4px solid #444;
-
</nav>
+
 
-
</header>
+
padding: 1px;
-
<main class="bs-docs-masthead" id="content" role="main">
+
 
-
<div class="container">
+
height: 500px;
-
  <img src = "https://static.igem.org/mediawiki/2014hs/b/bd/Dish.gif" class='img' alt="" height="150" width="150">
+
}
-
<p></p>
+
 
-
<p class="lead">Welcome to StuyGem NYC</p>
+
</style>
 +
   </head>
 +
  <body>
 +
<div class="row">
 +
<p align="right">
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/82/Bacteria.gif">
 +
</p>
</div>
</div>
-
</main>
+
<p>
-
<footer class="bs-docs-footer" role="contentinfo">
+
 
-
<div class="container">
+
<div class="row">
-
  <a href="https://twitter.com/StuyGEM" class="btn btn-outline btn-lg">Find us on Twitter</a>
+
<center>
-
</footer>
+
<marquee behavior="slide" direction="right" scrollamount="20">
 +
<img src="https://static.igem.org/mediawiki/2014hs/4/49/Stuygem1.png">
 +
</marquee>
 +
<p>
 +
<marquee behavior="slide" direction="right" scrollamount="20">
 +
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Stuygem2.png">
 +
</marquee>
 +
<p>
 +
<marquee behavior="slide" direction="right" scrollamount="20">
 +
<img src="https://static.igem.org/mediawiki/2014hs/6/68/Stuygem3.png">
 +
</marquee>
 +
</center>
 +
 
 +
</div>
 +
  </div>
 +
 
 +
<br>
 +
 
 +
 
 +
 
 +
<!-- Three-up Content Blocks -->
 +
 
 +
  <div class="row">
 +
<div class="large-12 columns">
 +
<div id = 'container'>
 +
<center>
 +
<img src = "https://static.igem.org/mediawiki/2014hs/a/a7/Petri-dish.gif" class='img' alt="">
 +
<canvas id="gameCanvas" width="500" height="500" onclick="load()"></canvas>
 +
</center>
 +
</div>
 +
</div>
 +
</div>
 +
    <br>
 +
<br>
 +
 
 +
 
 +
<div class="row">
 +
    <div class="large-12 columns">
 +
<center>
 +
<h3>Photo Gallery</h3>
 +
</center>
 +
<div class="gallery" align="center">
 +
<div class="thumbnails">
 +
 
 +
<img onclick="load1()" id="img1" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load2()" id="img2" src="https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load3()" id="img3" src="https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load4()" id="img4" src="https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load5()" id="img5" src="https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg" alt="Image Not Loaded"/>
 +
</div><br/>
 +
<div class="thumbnails">
 +
<img onclick="load6()" id="img6" src="https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load7()" id="img7" src="https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load8()" id="img8" src="https://static.igem.org/mediawiki/2014hs/7/7e/10469649_775809195802730_1655927593_n.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load9()" id="img9" src="https://static.igem.org/mediawiki/2014hs/4/4e/10478883_775809185802731_498288320_n.jpg" alt="Image Not Loaded"/>
 +
<img onclick="load10()" id="img10" src="https://static.igem.org/mediawiki/2014hs/5/5b/10466823_775809192469397_451170229_n.jpg" alt="Image Not Loaded"/>
 +
 
 +
 
 +
<div class="preview" align="center">
 +
 +
<img id="preview" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg"/>
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
<br>
 +
<br>
 +
 
 +
<!-- Call to Action Panel -->
 +
<div class="row">
 +
    <div class="large-12 columns">
 +
 
 +
      <div class="panel">
 +
        <h4>Get in touch!</h4>
 +
 
 +
        <div class="row">
 +
          <div class="large-9 columns">
 +
            <p align="left">Visit Our Twitter Page!</p>
 +
          </div>
 +
          <div class="large-3 columns">
 +
            <a href="http://twitter.com/StuyGEM" class="radius button right">Tweets!</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 
 +
    </div>
 +
  </div>
 +
 
 +
  <!-- Footer -->
 +
 
 +
  <footer class="row">
 +
<div class="large-12 columns">
 +
  <hr />
 +
  <div class="row" id="foo">
 +
<div class="large-6 columns">
 +
<font color = "aqua">
 +
  <p align="left">© Copyright StuyGem, Foundation</p>
 +
</div>
 +
</font>
 +
<div class="large-6 columns">
 +
  <ul class="inline-list right">
 +
<li><a href="Stuy.edu">Stuyvesant Website</a></li>
 +
<li><a href="igem.org">iGem Website</a></li>
 +
  </ul>
 +
</div>
 +
  </div>
 +
</div>
 +
  </footer>
 +
 
 +
 
 +
<script>
 +
function load1(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg";
 +
}
 +
function load2(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg";
 +
}
 +
 
 +
function load3(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg";
 +
}
 +
 
 +
function load4(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg";
 +
}
 +
 
 +
function load5(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg";
 +
}
 +
 
 +
function load6(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg";
 +
}
 +
 
 +
function load7(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg";
 +
}
 +
 
 +
function load8(){document.getElementById("preview").src = "https://static.igem.org/mediawiki/2014hs/7/7e/10469649_775809195802730_1655927593_n.jpg";
 +
}
 +
 
 +
function load9(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/4/4e/10478883_775809185802731_498288320_n.jpg";
 +
}
 +
 
 +
function load10(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/5/5b/10466823_775809192469397_451170229_n.jpg";
 +
}
 +
 
 +
 
 +
 
 +
</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.orbit.js?action=raw&ctype=text/js" type="text/js"></script>
 +
    <script>
 +
      $(document).foundation();
 +
    </script>
 +
<script>
 +
var canvas = document.getElementById('gameCanvas');
 +
var ctx = canvas.getContext('2d');
 +
var imageObj = new Image();
 +
      imageObj.onload = function() {
 +
        ctx.drawImage(imageObj, 75, 170);
 +
      };
 +
      imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
  var imageObj2 = new Image();
 +
      imageObj2.onload = function() {
 +
        ctx.drawImage(imageObj2, 75, 270);
 +
      };
 +
      imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
  var imageObj3 = new Image();
 +
      imageObj3.onload = function() {
 +
        ctx.drawImage(imageObj3, 265, 170);
 +
      };
 +
      imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
  var imageObj4 = new Image();
 +
      imageObj4.onload = function() {
 +
        ctx.drawImage(imageObj4, 265, 270);
 +
      };
 +
      imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.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 < 250){
 +
                    if (mousePos.y < 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/99/AboutOn.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
                    }
 +
                    else if (mousePos.y >= 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
                    }
 +
                }
 +
                else if (mousePos.x >= 250){
 +
                    if (mousePos.y < 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
                    }
 +
                    else if (mousePos.y >= 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
 +
                    }
 +
                }
 +
}, false);
 +
 
 +
function load(){
 +
if (imageObj.src == 'https://static.igem.org/mediawiki/2014hs/9/99/AboutOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/About");
 +
}
 +
else if (imageObj2.src == 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Team");
 +
}
 +
else if (imageObj3.src == 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Project");
 +
}
 +
else if (imageObj4.src == 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
 +
}
 +
}
 +
 
 +
</script>
 +
  </body>
 +
</html>

Latest revision as of 03:34, 21 June 2014


StuyGem NYC




Photo Gallery

Image Not Loaded Image Not Loaded Image Not Loaded Image Not Loaded Image Not Loaded

Image Not Loaded Image Not Loaded Image Not Loaded Image Not Loaded Image Not Loaded


Get in touch!

Visit Our Twitter Page!

Tweets!

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