Team:StuyGem NYC/Team

From 2014hs.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 47: Line 47:
   /*background-color: red !important;*/
   /*background-color: red !important;*/
}
}
-
html {
+
html{
-
     background-color: #F0FFFF !important;
+
     background-color: white !important;
-
  font-family: Garamond !important;
+
}
 +
html * {
 +
font-family: Century Gothic !important
}
}
body {
body {
-
     background-color: #F0FFFF !important;
+
     background-color: white !important;
}
}
.row {
.row {
-
     background-color: #F0FFFF !important;
+
     background-color: white !important;
}
}
     </style>
     </style>
Line 67: Line 69:
<div class="row">
<div class="row">
-
<div class="large-12 columns">
+
<p align="right">
-
<canvas id="c" width="1000" height="563" 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 90: 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>12 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 105: 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>
             </div>
             </div>
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="a1"></p>
+
    <p id="a1"></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 120: 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 129: Line 152:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="q1" ></p>
+
    <p id="q1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 136: 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 146: Line 171:
<div class="large-12 columns">
<div class="large-12 columns">
<p id="b1"></p>
<p id="b1"></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 152: 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 161: Line 187:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="c1"></p>
+
    <p id="c1"></p>
-
</div>
+
  </div>
     <div class = "large-12 columns">
     <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 169: 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 178: Line 205:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="j1" ></p>
+
    <p id="j1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 185: 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 194: Line 222:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="e1" ></p>
+
    <p id="e1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 201: 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 210: Line 239:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="f1" ></p>
+
    <p id="f1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 217: 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 226: Line 257:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="g1" ></p>
+
    <p id="g1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 233: 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>
             </div>
             </div>
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="x1" ></p>
+
    <p id="x1" ></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
     </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 255: Line 290:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="n1" ></p>
+
     <p id="p1" ></p>
-
</div>
+
  </div>
-
      <div class = "large-12 columns">
+
-
      <p> </p>
+
-
     </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="p1" ></p>
+
-
</div>
+
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
     </div>
     </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 285: Line 309:
<div class="large-12 columns">
<div class="large-12 columns">
-
<p id="k1"></p>
+
    <p id="k1"></p>
-
</div>
+
  </div>
       <div class = "large-12 columns">
       <div class = "large-12 columns">
       <p> </p>
       <p> </p>
Line 299: Line 323:
         </div>
         </div>
       </div>
       </div>
 +
 +
<div class="large-12 columns">
 +
<a name="attri"><h2> Attributions </h2></a>
 +
<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>
 +
<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>
Line 304: Line 376:
       <footer class="row">
       <footer class="row">
-
<div class="large-12 columns">
+
  <div class="large-12 columns">
-
  <hr />
+
    <hr />
-
  <div class="row">
+
    <div class="row">
-
<div class="large-6 columns">
+
    <div class="large-6 columns">
-
<font color = "aqua">
+
    <font color = "aqua">
-
  <p>© Copyright StuyGem, Foundation</p>
+
      <p>© Copyright StuyGem, Foundation</p>
-
</div>
+
    </div>
-
</font>
+
    </font>
-
<div class="large-6 columns">
+
    <div class="large-6 columns">
-
  <ul class="inline-list right">
+
      <ul class="inline-list right">
-
<li><a href="Stuy.edu">Stuyvesant Website</a></li>
+
      <li><a href="Stuy.edu">Stuyvesant Website</a></li>
-
<li><a href="igem.org">iGem Website</a></li>
+
      <li><a href="igem.org">iGem Website</a></li>
-
  </ul>
+
      </ul>
-
</div>
+
    </div>
-
  </div>
+
    </div>
-
</div>
+
  </div>
   </footer>
   </footer>
