Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 50: Line 50:
html *
html *
{
{
-
   font-family: Garamond !important;
+
   font-family: Century Gothic !important;
}
}
.img{position:absolute;z-index:1;}
.img{position:absolute;z-index:1;}
Line 62: Line 62:
     position:relative;
     position:relative;
     z-index:20;
     z-index:20;
 +
}
 +
.thumbnails img {
 +
 +
height: 80px;
 +
 +
border: 4px solid #555;
 +
 +
padding: 1px;
 +
 +
margin: 0 10px 10px 0;
 +
 +
}
 +
 +
 +
.thumbnails img:hover {
 +
border: 4px solid #00ccff;
 +
 +
cursor:pointer;
 +
}
 +
 +
 +
.preview img {
 +
border: 4px solid #444;
 +
 +
padding: 1px;
 +
 +
height: 500px;
}
}
Line 67: Line 94:
   </head>
   </head>
   <body>
   <body>
 +
<div class="row">
 +
<p align="right">
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/82/Bacteria.gif">
 +
</p>
 +
</div>
 +
<p>
<div class="row">
<div class="row">
Line 96: Line 129:
<div id = 'container'>
<div id = 'container'>
<center>
<center>
-
<img src = "https://static.igem.org/mediawiki/2014hs/b/bd/Dish.gif" class='img' alt="">
+
<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>
<canvas id="gameCanvas" width="500" height="500" onclick="load()"></canvas>
</center>
</center>
Line 103: Line 136:
</div>
</div>
     <br>
     <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>
<br>
Line 133: Line 202:
<div class="large-6 columns">
<div class="large-6 columns">
<font color = "aqua">
<font color = "aqua">
-
  <p>© Copyright StuyGem, Foundation</p>
+
  <p align="left">© Copyright StuyGem, Foundation</p>
</div>
</div>
</font>
</font>
Line 147: Line 216:
 +
<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>
Line 169: Line 264:
         ctx.drawImage(imageObj, 75, 170);
         ctx.drawImage(imageObj, 75, 170);
       };
       };
-
       imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
+
       imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
  var imageObj2 = new Image();
  var imageObj2 = new Image();
       imageObj2.onload = function() {
       imageObj2.onload = function() {
         ctx.drawImage(imageObj2, 75, 270);
         ctx.drawImage(imageObj2, 75, 270);
       };
       };
-
       imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
+
       imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
  var imageObj3 = new Image();
  var imageObj3 = new Image();
       imageObj3.onload = function() {
       imageObj3.onload = function() {
         ctx.drawImage(imageObj3, 265, 170);
         ctx.drawImage(imageObj3, 265, 170);
       };
       };
-
       imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
+
       imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
  var imageObj4 = new Image();
  var imageObj4 = new Image();
       imageObj4.onload = function() {
       imageObj4.onload = function() {
         ctx.drawImage(imageObj4, 265, 270);
         ctx.drawImage(imageObj4, 265, 270);
       };
       };
-
       imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
+
       imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
Line 203: Line 298:
                 if (mousePos.x < 250){
                 if (mousePos.x < 250){
                     if (mousePos.y < 250){
                     if (mousePos.y < 250){
-
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/4/42/TeamOn.png';
+
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/99/AboutOn.png';
-
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
+
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
-
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
+
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
-
    imageObj4.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){
                     else if (mousePos.y >= 250){
-
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
+
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
-
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/4/4e/PartsOn.png';
+
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png';
-
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
+
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
-
    imageObj4.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){
                 else if (mousePos.x >= 250){
                     if (mousePos.y < 250){
                     if (mousePos.y < 250){
-
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
+
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
-
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
+
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
-
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
+
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png';
-
    imageObj4.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){
                     else if (mousePos.y >= 250){
-
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
+
                     imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
-
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/7/79/Parts.png';
+
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
-
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
+
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
-
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/4/4b/ProjectOn.png';
+
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
                     }
                     }
                 }
                 }
Line 232: Line 327:
function load(){
function load(){
-
if (imageObj.src == 'https://static.igem.org/mediawiki/2014hs/4/42/TeamOn.png')
+
if (imageObj.src == 'https://static.igem.org/mediawiki/2014hs/9/99/AboutOn.png')
{
{
-
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Team");
+
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/About");
}
}
-
else if (imageObj2.src == 'https://static.igem.org/mediawiki/2014hs/4/4e/PartsOn.png')
+
else if (imageObj2.src == 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png')
{
{
-
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Parts");
+
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Team");
}
}
-
else if (imageObj3.src == 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png')
+
else if (imageObj3.src == 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png')
{
{
-
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
+
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Project");
}
}
-
else if (imageObj4.src == 'https://static.igem.org/mediawiki/2014hs/4/4b/ProjectOn.png')
+
else if (imageObj4.src == 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png')
{
{
-
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Project");
+
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
}
}
}
}

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"