Team:StuyGem NYC/Team

From 2014hs.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 69: Line 69:
<div class="row">
<div class="row">
-
  <div class="large-12 columns">
+
<p align="right">
-
    <canvas id="c" width="1000" height="393" onclick="load()"></canvas>
+
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Bacteria2.gif">
-
  </div>
+
</p>
-
  </div>
+
</div>
 +
<p>
<br>
<br>
-
 
+
<div class="row">
 +
    <div class="large-3 columns">
 +
    </div>
 +
    <div class="large-9 columns">
 +
      <ul class="right button-group">
 +
      <li><a href="https://2014hs.igem.org/Team:StuyGem_NYC/About" class="button">About</a></li>
 +
      <li><a href="https://2014hs.igem.org/Team:StuyGem_NYC/Project" class="button">Project</a></li>
 +
      <li><a href="https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors" class="button">Sponsors</a></li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
<br>
       <div class="row">
       <div class="row">
Line 92: Line 104:
           <a href="https://igem.org/Team.cgi?id=1300">
           <a href="https://igem.org/Team.cgi?id=1300">
           <div class="panel callout radius">
           <div class="panel callout radius">
-
             <h6>10 Students</h6>
+
             <h6>9 Students</h6>
 +
          </div>
 +
          </a>
 +
<a href="#attri">
 +
          <div class="panel callout radius">
 +
            <h6>Go to Attributions</h6>
           </div>
           </div>
           </a>
           </a>
Line 107: Line 124:
             <div class="small-6 large-centered columns" onmouseover="a()" onmouseout="aoff()">
             <div class="small-6 large-centered columns" onmouseover="a()" onmouseout="aoff()">
 +
<a name = "jeff"></a>
               <img id ="pica" src="https://static.igem.org/mediawiki/2014hs/2/2f/HornsteinBW.jpg" width="500" height="500">
               <img id ="pica" src="https://static.igem.org/mediawiki/2014hs/2/2f/HornsteinBW.jpg" width="500" height="500">
               <div class="panel" >
               <div class="panel" >
                 <h5>Jeffrey Horenstein</h5>
                 <h5>Jeffrey Horenstein</h5>
 +
                 <h6 class="subheader">Instructor</h6>
                 <h6 class="subheader">Instructor</h6>
               </div>
               </div>
Line 122: Line 141:
           <div class="small-6 large-centered columns" onmouseover="q()" onmouseout="qoff()" >
           <div class="small-6 large-centered columns" onmouseover="q()" onmouseout="qoff()" >
 +
<a name = "ellen"></a>
               <img id = "picq" src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg" width="500" height="500">
               <img id = "picq" src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg" width="500" height="500">
               <div class="panel">
               <div class="panel">
                 <h5>Ellen Jorgensen</h5>
                 <h5>Ellen Jorgensen</h5>
 +
                 <h6 class="subheader">Advisor</h6>
                 <h6 class="subheader">Advisor</h6>
               </div>
               </div>
Line 138: Line 159:
             <div class="small-6 large-centered columns" onmouseover="b()" onmouseout="boff()">
             <div class="small-6 large-centered columns" onmouseover="b()" onmouseout="boff()">
 +
<a name = "katity"></a>
               <img id = "picb" src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg" width="500" height="500">
               <img id = "picb" src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg" width="500" height="500">
               <div class="panel">
               <div class="panel">
                 <h5>Katty Wu</h5>
                 <h5>Katty Wu</h5>
-
                 <h6 class="subheader">Derp</h6>
+
 
 +
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
             </div>
             </div>
Line 154: Line 177:
             <div class="small-6 large-centered columns" onmouseover="c()" onmouseout="coff()">
             <div class="small-6 large-centered columns" onmouseover="c()" onmouseout="coff()">
 +
<a name = "jacky"></a>
               <img id = "picc" src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg" width="500" height="500">
               <img id = "picc" src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg" width="500" height="500">
Line 171: Line 195:
             <div class="small-6 large-centered columns" onmouseover="j()" onmouseout="joff()">
             <div class="small-6 large-centered columns" onmouseover="j()" onmouseout="joff()">
 +
<a name = "andrei"></a>
               <img id = "picj" src="https://static.igem.org/mediawiki/2014hs/4/42/AndreiBW.jpg" width="500" height="500">
               <img id = "picj" src="https://static.igem.org/mediawiki/2014hs/4/42/AndreiBW.jpg" width="500" height="500">
