Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
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: Garamond !important;
 +
}
 +
.img{position:absolute;z-index:1;}
-
     StuyGem NYC
+
#container{
 +
     display:inline-block;
 +
    position:relative;
 +
}
-
</title>
+
#gameCanvas{
 +
    position:relative;
 +
    z-index:20;
 +
}
-
<!-- Bootstrap core CSS -->
+
</style>
-
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
+
  </head>
 +
  <body>
-
<!-- Documentation extras -->
+
<div class="row">
-
<link href="http://getbootstrap.com/assets/css/docs.min.css" rel="stylesheet">
+
<center>
 +
<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>
-
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
+
</div>
-
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
+
   </div>
-
   <ul class="nav navbar-nav">
+
 
-
    <li>
+
<br>
-
      <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>
+
<!-- Three-up Content Blocks -->
-
    </li>
+
 
-
    <li>
+
  <div class="row">
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Parts">Parts</a>
+
<div class="large-12 columns">
-
    </li>
+
<div id = 'container'>
-
    <li>
+
<center>
-
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Project">Project</a>
+
<img src = "https://static.igem.org/mediawiki/2014hs/b/bd/Dish.gif" class='img' alt="">
-
    </li>
+
<canvas id="gameCanvas" width="500" height="500" onclick="load()"></canvas>
-
  </ul>
+
</center>
-
</nav>
+
-
</header>
+
-
<main class="bs-docs-masthead" id="content" role="main">
+
-
<div class="container">
+
-
  <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>
+
</div>
</div>
-
</main>
+
</div>
-
<footer class="bs-docs-footer" role="contentinfo">
+
</div>
-
<div class="container">
+
    <br>
-
  <a href="https://twitter.com/StuyGEM" class="btn btn-outline btn-lg">Find us on Twitter</a>
+
<br>
-
</footer>
+
 
 +
<!-- 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>© 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 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/3/32/Team.png';
 +
  var imageObj2 = new Image();
 +
      imageObj2.onload = function() {
 +
        ctx.drawImage(imageObj2, 75, 270);
 +
      };
 +
      imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
 +
  var imageObj3 = new Image();
 +
      imageObj3.onload = function() {
 +
        ctx.drawImage(imageObj3, 265, 170);
 +
      };
 +
      imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
  var imageObj4 = new Image();
 +
      imageObj4.onload = function() {
 +
        ctx.drawImage(imageObj4, 265, 270);
 +
      };
 +
      imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.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/4/42/TeamOn.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
                    }
 +
                    else if (mousePos.y >= 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/4/4e/PartsOn.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
                    }
 +
                }
 +
                else if (mousePos.x >= 250){
 +
                    if (mousePos.y < 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
                    }
 +
                    else if (mousePos.y >= 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/4/4b/ProjectOn.png';
 +
                    }
 +
                }
 +
}, false);
 +
 
 +
function load(){
 +
if (imageObj.src == 'https://static.igem.org/mediawiki/2014hs/4/42/TeamOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Team");
 +
}
 +
else if (imageObj2.src == 'https://static.igem.org/mediawiki/2014hs/4/4e/PartsOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Parts");
 +
}
 +
else if (imageObj3.src == 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
 +
}
 +
else if (imageObj4.src == 'https://static.igem.org/mediawiki/2014hs/4/4b/ProjectOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Project");
 +
}
 +
}
 +
 
 +
</script>
 +
  </body>
 +
</html>

Revision as of 02:34, 11 June 2014


StuyGem NYC




Get in touch!

Visit Our Twitter Page!