Team:StuyGem NYC/Team

From 2014hs.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 6: Line 6:
     <title>StuyGem NYC</title>
     <title>StuyGem NYC</title>
     <link rel="stylesheet" href="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.css?action=raw&ctype=text/css"/>
     <link rel="stylesheet" href="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.css?action=raw&ctype=text/css"/>
-
<link rel="stylesheet" href="http://disqlosure.net/assets/css/stuygen.css">
 
     <style>
     <style>
#content h1.firstHeading {
#content h1.firstHeading {
Line 68: Line 67:
   </head>
   </head>
   <body>
   <body>
-
  <div class="navbar navbar-fixed-top" role="navigation">
 
-
      <div class="container">
 
-
        <div class="navbar-header">
 
-
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
-
            <span class="sr-only">toggle le navigacione</span>
 
-
            <span class="icon-bar"></span>
 
-
            <span class="icon-bar"></span>
 
-
            <span class="icon-bar"></span>
 
-
          </button>
 
-
          <a class="navbar-brand" href="#">StuyGem</a>
 
-
  <div class="navbar-collapse collapse">
 
-
          <ul class="nav navbar-nav">
 
-
            <li><a href="../About">ABOUT</a></li>
 
-
            <li><a href="../Project">PROJECT</a></li>
 
-
<li class="active"><a href="#">TEAM</a></li>
 
-
<li><a href="../Sponsors">SPONSORS</a></li>
 
-
          </ul>
 
-
        </div><!--/.nav-collapse -->
 
-
      </div>
 
-
    </div>
 
-
</div>
 
<div class="row">
<div class="row">
Line 98: Line 76:
<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 115: 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 130: 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 145: 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 161: 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">Student</h6>
                 <h6 class="subheader">Student</h6>
               </div>
               </div>
Line 177: 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 194: 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 210: 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 226: 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 242: 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 258: 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 272: 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 285: 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 325: Line 324:
       </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 494: 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";
 
}
}
-
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";
Line 543: Line 575:
       $(document).foundation();
       $(document).foundation();
     </script>
     </script>
-
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 
-
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 
   </body>
   </body>
</html>
</html>

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"