Line 187: Line 212:
             <div class="small-6 large-centered columns" onmouseover="e()" onmouseout="eoff()">
             <div class="small-6 large-centered columns" onmouseover="e()" onmouseout="eoff()">
 +
<a name = "qiu"></a>
               <img id = pice src="https://static.igem.org/mediawiki/2014hs/7/75/QiuBW.jpg" width="500" height="500">
               <img id = pice src="https://static.igem.org/mediawiki/2014hs/7/75/QiuBW.jpg" width="500" height="500">
Line 203: Line 229:
             <div class="small-6 large-centered columns" onmouseover="f()" onmouseout="foff()">
             <div class="small-6 large-centered columns" onmouseover="f()" onmouseout="foff()">
 +
<a name = "justin"></a>
               <img id = "picf" src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg" width="500" height="500">
               <img id = "picf" src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg" width="500" height="500">
Line 219: Line 246:
             <div class="small-6 large-centered columns" onmouseover="g()" onmouseout="goff()">
             <div class="small-6 large-centered columns" onmouseover="g()" onmouseout="goff()">
 +
<a name = "fiona"></a>
               <img id = "picg" src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg" width="500" height="500">
               <img id = "picg" src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg" width="500" height="500">
               <div class="panel">
               <div class="panel">
                 <h5>Shi Hui Ng</h5>
                 <h5>Shi Hui Ng</h5>
 +
                 <h6 class="subheader">Student</h6>
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
Line 235: Line 264:
             <div class="small-6 large-centered columns" onmouseover="x()" onmouseout="xoff()">
             <div class="small-6 large-centered columns" onmouseover="x()" onmouseout="xoff()">
 +
<a name = "jorge"></a>
               <img id="picx" src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg" width="500" height="500">
               <img id="picx" src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg" width="500" height="500">
               <div class="panel">
               <div class="panel">
                 <h5>Jorge Reyes</h5>
                 <h5>Jorge Reyes</h5>
 +
                 <h6 class="subheader">Student</h6>
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
Line 249: Line 280:
     </div>
     </div>
             <div class="small-6 large-centered columns" onmouseover="p()" onmouseout="poff()">
             <div class="small-6 large-centered columns" onmouseover="p()" onmouseout="poff()">
 +
<a name = "kelvin"></a>
               <img id = "picp" src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png" width="500" height="500">
               <img id = "picp" src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png" width="500" height="500">
               <div class="panel">
               <div class="panel">
                 <h5>Kelvin Mei</h5>
                 <h5>Kelvin Mei</h5>
 +
                 <h6 class="subheader">Student</h6>
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
Line 262: Line 295:
       <p> </p>
       <p> </p>
     </div>
     </div>
-
             <div class="small-6 large-centered columns" onmouseover="n()" onmouseout="noff()">
+
              
-
              <img id = "picn" src="https://static.igem.org/mediawiki/2014hs/e/e8/CamillaBW.jpg" width="500" height="500">
+
-
 
+
-
              <div class="panel">
+
-
                <h5>Camilla Vincent</h5>
+
-
                <h6 class="subheader">Student</h6>
+
-
              </div>
+
-
            </div>
+
-
<div class="large-12 columns">
+
-
    <p id="n1" ></p>
+
-
  </div>
+
-
      <div class = "large-12 columns">
+
-
      <p> </p>
+
-
    </div>
+
             <div class="small-6 large-centered columns" onmouseover="k()" onmouseout="koff()">
             <div class="small-6 large-centered columns" onmouseover="k()" onmouseout="koff()">
 +
<a name = "miranda"></a>
               <img id = "pick" src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg">
               <img id = "pick" src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg">
               <div class="panel">
               <div class="panel">
                 <h5>Miranda Halle</h5>
                 <h5>Miranda Halle</h5>
 +
                 <h6 class="subheader">Student</h6>
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
Line 302: Line 324:
       </div>
       </div>
-
<div class="row">
+
<div class="large-12 columns">
-
<p align="right">
+
<a name="attri"><h2> Attributions </h2></a>
-
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Bacteria2.gif">
+
<p>
 +
<h4> Wetlab Team </h4>
 +
<p>
 +
Performed lab protocols, such as inoculation, miniprep, digestion, PCR, ligation, transformation, gel extraction, and spectroscopy; these are documented on Synbiota.
 +
<a href = "#katity">Katty Wu</a>, <a href = "#jacky">Jacky Cheung</a>, <a href = "#andrei">Andrei Talaba</a>, <a href = "#jorge">Jorge Reyes</a>, <a href = "#qiu">Qiu Chang Wu</a>, <a href = "#justin">Justin Chen</a>, <a href = "#fiona">Shi Hui Ng</a>, <a href = "#miranda">Miranda Halle</a>
 +
