"
Team:StuyGem NYC/Team
From 2014hs.igem.org
(Difference between revisions)
| 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 { | ||
| - | + | visibility:hidden; | |
} | } | ||
#p-logo { | #p-logo { | ||
| - | + | display: none; | |
} | } | ||
#content{ | #content{ | ||
| - | + | border: none; | |
} | } | ||
#searchform { | #searchform { | ||
display: none; | display: none; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
.mediawiki{ | .mediawiki{ | ||
| - | + | background: #ffffff; | |
} | } | ||
| - | div#top-section{ | + | div#top-section{ |
| - | + | height: 20px; | |
| - | + | margin-bottom: 0px !important; | |
| - | + | border: none; | |
} | } | ||
#menubar { | #menubar { | ||
| - | + | position: absolute; | |
| - | + | ||
background-color: transparent; | background-color: transparent; | ||
| - | + | color: black; | |
} | } | ||
.left-menu li a, .right-menu li a { | .left-menu li a, .right-menu li a { | ||
| - | + | color: black !important; | |
} | } | ||
.left-menu ul li, .right-menu ul li a{ | .left-menu ul li, .right-menu ul li a{ | ||
| - | + | background: none; | |
| - | + | color: black !important; | |
} | } | ||
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { | ||
| Line 50: | Line 45: | ||
html * | html * | ||
{ | { | ||
| + | /*background-color: red !important;*/ | ||
| + | } | ||
| + | html { | ||
| + | background-color: #F0FFFF !important; | ||
font-family: Garamond !important; | font-family: Garamond !important; | ||
} | } | ||
| - | </style> | + | |
| + | body { | ||
| + | background-color: #F0FFFF !important; | ||
| + | } | ||
| + | |||
| + | .row { | ||
| + | background-color: #F0FFFF !important; | ||
| + | } | ||
| + | |||
| + | .fancy { | ||
| + | background-color: white; | ||
| + | border-radius: 25px; | ||
| + | color: black; | ||
| + | box-shadow: 5px 8px 12px grey; | ||
| + | } | ||
| + | </style> | ||
| + | <script src="https://2014hs.igem.org/Team:StuyGem_NYC/modernizr.js?action=raw&ctype=text/js"></script> | ||
| + | <script src="https://2014hs.igem.org/Team:StuyGem_NYC/jquery.js?action=raw&ctype=text/js"></script> | ||
| + | <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js?action=raw&ctype=text/js" type="text/js"></script> | ||
</head> | </head> | ||
<body> | <body> | ||
| Line 63: | Line 80: | ||
<br> | <br> | ||
| - | + | ||
<div class="row"> | <div class="row"> | ||
| - | + | ||
<!-- Side Bar --> | <!-- Side Bar --> | ||
| - | + | ||
<div class="large-4 small-12 columns"> | <div class="large-4 small-12 columns"> | ||
<a href = "https://2014hs.igem.org/Team:StuyGem_NYC"> | <a href = "https://2014hs.igem.org/Team:StuyGem_NYC"> | ||
| Line 77: | Line 94: | ||
</h5> | </h5> | ||
</div> | </div> | ||
| - | + | ||
<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"> | ||
| Line 83: | Line 100: | ||
</div> | </div> | ||
</a> | </a> | ||
| - | + | ||
</div> | </div> | ||
| - | + | ||
<!-- End Side Bar --> | <!-- End Side Bar --> | ||
| - | + | ||
| - | + | ||
<!-- Thumbnails --> | <!-- Thumbnails --> | ||
| - | + | ||
<div class="large-8 columns"> | <div class="large-8 columns"> | ||
<div class="row"> | <div class="row"> | ||
| - | + | ||
<div class="small-6 large-centered columns" onmouseover="a()" onmouseout="aoff()"> | <div class="small-6 large-centered columns" onmouseover="a()" onmouseout="aoff()"> | ||
<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"> | ||
| Line 105: | Line 122: | ||
<p id="a1"></p> | <p id="a1"></p> | ||
</div> | </div> | ||
| + | <div class = "large-12 columns"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="q()" onmouseout="qoff()" > | <div class="small-6 large-centered columns" onmouseover="q()" onmouseout="qoff()" > | ||
<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> | ||
| Line 116: | Line 136: | ||
<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"> | |
| + | <p> </p> | ||
| + | </div> | ||
| + | |||
<div class="small-6 large-centered columns" onmouseover="b()" onmouseout="boff()"> | <div class="small-6 large-centered columns" onmouseover="b()" onmouseout="boff()"> | ||
<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> | ||
| Line 131: | Line 154: | ||
<p id="b1"></p> | <p id="b1"></p> | ||
</div> | </div> | ||
| + | <div class = "large-12 columns"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="c()" onmouseout="coff()"> | <div class="small-6 large-centered columns" onmouseover="c()" onmouseout="coff()"> | ||
<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"> | ||
| - | + | ||
<div class="panel"> | <div class="panel"> | ||
<h5>Jacky Cheung</h5> | <h5>Jacky Cheung</h5> | ||
| Line 144: | Line 170: | ||
<p id="c1"></p> | <p id="c1"></p> | ||
</div> | </div> | ||
| + | <div class = "large-12 columns"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="j()" onmouseout="joff()"> | <div class="small-6 large-centered columns" onmouseover="j()" onmouseout="joff()"> | ||
<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"> | ||
| - | + | ||
<div class="panel"> | <div class="panel"> | ||
<h5>Andrei Talaba</h5> | <h5>Andrei Talaba</h5> | ||
| Line 156: | Line 185: | ||
<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"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="e()" onmouseout="eoff()"> | <div class="small-6 large-centered columns" onmouseover="e()" onmouseout="eoff()"> | ||
<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"> | ||
| - | + | ||
<div class="panel"> | <div class="panel"> | ||
<h5>Qiu Chang Wu</h5> | <h5>Qiu Chang Wu</h5> | ||
| Line 169: | Line 201: | ||
<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"> | |
| + | <p> </p> | ||
| + | </div> | ||
| + | |||
<div class="small-6 large-centered columns" onmouseover="f()" onmouseout="foff()"> | <div class="small-6 large-centered columns" onmouseover="f()" onmouseout="foff()"> | ||
<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"> | ||
| - | + | ||
<div class="panel"> | <div class="panel"> | ||
<h5>Justin Chen</h5> | <h5>Justin Chen</h5> | ||
| Line 182: | Line 217: | ||
<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"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="g()" onmouseout="goff()"> | <div class="small-6 large-centered columns" onmouseover="g()" onmouseout="goff()"> | ||
<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> | ||
| Line 195: | Line 233: | ||
<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"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="x()" onmouseout="xoff()"> | <div class="small-6 large-centered columns" onmouseover="x()" onmouseout="xoff()"> | ||
<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> | ||
| Line 207: | Line 248: | ||
</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"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="p()" onmouseout="poff()"> | <div class="small-6 large-centered columns" onmouseover="p()" onmouseout="poff()"> | ||
<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"> | ||
| Line 216: | Line 260: | ||
</div> | </div> | ||
</div> | </div> | ||
| - | + | ||
<div class="large-12 columns"> | <div class="large-12 columns"> | ||
| - | <p id="n1"></p> | + | <p id="n1" ></p> |
</div> | </div> | ||
| + | <div class = "large-12 columns"> | ||
| + | <p> </p> | ||
| + | </div> | ||
<div class="small-6 large-centered columns" onmouseover="n()" onmouseout="noff()"> | <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"> | <img id = "picn" src="https://static.igem.org/mediawiki/2014hs/e/e8/CamillaBW.jpg" width="500" height="500"> | ||
| - | + | ||
<div class="panel"> | <div class="panel"> | ||
<h5>Camilla Vincent</h5> | <h5>Camilla Vincent</h5> | ||
| Line 229: | Line 276: | ||
</div> | </div> | ||
<div class="large-12 columns"> | <div class="large-12 columns"> | ||
| - | <p id="p1"></p> | + | <p id="p1" ></p> |
</div> | </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()"> | ||
<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> | ||
| Line 244: | Line 294: | ||
<p id="k1"></p> | <p id="k1"></p> | ||
</div> | </div> | ||
| - | + | <div class = "large-12 columns"> | |
| - | + | <p> </p> | |
| + | </div> | ||
| + | |||
| + | |||
<!-- End Thumbnails --> | <!-- End Thumbnails --> | ||
| - | |||
| - | + | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| - | + | ||
| - | + | ||
<!-- Footer --> | <!-- Footer --> | ||
| - | + | ||
<footer class="row"> | <footer class="row"> | ||
<div class="large-12 columns"> | <div class="large-12 columns"> | ||
| Line 273: | Line 326: | ||
</div> | </div> | ||
</div> | </div> | ||
| - | </div> | + | </div> |
</footer> | </footer> | ||
| - | + | ||
<!-- End Footer --> | <!-- End Footer --> | ||
| - | + | ||
</div> | </div> | ||
</div> | </div> | ||
| - | |||
| - | |||
| Line 291: | Line 342: | ||
| - | + | ||
| - | + | ||
| - | < | + | |
| - | + | ||
| + | <script> | ||
| + | |||
function a(){ | function a(){ | ||
document.getElementById("a1").innerHTML="Teacher"; | document.getElementById("a1").innerHTML="Teacher"; | ||
| + | document.getElementById("a1").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("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"; | ||
} | } | ||
function aoff(){ | function aoff(){ | ||
document.getElementById("a1").innerHTML=""; | document.getElementById("a1").innerHTML=""; | ||
| + | document.getElementById("a1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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 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").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("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"; | ||
} | } | ||
function boff(){ | function boff(){ | ||
document.getElementById("b1").innerHTML=""; | document.getElementById("b1").innerHTML=""; | ||
| + | document.getElementById("b1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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 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").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("picc").src="https://static.igem.org/mediawiki/2014hs/4/47/Jacky.JPG"; | document.getElementById("picc").src="https://static.igem.org/mediawiki/2014hs/4/47/Jacky.JPG"; | ||
} | } | ||
| Line 318: | Line 388: | ||
document.getElementById("c1").innerHTML=""; | document.getElementById("c1").innerHTML=""; | ||
document.getElementById("picc").src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg"; | document.getElementById("picc").src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg"; | ||
| - | + | document.getElementById("c1").parentNode.style.backgroundColor="transparent"; | |
| + | document.getElementById("c1").parentNode.style.boxShadow=""; | ||
} | } | ||
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("c1").parentNode.style.borderRadius="25px"; | ||
| + | document.getElementById("c1").parentNode.style.color="black"; | ||
| + | document.getElementById("c1").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"; | ||
} | } | ||
function eoff(){ | function eoff(){ | ||
document.getElementById("e1").innerHTML=""; | document.getElementById("e1").innerHTML=""; | ||
| + | document.getElementById("e1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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"; | ||
} | } | ||
function f(){ | function f(){ | ||
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("c1").parentNode.style.borderRadius="25px"; | ||
| + | document.getElementById("c1").parentNode.style.color="black"; | ||
| + | document.getElementById("c1").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 335: | Line 416: | ||
document.getElementById("f1").innerHTML=""; | document.getElementById("f1").innerHTML=""; | ||
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("c1").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("c1").parentNode.style.borderRadius="25px"; | ||
| + | document.getElementById("c1").parentNode.style.color="black"; | ||
| + | document.getElementById("c1").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"; | ||
} | } | ||
function goff(){ | function goff(){ | ||
document.getElementById("g1").innerHTML=""; | document.getElementById("g1").innerHTML=""; | ||
| + | document.getElementById("g1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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="Student"; | ||
| + | document.getElementById("x1").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("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"; | ||
} | } | ||
function xoff(){ | function xoff(){ | ||
document.getElementById("x1").innerHTML=""; | document.getElementById("x1").innerHTML=""; | ||
| + | document.getElementById("x1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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"; | ||
} | } | ||
function j(){ | function j(){ | ||
document.getElementById("j1").innerHTML="Student"; | document.getElementById("j1").innerHTML="Student"; | ||
| + | document.getElementById("j1").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("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."; |
} | } | ||
function joff(){ | function joff(){ | ||
document.getElementById("j1").innerHTML=""; | document.getElementById("j1").innerHTML=""; | ||
| + | document.getElementById("j1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("c1").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="Student"; | ||
| + | document.getElementById("k1").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("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("c1").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"; | ||
| Line 372: | Line 478: | ||
function n() { | function n() { | ||
document.getElementById("n1").innerHTML="Student"; | 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"; | document.getElementById("picn").src="https://static.igem.org/mediawiki/2014hs/8/8b/Camilla.jpg"; | ||
} | } | ||
| - | + | ||
| - | + | ||
| - | + | // the code starts here | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
var canvas = document.getElementById('c'); | var canvas = document.getElementById('c'); | ||
| - | + | var ctx = canvas.getContext('2d'); | |
var imageObj = new Image(); | var imageObj = new Image(); | ||
imageObj.onload = function() { | imageObj.onload = function() { | ||
| Line 403: | Line 495: | ||
}; | }; | ||
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/9/9a/Test_Tube_Base.png'; | 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){ | canvas.addEventListener('mousemove', function(evt){ | ||
| - | + | var mousePos = getMousePos(canvas, evt); | |
if (mousePos.x < 200){ | if (mousePos.x < 200){ | ||
imageObj.src = 'https://static.igem.org/mediawiki/2014hs/e/e1/Tube1.jpg'; | imageObj.src = 'https://static.igem.org/mediawiki/2014hs/e/e1/Tube1.jpg'; | ||
| Line 435: | Line 527: | ||
}, false); | }, false); | ||
| - | </script> | + | 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(){ | ||
| + | document.getElementById("p1").innerHTML="Student"; | ||
| + | document.getElementById("p1").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("picp").src="https://static.igem.org/mediawiki/2014hs/7/70/Kelvin.JPG"; | ||
| + | } | ||
| + | function poff(){ | ||
| + | document.getElementById("p1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("p1").innerHTML=""; | ||
| + | document.getElementById("c1").parentNode.style.boxShadow=""; | ||
| + | document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png"; | ||
| + | } | ||
| + | function q(){ | ||
| + | document.getElementById("q1").innerHTML="Advisor"; | ||
| + | document.getElementById("q1").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("picq").src="https://static.igem.org/mediawiki/2014hs/3/31/Ellen.jpg"; | ||
| + | } | ||
| + | function qoff(){ | ||
| + | document.getElementById("q1").parentNode.style.backgroundColor="transparent"; | ||
| + | document.getElementById("q1").innerHTML=""; | ||
| + | document.getElementById("c1").parentNode.style.boxShadow=""; | ||
| + | document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg"; | ||
| + | } | ||
| + | </script> | ||
| + | |||
<script> | <script> | ||
$(document).foundation(); | $(document).foundation(); | ||
Revision as of 20:53, 14 June 2014
Jeffrey Horenstein
Instructor
Ellen Jorgensen
Advisor
Katty Wu
Derp
Jacky Cheung
Student
Andrei Talaba
Student
Qiu Chang Wu
Student
Justin Chen
Student
Shi Hui Ng
Student
Jorge Reyes
Student
Kelvin Mei
Student
Camilla Vincent
Student
Miranda Halle
Student
