Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(145 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html class="no-js" lang="en">
-
 
+
  <head>
-
<html>
+
    <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>
<style>
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#content {
 +
  border: none;
 +
}
 +
#searchform {
 +
    display: none;
 +
}
body
body
{
{
-
background-color:#BCED91;
+
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 *
html *
{
{
-
   font-family: Garamond !important;
+
   font-family: Century Gothic !important;
}
}
-
banner {
+
.img{position:absolute;z-index:1;}
-
position: absolute;
+
 
-
                top: 0px;
+
#container{
-
                left: 0px;
+
    display:inline-block;
-
                right: 0px;
+
    position:relative;
-
                width: 100%;
+
}
-
                height: 200px;
+
 
 +
#gameCanvas{
 +
    position:relative;
 +
    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;
}
}
</style>
</style>
 +
  </head>
 +
  <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">
 +
<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>
 +
 +
</div>
 +
  </div>
<br>
<br>
-
<div id = "banner">
+
 
-
<img src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1.0-9/1381707_622755347774783_828345360_n.jpg">
+
 
 +
 
 +
<!-- Three-up Content Blocks -->
 +
 
 +
  <div class="row">
 +
<div class="large-12 columns">
 +
<div id = 'container'>
 +
<center>
 +
<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>
 +
</center>
</div>
</div>
 +
</div>
 +
</div>
 +
    <br>
 +
<br>
-
</html>
 
-
{|align="justify"
+
<div class="row">
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
    <div class="large-12 columns">
-
|[[Image:StuyGem_NYC_logo.png|200px|right|frame]]
+
<center>
-
|-
+
<h3>Photo Gallery</h3>
-
|
+
</center>
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<div class="gallery" align="center">
-
|[[Image:StuyGem_NYC_team.png|right|frame|Your team picture]]
+
<div class="thumbnails">
-
|-
+
-
|
+
-
|align="center"|[[Team:StuyGem_NYC | Team StuyGem_NYC]]
+
-
|}
+
-
<!--- Team Information Link --->
+
<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"/>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&division=high_school&team_name=StuyGem_NYC Official Team Profile]
 
-
|}
 
-
===Team===
+
<div class="preview" align="center">
-
Tell us about your team, your school!
+
 +
<img id="preview" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg"/>
 +
</div>
 +
</div>
-
===Project===
+
</div>
-
With the advent of synthetic biology and commercial usage of bacterial cells, one major concern is that rogue cells may escape their controlled environment, and alter the outside ecosystem. As humans, we have brought genetically modified organisms into systems for the purpose of fixing a problem, however things don’t always go as planned. The importance of a kill switch is for the control of the particular bacterial cells in question. The goal is to produce a way to terminate the bacteria, and therefore its function, to prevent further spread of the cells outside of the system.
+
</div>
 +
</div>
 +
<br>
 +
<br>
-
The goal of this project is to produce a device that will cause the bacteria to self-destruct upon exposure to a factor in the environment not present in a laboratory setting. Our team will design and build a kill switch under the control of an inducible promoter.  The self-destruction method will be determined later - we are evaluating several options such as lysis induction, production of an antibiotic or antimicrobial peptides, etc. After this device has been produced, the team will characterize its success by placing the bacteria in a situation which will simulate environmental release. The creation of a kill switch is imperative for acceptance of the idea of commercial usage of genetically modified organisms.
+
<!-- Call to Action Panel -->
 +
<div class="row">
 +
    <div class="large-12 columns">
-
===Notebook===
+
      <div class="panel">
-
Show us how you spent your days.
+
        <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>
-
===Results/Conclusions===
+
    </div>
-
What did you achieve over the course of your semester?
+
  </div>
 +
  <!-- Footer -->
-
===Safety===
+
  <footer class="row">
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
<div class="large-12 columns">
 +
  <hr />
 +
  <div class="row" id="foo">
 +
<div class="large-6 columns">
 +
<font color = "aqua">
 +
  <p align="left">© 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>
-
===Attributions===
+
<script>
-
Who worked on what?
+
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";
 +
}
-
===Human Practices===
+
function load4(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg";
-
What impact does/will your project have on the public? 
+
}
 +
function load5(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg";
 +
}
-
===Fun!===
+
function load6(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg";
-
What was your favorite team snack?? Have a picture of your team mascot?
+
}
 +
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";
 +
}
-
<forum_subtle />
 
-
<html>
+
 
 +
</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.orbit.js?action=raw&ctype=text/js" type="text/js"></script>
 +
    <script>
 +
      $(document).foundation();
 +
    </script>
<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/7/7c/About.png';
 +
  var imageObj2 = new Image();
 +
      imageObj2.onload = function() {
 +
        ctx.drawImage(imageObj2, 75, 270);
 +
      };
 +
      imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
  var imageObj3 = new Image();
 +
      imageObj3.onload = function() {
 +
        ctx.drawImage(imageObj3, 265, 170);
 +
      };
 +
      imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
  var imageObj4 = new Image();
 +
      imageObj4.onload = function() {
 +
        ctx.drawImage(imageObj4, 265, 270);
 +
      };
 +
      imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.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/9/99/AboutOn.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.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){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png';
 +
    imageObj3.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){
 +
                    if (mousePos.y < 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/1/16/Sponsors.png';
 +
                    }
 +
                    else if (mousePos.y >= 250){
 +
                    imageObj.src = 'https://static.igem.org/mediawiki/2014hs/7/7c/About.png';
 +
    imageObj2.src = 'https://static.igem.org/mediawiki/2014hs/3/32/Team.png';
 +
    imageObj3.src = 'https://static.igem.org/mediawiki/2014hs/9/92/Project.png';
 +
    imageObj4.src = 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png';
 +
                    }
 +
                }
 +
}, false);
 +
 +
function load(){
 +
if (imageObj.src == 'https://static.igem.org/mediawiki/2014hs/9/99/AboutOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/About");
 +
}
 +
else if (imageObj2.src == 'https://static.igem.org/mediawiki/2014hs/3/3f/TOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Team");
 +
}
 +
else if (imageObj3.src == 'https://static.igem.org/mediawiki/2014hs/1/13/POn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Project");
 +
}
 +
else if (imageObj4.src == 'https://static.igem.org/mediawiki/2014hs/2/20/SponsorsOn.png')
 +
{
 +
window.location.replace("https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors");
 +
}
 +
}
 +
</script>
</script>
 +
  </body>
</html>
</html>

Latest revision as of 03:34, 21 June 2014


StuyGem NYC




Photo Gallery



Get in touch!

Visit Our Twitter Page!