</p>
 +
<h4>Coding Team</h4>
 +
<p>
 +
<a href = "#kelvin">Kelvin Mei</a>: He helped write the code for the wiki page by using HTML, CSS, and Java Script.
 +
<a href = "#andrei">Andrei Talaba</a>: He organized how the content will be presented on the wiki page.
 +
<a href = "#jorge">Jorge Reyes</a>: He helped to transfer the text onto the wiki page by using HTML and CSS.
 +
</p>
 +
<h4>Wiki Content Team</h4>
 +
<p>
 +
Wrote the content for the iGEM Registry pages for each biobrick part.
 +
<a href = "#katity">Katty Wu</a>, <a href = "#jacky">Jacky Cheung</a>
 +
</p>
 +
<h4>Photography/Filming Team</h4>
 +
<p>
 +
<a href = "#andrei">Andrei Talaba</a>: He took photos of the members and filmed our video for the Lasker Foundation.
</p>
</p>
 +
<h4>Animation Team</h4>
 +
<p>
 +
<a href = "#qiu">Qiu Chang Wu</a>: She drew computer animations of bacteria dying from sunlight exposure. These animations were used on the website. She tried to make them as cute as possible.
 +
</p>
 +
<h4>Adult Help</h4>
 +
<p>
 +
<a href = "#ellen">Ellen Jorgensen</a>: She mentored the group about how to work in the lab and the safety precautions that are required in Biosafety Level 1.
 +
<a href = "#jeff">Jeffrey Horenstein</a>: He kept the group on schedule and planned the trip to the iGEM Jamboree.
 +
</p>
 +
<hr />
 +
<h2>Acknowledgements</h2>
 +
Victor Jiao: He helped code the website.
 +
Michael Lim: He gave advice for coding the website.
 +
Angela Wu: She is a student from Bronx Science High School who gave emergency coding help.
 +
Zayadur Khan: He is a student from Bronx Science High School who gave emergency coding help.
 +
Cooper Union iGEM Team:  They provided biobrick enzymes and pcr beads at the last hour when our set was used up. They also graciously offered the fluorimeter for our use to qualitatively test our GFP constructs.
 +
Zara Leventhal: She designed StuyGEM team’s logo.
 +
Rebecca Gorla: She assembled the team and advised us on our ideas.
 +
Anne Manwell: She advised team on laboratory techniques.
 +
Jessica Quenzer: She helped to assemble the team.
 +
Jonathan Gastel: He introduced iGEM to us.
 +
David Chen: He helped with wet lab work.
 +
Camilla Vincent: She helped with wet lab work.
</div>
</div>
 +
     <!-- Footer -->
     <!-- Footer -->
