Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html class="no-js" lang="en">
+
<title>
-
  <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;}
+
-
#container{
+
     StuyGem NYC
-
     display:inline-block;
+
-
    position:relative;
+
-
}
+
-
#gameCanvas{
+
</title>
-
    position:relative;
+
-
    z-index:20;
+
-
}
+
-
</style>
+
<!-- Bootstrap core CSS -->
-
  </head>
+
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
-
  <body>
+
-
<div class="row">
+
<!-- Documentation extras -->
-
<center>
+
<link href="http://getbootstrap.com/assets/css/docs.min.css" rel="stylesheet">
-
<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>
+
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
-
   </div>
+
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
-
 
+
   <ul class="nav navbar-nav">
-
<br>
+
    <li>
-
 
+
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Team">Team</a>
-
 
+
    </li>
-
 
+
    <li>
-
<!-- Three-up Content Blocks -->
+
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors">Sponsers</a>
-
+
    </li>
-
  <div class="row">
+
    <li>
-
<div class="large-12 columns">
+
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Parts">Parts</a>
-
<div id = 'container'>
+
    </li>
-
<center>
+
    <li>
-
<img src = "https://static.igem.org/mediawiki/2014hs/b/bd/Dish.gif" class='img' alt="">
+
      <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Project">Project</a>
-
<canvas id="gameCanvas" width="500" height="500" onclick="load()"></canvas>
+
    </li>
-
</center>
+
  </ul>
 +
</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>
-
</div>
+
</main>
-
</div>
+
<footer class="bs-docs-footer" role="contentinfo">
-
    <br>
+
<div class="container">
-
<br>
+
  <a href="https://twitter.com/StuyGEM" class="btn btn-outline btn-lg">Find us on Twitter</a>
-
 
+
</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:33, 11 June 2014

<title> 

   StuyGem NYC

</title>

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

<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"> <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">

</nav> </header> <main class="bs-docs-masthead" id="content" role="main"> 

 <img src = "Dish.gif" class='img' alt="" height="150" width="150">

Welcome to StuyGem NYC

</main> <footer class="bs-docs-footer" role="contentinfo"> 

 <a href="https://twitter.com/StuyGEM" class="btn btn-outline btn-lg">Find us on Twitter</a>
</footer>
Retrieved from "http://2014hs.igem.org/Team:StuyGem_NYC"