|
|
(29 intermediate revisions not shown) |
Line 36: |
Line 36: |
| background: none; | | background: none; |
| color: black; | | color: black; |
- | } | + | } |
| .left-menu li a, .right-menu li a { | | .left-menu li a, .right-menu li a { |
| color: black !important; | | color: black !important; |
Line 47: |
Line 47: |
| color: black !important; | | color: black !important; |
| } | | } |
- | html * | + | html *{ |
- | { | + | background-color: white !important; |
| font-family: Century Gothic !important; | | font-family: Century Gothic !important; |
| } | | } |
| + | ul |
| + | { |
| + | list-style-type: none; |
| + | } |
| + | |
| + | body { |
| + | background-color: white !important; |
| + | } |
| + | |
| + | .row { |
| + | background-color: white !important; |
| + | } |
| + | |
| + | .fancy p { |
| + | margin: 1px; |
| + | } |
| + | .fancy { |
| + | background-color: white; |
| + | border-radius: 25px; |
| + | color: black; |
| + | box-shadow: 1px 3px 5px grey; |
| + | display:inline; |
| + | height: 100px; |
| + | width: 500px; |
| + | padding: 10px; |
| + | margin: 10px; |
| + | } |
| + | |
| </style> | | </style> |
| </head> | | </head> |
| <body> | | <body> |
| + | <a name="top"></a> |
| | | |
| <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/d/db/Bacteria3.gif"> |
- | </div>
| + | </p> |
- | </div>
| + | </div> |
- | | + | <p> |
- | <br> | + | <div class="row"> |
| | | |
- | <div class="row">
| + | |
- |
| + | <div class="large-9 columns" role="content"> |
- | <!-- Side Bar -->
| + | <h1> PROJECT </h1> |
- |
| + | <article> |
- | <div class="large-4 small-12 columns">
| + | |
- | <a href = "https://2014hs.igem.org/Team:StuyGem_NYC">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014hs/4/4c/StuyGemLogo.png">
| + | |
- | </a>
| + | |
- | <div class="hide-for-small panel">
| + | |
- | <h3>StuyGem Team Members</h3>
| + | |
- | <h5 class="subheader">Lots of people, just lots.
| + | |
- | </h5>
| + | |
- | </div>
| + | |
- |
| + | |
- | <a href="https://igem.org/Team.cgi?id=1300">
| + | |
- | <div class="panel callout radius">
| + | |
- | <h6>12 Students</h6>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- |
| + | |
- | </div>
| + | |
- |
| + | |
- | <!-- End Side Bar -->
| + | |
- |
| + | |
- |
| + | |
- | <!-- Thumbnails -->
| + | |
- |
| + | |
- | <div class="large-8 columns">
| + | |
- | <div class="row">
| + | |
- |
| + | |
- | <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">
| + | |
| | | |
- | <div class="panel" >
| + | <h3> PARTS </h3> |
- | <h5>Jeffrey Horenstein</h5>
| + | <table style="width:600px"> |
- | <h6 class="subheader">Instructor</h6>
| + | <tr> |
- | </div>
| + | <td>Part Number</td> |
- | </div>
| + | <td> |
- | <div class="large-12 columns"> | + | Description |
- | <p id="a1"></p>
| + | </td> |
- | </div>
| + | <td> |
| + | Length</td> |
| | | |
- | <div class="small-6 large-centered columns" onmouseover="q()" onmouseout="qoff()" >
| + | </tr> |
- | <img id = "picq" src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg" width="500" height="500">
| + | <tr> |
- |
| + | <td> |
- | <div class="panel">
| + | <a href="http://parts.igem.org/Part:BBa_K1300000">BBa_K1300000</a> |
- | <h5>Ellen Jorgensen</h5>
| + | </td> |
- | <h6 class="subheader">Advisor</h6>
| + | <td> |
- | </div>
| + | RecA + Trans + dterm |
- | </div>
| + | </td> |
| + | <td> |
| + | 431 bp |
| + | </td> |
| + | </tr> |
| | | |
- | <div class="large-12 columns">
| + | </tr> |
- | <p id="q1"></p>
| + | <tr> |
- | </div>
| + | <td> |
- |
| + | <a href="http://parts.igem.org/Part:BBa_K1300001">BBa_K1300001</a> |
- | <div class="small-6 large-centered columns" onmouseover="b()" onmouseout="boff()">
| + | </td> |
- | <img id = "picb" src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg" width="500" height="500">
| + | <td> |
- |
| + | pTet + Cis + ccdB + dterm |
- | <div class="panel">
| + | </td> |
- | <h5>Katty Wu</h5>
| + | <td> |
- | <h6 class="subheader">Derp</h6>
| + | 907 bp |
- | </div>
| + | </td> |
- | </div>
| + | </tr> |
| | | |
- | <div class="large-12 columns">
| |
- | <p id="b1"></p>
| |
- | </div>
| |
| | | |
- | <div class="small-6 large-centered columns" onmouseover="c()" onmouseout="coff()">
| + | </tr> |
- | <img id = "picc" src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg" width="500" height="500">
| + | <tr> |
- |
| + | <td> |
- | <div class="panel">
| + | <a href="http://parts.igem.org/Part:BBa_K1300002">BBa_K1300002</a> |
- | <h5>Jacky Cheung</h5>
| + | </td> |
- | <h6 class="subheader">Student</h6>
| + | <td> |
- | </div>
| + | T7 + Cis |
- | </div>
| + | </td> |
| + | <td> |
| + | 93 bp |
| + | </td> |
| + | </tr> |
| | | |
- | <div class="large-12 columns">
| |
- | <p id="c1"></p>
| |
- | </div>
| |
| | | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300003">BBa_K1300003</a> |
| + | </td> |
| + | <td> |
| + | T7 + Cis + ccdB |
| + | </td> |
| + | <td> |
| + | 405 bp |
| + | </td> |
| + | </tr> |
| | | |
- | <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">
| |
- |
| |
- | <div class="panel">
| |
- | <h5>Andrei Talaba</h5>
| |
- | <h6 class="subheader">Student</h6>
| |
- | </div>
| |
- | </div>
| |
| | | |
- | <div class="large-12 columns"> | + | </tr> |
- | <p id="j1"></p>
| + | <tr> |
- | </div>
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300004">BBa_K1300004</a> |
| + | </td> |
| + | <td> |
| + | T7 + Cis + Coding GFP |
| + | </td> |
| + | <td> |
| + | 979 bp |
| + | </td> |
| + | </tr> |
| | | |
- | <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">
| |
- |
| |
- | <div class="panel">
| |
- | <h5>Qiu Chang Wu</h5>
| |
- | <h6 class="subheader">Student</h6>
| |
- | </div>
| |
- | </div>
| |
| | | |
- | <div class="large-12 columns">
| + | </tr> |
- | <p id="e1"></p>
| + | <tr> |
- | </div>
| + | <td> |
- |
| + | <a href="http://parts.igem.org/Part:BBa_K1300005">BBa_K1300005</a> |
- | <div class="small-6 large-centered columns" onmouseover="f()" onmouseout="foff()">
| + | </td> |
- | <img id = "picf" src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg" width="500" height="500">
| + | <td> |
- |
| + | Translational ccdB |
- | <div class="panel">
| + | </td> |
- | <h5>Justin Chen</h5>
| + | <td> |
- | <h6 class="subheader">Student</h6>
| + | 320 bp |
- | </div>
| + | </td> |
- | </div>
| + | </tr> |
| | | |
- | <div class="large-12 columns">
| |
- | <p id="f1"></p>
| |
- | </div>
| |
| | | |
- | <div class="small-6 large-centered columns" onmouseover="g()" onmouseout="goff()">
| + | </tr> |
- | <img id = "picg" src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg" width="500" height="500">
| + | <tr> |
- |
| + | <td> |
- | <div class="panel">
| + | <a href="http://parts.igem.org/Part:BBa_K1300006">BBa_K1300006</a> |
- | <h5>Shi Hui Ng</h5>
| + | </td> |
- | <h6 class="subheader">Student</h6>
| + | <td> |
- | </div>
| + | coding ccdB |
- | </div>
| + | </td> |
| + | <td> |
| + | 306 bp |
| + | </td> |
| + | </tr> |
| | | |
- | <div class="large-12 columns">
| |
- | <p id="g1"></p>
| |
- | </div>
| |
| | | |
- | <div class="small-6 large-centered columns" onmouseover="x()" onmouseout="xoff()">
| + | </tr> |
- | <img id="picx" src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg" width="500" height="500">
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300007">BBa_K1300007</a> |
| + | </td> |
| + | <td> |
| + | RecA + Translational ccdB |
| + | </td> |
| + | <td> |
| + | 520 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300008">BBa_K1300008</a> |
| + | </td> |
| + | <td> |
| + | Rec A + Translational GFP |
| + | </td> |
| + | <td> |
| + | 1078 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300009">BBa_K1300009</a> |
| + | </td> |
| + | <td> |
| + | araC + pBAD |
| + | </td> |
| + | <td> |
| + | 3031 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300010">BBa_K1300010</a> |
| + | </td> |
| + | <td> |
| + | cI repressible promoter + Translational ccdB |
| + | </td> |
| + | <td> |
| + | 337 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300011">BBa_K1300011</a> |
| + | </td> |
| + | <td> |
| + | cI repressible promoter + pBAD |
| + | </td> |
| + | <td> |
| + | 1871 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300012">BBa_K1300012</a> |
| + | </td> |
| + | <td> |
| + | UV + Trans |
| + | </td> |
| + | <td> |
| + | 315 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td> |
| + | <a href="http://parts.igem.org/Part:BBa_K1300013">BBa_K1300013</a> |
| + | </td> |
| + | <td> |
| + | UV + translational GFP |
| + | </td> |
| + | <td> |
| + | 962 bp |
| + | </td> |
| + | </tr> |
| + | |
| + | |
| + | </table> |
| + | |
| + | </article> |
| + | <hr /> |
| + | </div> |
| | | |
- | <div class="panel">
| + | |
- | <h5>Jorge Reyes</h5>
| + | |
- | <h6 class="subheader">Student</h6>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="large-12 columns">
| + | |
- | <p id="x1"></p>
| + | |
- | </div>
| + | |
- | <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">
| + | |
- | <div class="panel">
| + | |
- | <h5>Kelvin Mei</h5>
| + | |
- | <h6 class="subheader">Student</h6>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="large-12 columns">
| + | |
- | <p id="n1"></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="small-6 large-centered columns" onmouseover="k()" onmouseout="koff()">
| |
- | <img id = "pick" src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg">
| |
| | | |
- | <div class="panel">
| + | |
- | <h5>Miranda Halle</h5>
| + | |
- | <h6 class="subheader">Student</h6>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="large-12 columns">
| + | |
- | <p id="k1"></p>
| + | |
- | </div>
| + | |
- |
| + | |
| | | |
- | <!-- End Thumbnails --> | + | <aside class="large-3 columns"> |
| | | |
- | | + | <h5>Navigation</h5> |
| + | <a href="https://2014hs.igem.org/Team:StuyGem_NYC"><img src="https://static.igem.org/mediawiki/2014hs/4/4c/StuyGemLogo.png"></a> |
| + | <p> |
| + | <a href="https://2014hs.igem.org/Team:StuyGem_NYC/About" >About</a> |
| + | <p> |
| + | <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Team" >Team</a> |
| + | <p> |
| + | <a href="https://2014hs.igem.org/Team:StuyGem_NYC/Sponsors" >Sponsors</a> |
| + | |
| | | |
- | </div>
| + | </aside> |
- | </div>
| + | |
- | </div>
| + | |
| | | |
| + | |
| + | </div> |
| + | |
| + | <div class="row"> |
| + | <p align = "right"> |
| + | <a href="#top">Top of page</a> |
| + | </p> |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| <!-- Footer --> | | <!-- Footer --> |
Line 281: |
Line 368: |
| | | |
| | | |
| + | <script> |
| | | |
- | | + | </script> |
- | | + | |
- | | + | |
| | | |
| | | |
Line 293: |
Line 379: |
| <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/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> | | <script src="https://2014hs.igem.org/Team:StuyGem_NYC/foundation.min.js?action=raw&ctype=text/js" type="text/js"></script> |
- | <script>
| |
- | function a(){
| |
- | document.getElementById("a1").innerHTML="Teacher";
| |
- | document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/f/f3/Hornstein.JPG";
| |
- | }
| |
- | function aoff(){
| |
- | document.getElementById("a1").innerHTML="";
| |
- | document.getElementById("pica").src="https://static.igem.org/mediawiki/2014hs/2/2f/HornsteinBW.jpg";
| |
- | }
| |
- | 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("picb").src="https://static.igem.org/mediawiki/2014hs/6/6c/Katty.JPG";
| |
- | }
| |
- | function boff(){
| |
- | document.getElementById("b1").innerHTML="";
| |
- | document.getElementById("picb").src="https://static.igem.org/mediawiki/2014hs/a/a4/KattyBW.jpg";
| |
- | }
| |
- | 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("picc").src="https://static.igem.org/mediawiki/2014hs/4/47/Jacky.JPG";
| |
- | }
| |
- | function coff(){
| |
- | document.getElementById("c1").innerHTML="";
| |
- | document.getElementById("picc").src="https://static.igem.org/mediawiki/2014hs/c/c8/JackyBW.jpg";
| |
| | | |
- | }
| |
- | 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("pice").src="https://static.igem.org/mediawiki/2014hs/d/d6/Qiu.jpg";
| |
- | }
| |
- | function eoff(){
| |
- | document.getElementById("e1").innerHTML="";
| |
- | document.getElementById("pice").src="https://static.igem.org/mediawiki/2014hs/7/75/QiuBW.jpg";
| |
- | }
| |
- | 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("picf").src="https://static.igem.org/mediawiki/2014hs/b/b2/Justin.JPG";
| |
- | }
| |
- | function foff(){
| |
- | document.getElementById("f1").innerHTML="";
| |
- | document.getElementById("picf").src="https://static.igem.org/mediawiki/2014hs/b/b9/JustinBW.jpg";
| |
- |
| |
- | }
| |
- | 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("picg").src="https://static.igem.org/mediawiki/2014hs/1/1f/Fiona.JPG";
| |
- | }
| |
- | function goff(){
| |
- | document.getElementById("g1").innerHTML="";
| |
- | document.getElementById("picg").src="https://static.igem.org/mediawiki/2014hs/2/2d/FionaBW.jpg";
| |
- | }
| |
- | function x(){
| |
- | document.getElementById("x1").innerHTML="Student";
| |
- | document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/4/4a/Jorge.JPG";
| |
- | }
| |
- | function xoff(){
| |
- | document.getElementById("x1").innerHTML="";
| |
- | document.getElementById("picx").src="https://static.igem.org/mediawiki/2014hs/9/9f/JorgeBW.jpg";
| |
- | }
| |
- | function j(){
| |
- | document.getElementById("j1").innerHTML="Student";
| |
- | 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.";
| |
- | }
| |
- | function joff(){
| |
- | document.getElementById("j1").innerHTML="";
| |
- | document.getElementById("picj").src="https://static.igem.org/mediawiki/2014hs/4/42/AndreiBW.jpg";
| |
- | }
| |
- | function k(){
| |
- | document.getElementById("k1").innerHTML="Student";
| |
- | document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/9/9b/Miranda.JPG";
| |
- | }
| |
- | function koff(){
| |
- | document.getElementById("k1").innerHTML="";
| |
- | document.getElementById("pick").src="https://static.igem.org/mediawiki/2014hs/5/5d/MirandaBW.jpg";
| |
- | }
| |
- | function n() {
| |
- | document.getElementById("n1").innerHTML="Student";
| |
- | document.getElementById("picn").src="https://static.igem.org/mediawiki/2014hs/8/8b/Camilla.jpg";
| |
- | }
| |
- | function noff(){
| |
- | document.getElementById("n1").innerHTML="";
| |
- | document.getElementById("picn").src="https://static.igem.org/mediawiki/2014hs/e/e8/CamillaBW.jpg";
| |
- | }
| |
- | function p(){
| |
- | document.getElementById("p1").innerHTML="Student";
| |
- | document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/7/70/Kelvin.JPG";
| |
- | }
| |
- | function poff(){
| |
- | document.getElementById("p1").innerHTML="";
| |
- | document.getElementById("picp").src="https://static.igem.org/mediawiki/2014hs/f/f3/KelvinBW.png";
| |
- | }
| |
- | function q(){
| |
- | document.getElementById("q1").innerHTML="Advisor";
| |
- | document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/3/31/Ellen.jpg";
| |
- | }
| |
- | function qoff(){
| |
- | document.getElementById("q1").innerHTML="";
| |
- | document.getElementById("picq").src="https://static.igem.org/mediawiki/2014hs/b/b5/EllenBW.jpg";
| |
- | }
| |
- | </script>
| |
- | <script>
| |
- | 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);
| |
- |
| |
- | </script>
| |
| <script> | | <script> |
| $(document).foundation(); | | $(document).foundation(); |