Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 23: Line 23:
{
{
text-align: center;
text-align: center;
-
background-color:#ffffff !important;
+
background-color: #ffffff !important;
}
}
.mediawiki{
.mediawiki{
-
background: #ffffff;
+
background: #7FFF00;
}
}
-
div#top-section{
+
div#top-section{
height: 20px;
height: 20px;
margin-bottom: 0px !important;
margin-bottom: 0px !important;
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;}
#container{
#container{
-
     display:inline-block;  
+
     display:inline-block;
-
     position:relative;  
+
     position:relative;
}
}
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 91: Line 124:
<!-- Three-up Content Blocks -->
<!-- Three-up Content Blocks -->
-
+
 
   <div class="row">
   <div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
<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 108: Line 177:
<div class="row">
<div class="row">
     <div class="large-12 columns">
     <div class="large-12 columns">
-
   
+
 
       <div class="panel">
       <div class="panel">
         <h4>Get in touch!</h4>
         <h4>Get in touch!</h4>
-
           
+
 
         <div class="row">
         <div class="row">
           <div class="large-9 columns">
           <div class="large-9 columns">
Line 121: Line 190:
         </div>
         </div>
       </div>
       </div>
-
     
+
 
     </div>
     </div>
   </div>
   </div>
-
+
 
   <!-- Footer -->
   <!-- Footer -->
-
 
+
 
   <footer class="row">
   <footer class="row">
<div class="large-12 columns">
<div class="large-12 columns">
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 143: Line 212:
</div>
</div>
  </div>
  </div>
-
</div>  
+
</div>
   </footer>
   </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/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>
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';
 +
 
 +
 
 +
 
 +
 
-
 
-
 
-
 
-
 
function getMousePos(canvas, evt) {
function getMousePos(canvas, evt) {
         var rect = canvas.getBoundingClientRect();
         var rect = canvas.getBoundingClientRect();
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')
{
{
-
location.replace("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')
{
{
-
location.replace("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')
{
{
-
location.replace("project");
+
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
}
}
}
}
-
 
+
 
</script>
</script>
   </body>
   </body>
</html>
</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"