Team:StuyGem NYC/Team
From 2014hs.igem.org
Kelvinn1996 (Talk | contribs) |
|||
(11 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"/> | ||
- | |||
<style> | <style> | ||
#content h1.firstHeading { | #content h1.firstHeading { | ||
Line 68: | Line 67: | ||
</head> | </head> | ||
<body> | <body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<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> | + | <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="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 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> | ||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:39, 21 June 2014
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.