Line 349: Line 414:
function a(){
function a(){
-
document.getElementById("a1").innerHTML="Teacher";
+
document.getElementById("a1").innerHTML="Dr. Jeffrey Horenstein teaches biology at Stuyvesant High School in New York City. For his PhD in biology he studied the structure of ion channels. After completing his postdoctoral training, and before teaching high school, Dr. Horenstein worked in the field of technology transfer, where he was involved in the patenting and licensing of biotechnology and medical devices.";
document.getElementById("a1").parentNode.style.backgroundColor="white";
document.getElementById("a1").parentNode.style.backgroundColor="white";
document.getElementById("a1").parentNode.style.borderRadius="25px";
document.getElementById("a1").parentNode.style.borderRadius="25px";
Line 364: Line 429:
}
}
function b(){
function b(){
-
document.getElementById("b1").innerHTML="'Hi, I'm Katty and I like science.' This sentence represented the only two things that I have been positively sure of for the past few years. I remember when I was a child, I was deterred from going into research because a career in research was a 'boring, low-paying job' as portrayed by a woman in a lab coat would be in complete disamusement while using a micropipette. But after launching my research career at Genspace, I realized that it's not boring – it’s exhilarating. I love being at the edge of my seat awaiting the results that I would be of the first to have. It’s so exciting to know that you are contributing to research  that will further our knowledge of the world around us and ultimately, save lives. Research is at the forefront of medicine, and I love it. So in response to that ad, yes, I do want a job like that. One of my favorite things, and also the most frustrating, is figuring out what exactly you did wrong in an experiment. Research is rarely ever a hole in one. It requires multiple attempts of poking and prodding. And the process of getting the result you want is the most rewarding experience. And when you’re finally successful, the feeling evoked is one of the most superior forms of satisfaction.";
+
document.getElementById("b1").innerHTML="'Hi, I'm Katty and I like science.' This sentence represented the only two things that I have been positively sure of for the past few years. I remember when I was a child, I was deterred from going into research because a career in research was a 'boring, low-paying job' as portrayed by a woman in a lab coat in complete disamusement while using a micropipette. But after launching my research career at Genspace, I realized that it's not boring – it’s exhilarating. I love being at the edge of my seat awaiting the results that I would be of the first to have. It’s so exciting to know that you are contributing to research  that will further our knowledge of the world around us and ultimately, save lives. Research is at the forefront of medicine, and I love it. So in response to that ad, yes, I do want a job like that. One of my favorite things, and also the most frustrating, is figuring out what exactly you did wrong in an experiment. Research is rarely ever a hole in one. It requires multiple attempts of poking and prodding. And the process of getting the result you want is the most rewarding experience. And when you’re finally successful, the feeling evoked is one of the most superior forms of satisfaction.";
document.getElementById("b1").parentNode.style.backgroundColor="white";
document.getElementById("b1").parentNode.style.backgroundColor="white";
document.getElementById("b1").parentNode.style.borderRadius="25px";
document.getElementById("b1").parentNode.style.borderRadius="25px";
Line 378: Line 443:
}
}
function c(){
function c(){
-
document.getElementById("c1").innerHTML="From a young age, I was always fascinated with the world around me and my science teachers helped to foster this fascination. If you think about it, life is just a carefully orchestrated series of simultaneous chemical reactions. With a deeper understanding of the sciences (namely biochemistry and biotechnology), one can influence this symphony of life. I started working in the field of synthetic biology because anyone can find a world of possibilities at his or her micro-pipette tips. Beyond the sciences, I live a simple life and appreciate the little things. Life is a whirlwind of activity, but sometimes, its just best to take a step back and enjoy the world around you.";
+
document.getElementById("c1").innerHTML="From a young age, I was always fascinated with the world around me and my science teachers helped to foster this fascination. If you think about it, life is just a carefully orchestrated series of simultaneous chemical reactions. With a deeper understanding of the sciences (namely biochemistry and biotechnology), one can influence this symphony of life. I started working in the field of synthetic biology because anyone can find a world of possibilities at one's micropipette tips. Beyond the sciences, I live a rather simple life and appreciate the little things. Life is a whirlwind of activity, but sometimes, its just best to take a step back and enjoy the world around you.";
document.getElementById("c1").parentNode.style.backgroundColor="white";
document.getElementById("c1").parentNode.style.backgroundColor="white";
document.getElementById("c1").parentNode.style.borderRadius="25px";
document.getElementById("c1").parentNode.style.borderRadius="25px";
Line 434: Line 499:
}
}
function x(){
function x(){
-
document.getElementById("x1").innerHTML="Student";
+
document.getElementById("x1").innerHTML="Science has always fascinated me because it is one of the most logical and incorruptible universal truths. Biology has interested me the most, above all other forms of science, because of the importance of understanding the concept of life from all possible aspects. Because our scientific knowledge is ever expansive, I find that the pursuit of scientific facts is one of the most entertaining things in the world. Besides science I am also interested in playing music, watching anime and attempting to learn new languages.";
document.getElementById("x1").parentNode.style.backgroundColor="white";
document.getElementById("x1").parentNode.style.backgroundColor="white";
document.getElementById("x1").parentNode.style.borderRadius="25px";
document.getElementById("x1").parentNode.style.borderRadius="25px";
Line 475: Line 540:
document.getElementById("k1").innerHTML="";
document.getElementById("k1").innerHTML="";
document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg";
document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg";
-
}
 
-
function n() {
 
-
document.getElementById("n1").innerHTML="Student";
 
-
document.getElementById("n1").parentNode.style.backgroundColor="white";
 
-
document.getElementById("n1").parentNode.style.borderRadius="25px";
 
-
document.getElementById("n1").parentNode.style.color="black";
 
-
document.getElementById("n1").parentNode.style.boxShadow="5px 8px 12px grey";
 
-
document.getElementById("picn").src="https://static.igem.org/mediawiki/2014hs/8/8b/Camilla.jpg";
 
}
}
-
 
-
// the code starts here
 
-
 
-
var canvas = document.getElementById('c');
 
-
    var ctx = canvas.getContext('2d');
 
-
var imageObj = new Image();
 