Line 342: 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("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("a1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("a1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("a1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/f/f3/Hornstein.JPG";
document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/f/f3/Hornstein.JPG";
}
}
Line 352: Line 424:
document.getElementById("a1").innerHTML="";
document.getElementById("a1").innerHTML="";
document.getElementById("a1").parentNode.style.backgroundColor="transparent";
document.getElementById("a1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("a1").parentNode.style.boxShadow="";
document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/2/2f/HornsteinBW.jpg";
document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/2/2f/HornsteinBW.jpg";
}
}
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("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("b1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("b1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("b1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picb").src="https://static.igem.org/mediawiki/2014hs/6/6c/Katty.JPG";
document.getElementById("picb").src="https://static.igem.org/mediawiki/2014hs/6/6c/Katty.JPG";
}
}
Line 367: Line 439:
document.getElementById("b1").innerHTML="";
document.getElementById("b1").innerHTML="";
document.getElementById("b1").parentNode.style.backgroundColor="transparent";
document.getElementById("b1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("b1").parentNode.style.boxShadow="";
document.getElementById("picb").src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg";
document.getElementById("picb").src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg";
}
}
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 386: Line 458:
function e(){
function e(){
document.getElementById("e1").innerHTML="I love infectious diseases - studying them, not contracting them. I love the beauty of viral structures under the scanning electron microscope. I love the plates of bacteria growing in perfect little circles. I love these things very much, but often times its not considered normal. iGem gives me the outlet to see those perfectly circular colonies and marvel at the beauty of nature's tiny perfection.";
document.getElementById("e1").innerHTML="I love infectious diseases - studying them, not contracting them. I love the beauty of viral structures under the scanning electron microscope. I love the plates of bacteria growing in perfect little circles. I love these things very much, but often times its not considered normal. iGem gives me the outlet to see those perfectly circular colonies and marvel at the beauty of nature's tiny perfection.";
-
document.getElementById("q1").parentNode.style.backgroundColor="white";
+
document.getElementById("e1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("e1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("e1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("e1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("pice").src="https://static.igem.org/mediawiki/2014hs/d/d6/Qiu.jpg";
document.getElementById("pice").src="https://static.igem.org/mediawiki/2014hs/d/d6/Qiu.jpg";
}
}
Line 395: Line 467:
document.getElementById("e1").innerHTML="";
document.getElementById("e1").innerHTML="";
document.getElementById("e1").parentNode.style.backgroundColor="transparent";
document.getElementById("e1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("e1").parentNode.style.boxShadow="";
document.getElementById("pice").src="https://static.igem.org/mediawiki/2014hs/7/75/QiuBW.jpg";
document.getElementById("pice").src="https://static.igem.org/mediawiki/2014hs/7/75/QiuBW.jpg";
}
}
Line 401: Line 473:
document.getElementById("f1").innerHTML="I believe that science is the truth. There are many things about life that are too amazing to be explained in layman terms and as a result, I want to find scientific explanations for these phenomena of life. Research is a way for me to pursue that goal. iGEM has a large amount of autonomy which most other research competitions don't have and allows students to make anything they want as long as they use synthetic biology. I see myself as a neurologist or a neuroscientist. I am awesome because I believe I am.I don't like cats.I like to read science fiction books for fun and pondering about innovations involving science. I imagine that one day, I will be living in a world just like those in the science fiction books I read. There will be unlimited resources, easy ways to clone organs, flawless prosthetic limbs, and more. It's because science has no limit and can make the impossible happen that I love it so much. As I said, Science Is Truth.";
document.getElementById("f1").innerHTML="I believe that science is the truth. There are many things about life that are too amazing to be explained in layman terms and as a result, I want to find scientific explanations for these phenomena of life. Research is a way for me to pursue that goal. iGEM has a large amount of autonomy which most other research competitions don't have and allows students to make anything they want as long as they use synthetic biology. I see myself as a neurologist or a neuroscientist. I am awesome because I believe I am.I don't like cats.I like to read science fiction books for fun and pondering about innovations involving science. I imagine that one day, I will be living in a world just like those in the science fiction books I read. There will be unlimited resources, easy ways to clone organs, flawless prosthetic limbs, and more. It's because science has no limit and can make the impossible happen that I love it so much. As I said, Science Is Truth.";
document.getElementById("f1").parentNode.style.backgroundColor="white";
document.getElementById("f1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("f1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("f1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("f1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picf").src="https://static.igem.org/mediawiki/2014hs/b/b2/Justin.JPG";
document.getElementById("picf").src="https://static.igem.org/mediawiki/2014hs/b/b2/Justin.JPG";
}
}
Line 410: Line 482:
document.getElementById("picf").src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg";
document.getElementById("picf").src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg";
document.getElementById("f1").parentNode.style.backgroundColor="transparent";
document.getElementById("f1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("f1").parentNode.style.boxShadow="";
}
}
function g(){
function g(){
document.getElementById("g1").innerHTML="I first got into science in my genetics class. I remember going on a trip to the DNA lab and isolating my cheek cell's genetic material. It was a process that took hours but yielded information that I didn't know about myself, like where one of my earliest ancestors came from. That was the start of my relationship with genetics. Other than that, I love to draw, read, and bike! Cats are cute especially when they're curious about little things like alarm clocks.";
document.getElementById("g1").innerHTML="I first got into science in my genetics class. I remember going on a trip to the DNA lab and isolating my cheek cell's genetic material. It was a process that took hours but yielded information that I didn't know about myself, like where one of my earliest ancestors came from. That was the start of my relationship with genetics. Other than that, I love to draw, read, and bike! Cats are cute especially when they're curious about little things like alarm clocks.";
document.getElementById("g1").parentNode.style.backgroundColor="white";
document.getElementById("g1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("g1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("g1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("g1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picg").src="https://static.igem.org/mediawiki/2014hs/1/1f/Fiona.JPG";
document.getElementById("picg").src="https://static.igem.org/mediawiki/2014hs/1/1f/Fiona.JPG";
}
}
Line 423: Line 495:
document.getElementById("g1").innerHTML="";
document.getElementById("g1").innerHTML="";
document.getElementById("g1").parentNode.style.backgroundColor="transparent";
document.getElementById("g1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("g1").parentNode.style.boxShadow="";
document.getElementById("picg").src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg";
document.getElementById("picg").src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg";
}
}
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("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("x1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("x1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("x1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/4/4a/Jorge.JPG";
document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/4/4a/Jorge.JPG";
}
}
Line 437: Line 509:
document.getElementById("x1").innerHTML="";
document.getElementById("x1").innerHTML="";
document.getElementById("x1").parentNode.style.backgroundColor="transparent";
document.getElementById("x1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("x1").parentNode.style.boxShadow="";
document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg";
document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg";
}
}
Line 443: Line 515:
document.getElementById("j1").innerHTML="Student";
document.getElementById("j1").innerHTML="Student";
document.getElementById("j1").parentNode.style.backgroundColor="white";
document.getElementById("j1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("j1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("j1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("j1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picj").src="https://static.igem.org/mediawiki/2014hs/a/a2/Andrei.JPG";
document.getElementById("picj").src="https://static.igem.org/mediawiki/2014hs/a/a2/Andrei.JPG";
document.getElementById("j1").innerHTML="Life is mesmerizing. One of the principles of biology is called emergent properties, which states that as more and more “entities” work on the same thing, they’ll eventually become a cohesive, complex unit. Cells to tissue. Tissues to organ. Organs to organ systems. And so on. The idea that the whole is greater than the sum of its parts. After learning this for the first time in my freshman biology class, I started thinking about things in different ways. Sure, I’m Andrei Talaba. I like photography, guitar, fencing, and programming. I study science, and I’m an aspiring physician. But I’m more than that. And at the same time less than that. I am billions of cells trying to make sense of what will ensure their survival and cause the release of dopamine. I am life that, through research and experiments, manipulates life. I am Andrei, and I love Biology.";
document.getElementById("j1").innerHTML="Life is mesmerizing. One of the principles of biology is called emergent properties, which states that as more and more “entities” work on the same thing, they’ll eventually become a cohesive, complex unit. Cells to tissue. Tissues to organ. Organs to organ systems. And so on. The idea that the whole is greater than the sum of its parts. After learning this for the first time in my freshman biology class, I started thinking about things in different ways. Sure, I’m Andrei Talaba. I like photography, guitar, fencing, and programming. I study science, and I’m an aspiring physician. But I’m more than that. And at the same time less than that. I am billions of cells trying to make sense of what will ensure their survival and cause the release of dopamine. I am life that, through research and experiments, manipulates life. I am Andrei, and I love Biology.";
Line 452: Line 524:
document.getElementById("j1").innerHTML="";
document.getElementById("j1").innerHTML="";
document.getElementById("j1").parentNode.style.backgroundColor="transparent";
document.getElementById("j1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("j1").parentNode.style.boxShadow="";
document.getElementById("picj").src="https://static.igem.org/mediawiki/2014hs/4/42/AndreiBW.jpg";
document.getElementById("picj").src="https://static.igem.org/mediawiki/2014hs/4/42/AndreiBW.jpg";
}
}
function k(){
function k(){
-
document.getElementById("k1").innerHTML="Student";
+
document.getElementById("k1").innerHTML="I’ve always had an interest in biology, particularly molecular biology. For me, molecular bio is both more fundamental and contains much more possibility. However, even at a math a science high school, I was really only ever able to pursue this interest in an academic setting that was rather conceptual. Since I started working at Genspace, however, I have been able to accrue hands-on lab experience which has taught me not just skill, but also provided a context for the concepts I learned in AP Biology. iGEM has helped further, because it allows us to design and complete a focused project which is a super important thing to learn and know how to do.";
document.getElementById("k1").parentNode.style.backgroundColor="white";
document.getElementById("k1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("k1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("k1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("k1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/9/9b/Miranda.JPG";
document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/9/9b/Miranda.JPG";
}
}
function koff(){
function koff(){
document.getElementById("k1").parentNode.style.backgroundColor="transparent";
document.getElementById("k1").parentNode.style.backgroundColor="transparent";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("k1").parentNode.style.boxShadow="";
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("c1").parentNode.style.borderRadius="25px";
 
-
document.getElementById("c1").parentNode.style.color="black";
 
-
document.getElementById("c1").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/9/9a/Test_Tube_Base.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/e/e1/Tube1.jpg';
 
-
}
 
-
else if (mousePos.x < 400){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/c/c0/Tube2.jpg';
 
-
 
-
}
 
-
else if (mousePos.x < 600){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/4/44/Tube3.jpg';
 
-
}
 
-
else if (mousePos.x < 800){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/b/bb/Tube4.jpg';
 
-
}
 
-
else if (mousePos.x < 1000){
 
-
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/99/Tube5.jpg';
 
-
}
 
-
}, false);
 
-
 
-
function noff(){
 
-
document.getElementById("n1").innerHTML="";
 
-
document.getElementById("n1").parentNode.style.backgroundColor="transparent";
 
-
document.getElementById("c1").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="Student";
+
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("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("p1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("p1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("p1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/7/70/Kelvin.JPG";
document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/7/70/Kelvin.JPG";
}
}
Line 537: Line 553:
document.getElementById("p1").parentNode.style.backgroundColor="transparent";
document.getElementById("p1").parentNode.style.backgroundColor="transparent";
document.getElementById("p1").innerHTML="";
document.getElementById("p1").innerHTML="";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("p1").parentNode.style.boxShadow="";
document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png";
document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png";
}
}
function q(){
function q(){
-
document.getElementById("q1").innerHTML="Advisor";
+
document.getElementById("q1").innerHTML="Dr. Ellen Jorgensen is a molecular biologist who spent most of her career in biotech industry. One day she inexplicably found herself in charge of a community lab. It was a lot more fun, and she gets to hang out with students who have way more programming skills than she does. Ellen considers herself an advocate for citizen science and the democratization of hands-on biotech.";
document.getElementById("q1").parentNode.style.backgroundColor="white";
document.getElementById("q1").parentNode.style.backgroundColor="white";
-
document.getElementById("c1").parentNode.style.borderRadius="25px";
+
document.getElementById("q1").parentNode.style.borderRadius="25px";
-
document.getElementById("c1").parentNode.style.color="black";
+
document.getElementById("q1").parentNode.style.color="black";
-
document.getElementById("c1").parentNode.style.boxShadow="5px 8px 12px grey";
+
document.getElementById("q1").parentNode.style.boxShadow="5px 8px 12px grey";
document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/3/31/Ellen.jpg";
document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/3/31/Ellen.jpg";
}
}
Line 551: Line 567:
document.getElementById("q1").parentNode.style.backgroundColor="transparent";
document.getElementById("q1").parentNode.style.backgroundColor="transparent";
document.getElementById("q1").innerHTML="";
document.getElementById("q1").innerHTML="";
-
document.getElementById("c1").parentNode.style.boxShadow="";
+
document.getElementById("q1").parentNode.style.boxShadow="";
document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg";
document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg";
}
}

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"