Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(146 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 id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #fe2b33; /*background-color: #fe2b33;*/">
+
</div>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; /*color: #f6f6f6*/; padding: 5px;">
+
  </div>
-
lml Katty. READ THESE INSTRUCTIONS.
+
 
-
</div>
+
<br>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
 
 +
 
 +
<!-- 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 id="warning" style="/*text-align: center;*/ font-weight: bold; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
 
-
You <strong>MUST</strong> have the following information on your wiki:
 
-
<ul style="font-weight:normal;">
 
-
<li>a team description</li>
 
-
<li>project description</li>
 
-
<li>safety information (did your team take a safety training course? were you supervised in the lab?)</li>
 
-
<li>team attribution (who did what part of your project?)</li>
 
-
</ul>
 
-
You may also wish to add other page such as:
 
-
<ul style="font-weight:normal;">
 
-
<li>lab notebook</li>
 
-
<li>sponsor information</li>
 
-
<li>other information</li>
 
-
</ul>
 
-
REMEMBER, keep all of your pages within your teams namespace. <br><span style="font-weight:normal; font-style:italic;">Example: 2013hs.igem.org/Team:StuyGem_NYC/Our_Pets</span>
 
</div>
</div>
</div>
</div>
 +
    <br>
 +
<br>
-
<!-- *********************** End of the alert box *********************** -->
+
<div class="row">
 +
    <div class="large-12 columns">
 +
<center>
 +
<h3>Photo Gallery</h3>
 +
</center>
 +
<div class="gallery" align="center">
 +
<div class="thumbnails">
-
<br>
+
<img onclick="load1()" id="img1" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" alt="Image Not Loaded"/>
-
<div id = "banner">
+
<img onclick="load2()" id="img2" src="https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg" alt="Image Not Loaded"/>
-
<img src="https://scontent-b-iad.xx.fbcdn.net/hphotos-prn2/t1.0-9/1381707_622755347774783_828345360_n.jpg">
+
<img onclick="load3()" id="img3" src="https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg" alt="Image Not Loaded"/>
-
</div>
+
<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"/>
-
</html>
 
-
{|align="justify"
+
<div class="preview" align="center">
-
|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.
+
   
-
|[[Image:StuyGem_NYC_logo.png|200px|right|frame]]
+
<img id="preview" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg"/>
-
|-
+
</div>
-
|
+
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:StuyGem_NYC_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:StuyGem_NYC | Team StuyGem_NYC]]
+
-
|}
+
-
<!--- Team Information Link --->
+
</div>  
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</div>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&division=high_school&team_name=StuyGem_NYC Official Team Profile]
+
</div>
-
|}
+
</div>
 +
<br>
 +
<br>
-
===Team===
+
<!-- Call to Action Panel -->
-
Tell us about your team, your school!
+
<div class="row">
 +
    <div class="large-12 columns">
 +
      <div class="panel">
 +
        <h4>Get in touch!</h4>
-
===Project===
+
        <div class="row">
-
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 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>
-
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.
+
    </div>
 +
  </div>
-
===Notebook===
+
  <!-- Footer -->
-
Show us how you spent your days.
+
 +
  <footer class="row">
 +
<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>
-
===Results/Conclusions===
 
-
What did you achieve over the course of your semester?
 
 +
<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";
 +
}
-
===Safety===
+
function load3(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg";
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
}
 +
function load4(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg";
 +
}
-
===Attributions===
+
function load5(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg";
-
Who worked on what?
+
}
 +
function load6(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg";
 +
}
-
===Human Practices===
+
function load7(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg";
-
What impact does/will your project have on the public? 
+
}
 +
function load8(){document.getElementById("preview").src = "https://static.igem.org/mediawiki/2014hs/7/7e/10469649_775809195802730_1655927593_n.jpg";
 +
}
-
===Fun!===
+
function load9(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/4/4e/10478883_775809185802731_498288320_n.jpg";
-
What was your favorite team snack?? Have a picture of your team mascot?
+
}
 +
function load10(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/5/5b/10466823_775809192469397_451170229_n.jpg";
 +
}
 +
</script>
-
<forum_subtle />
 
-
<html>
+
    <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!