-
      imageObj.onload = function() {
 
-
        ctx.drawImage(imageObj, 0, 0);
 
-
      };
 
-
      imageObj.src = 'https://static.igem.org/mediawiki/2014hs/4/4f/TBase.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 < 200){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/f/f8/Testtube1.png';
 
-
}
 
-
else if (mousePos.x < 400){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/0/06/Testtube2.png';
 
-
 
-
}
 
-
else if (mousePos.x < 600){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/6/6c/Testtube3.png';
 
-
}
 
-
else if (mousePos.x < 800){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/8/84/Testtube4.png';
 
-
}
 
-
else if (mousePos.x < 1000){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/8/85/Testtube5.png';
 
-
}
 
-
}, false);
 
-
 
-
function noff(){
 
-
document.getElementById("n1").innerHTML="";
 
-
document.getElementById("n1").parentNode.style.backgroundColor="transparent";
 
-
document.getElementById("n1").parentNode.style.boxShadow="";
 
-
document.getElementById("picn").src="https://static.igem.org/mediawiki/2014hs/e/e8/CamillaBW.jpg";
 
-
}
 
function p(){
function p(){
-
document.getElementById("p1").innerHTML="I was never really interested in Biology. I prefer to be attached to a computer and coding. Ever since my first computer science class, I made up my mind to major in CS.";
+
document.getElementById("p1").innerHTML="Unlike the others, I was never really interested in Biology. I prefer to be attached to a computer and coding various fun things from applets to webpages. Ever since my first computer science class, I made up my mind to major in CS.";
document.getElementById("p1").parentNode.style.backgroundColor="white";
document.getElementById("p1").parentNode.style.backgroundColor="white";
document.getElementById("p1").parentNode.style.borderRadius="25px";
document.getElementById("p1").parentNode.style.borderRadius="25px";

Latest revision as of 03:39, 21 June 2014


StuyGem NYC



StuyGem Team Members

Lots of people, just lots.
9 Students
Go to Attributions
Jeffrey Horenstein
Instructor

Ellen Jorgensen
Advisor

Katty Wu
Student

Jacky Cheung
Student

Andrei Talaba
Student

Qiu Chang Wu
Student

Justin Chen
Student

Shi Hui Ng
Student

Jorge Reyes
Student

Kelvin Mei
Student

Miranda Halle
Student

Attributions

Wetlab Team

Performed lab protocols, such as inoculation, miniprep, digestion, PCR, ligation, transformation, gel extraction, and spectroscopy; these are documented on Synbiota. Katty Wu, Jacky Cheung, Andrei Talaba, Jorge Reyes, Qiu Chang Wu, Justin Chen, Shi Hui Ng, Miranda Halle

Coding Team

Kelvin Mei: He helped write the code for the wiki page by using HTML, CSS, and Java Script. Andrei Talaba: He organized how the content will be presented on the wiki page. Jorge Reyes: He helped to transfer the text onto the wiki page by using HTML and CSS.

Wiki Content Team

Wrote the content for the iGEM Registry pages for each biobrick part. Katty Wu, Jacky Cheung

Photography/Filming Team

Andrei Talaba: He took photos of the members and filmed our video for the Lasker Foundation.

Animation Team

Qiu Chang Wu: She drew computer animations of bacteria dying from sunlight exposure. These animations were used on the website. She tried to make them as cute as possible.

Adult Help

Ellen Jorgensen: She mentored the group about how to work in the lab and the safety precautions that are required in Biosafety Level 1. Jeffrey Horenstein: He kept the group on schedule and planned the trip to the iGEM Jamboree.


Acknowledgements

Victor Jiao: He helped code the website. Michael Lim: He gave advice for coding the website. Angela Wu: She is a student from Bronx Science High School who gave emergency coding help. Zayadur Khan: He is a student from Bronx Science High School who gave emergency coding help. Cooper Union iGEM Team: They provided biobrick enzymes and pcr beads at the last hour when our set was used up. They also graciously offered the fluorimeter for our use to qualitatively test our GFP constructs. Zara Leventhal: She designed StuyGEM team’s logo. Rebecca Gorla: She assembled the team and advised us on our ideas. Anne Manwell: She advised team on laboratory techniques. Jessica Quenzer: She helped to assemble the team. Jonathan Gastel: He introduced iGEM to us. David Chen: He helped with wet lab work. Camilla Vincent: She helped with wet lab work.

Retrieved from "http://2014hs.igem.org/Team:StuyGem_NYC/Team"