Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(46 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 63: Line 63:
     z-index:20;
     z-index:20;
}
}
 +
.thumbnails img {
 +
 +
height: 80px;
 +
 +
border: 4px solid #555;
 +
 +
padding: 1px;
 +
 +
margin: 0 10px 10px 0;
-
foo{
 
-
text-align:left !important;
 
}
}
 +
 +
 +
.thumbnails img:hover {
 +
border: 4px solid #00ccff;
 +
 +
cursor:pointer;
 +
}
 +
 +
 +
.preview img {
 +
border: 4px solid #444;
 +
 +
padding: 1px;
 +
 +
height: 500px;
 +
}
 +
</style>
</style>
   </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">
-
<div class="large-12 columns">
 
<center>
<center>
<marquee behavior="slide" direction="right" scrollamount="20">
<marquee behavior="slide" direction="right" scrollamount="20">
Line 95: 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 107: 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 112: 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">
-
             <p>Visit Our Twitter Page!</p>
+
             <p align="left">Visit Our Twitter Page!</p>
           </div>
           </div>
           <div class="large-3 columns">
           <div class="large-3 columns">
Line 125: 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 137: 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 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 173: 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 207: 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 236: 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"