|
|
(73 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}}
| + | <html> |
| + | <link rel="stylesheet" href="https://2014.igem.org/Team:Cooper_Union/CSS?action=raw&ctype=text/css" type="text/css" /> |
| + | <title>Cooper Union 2014 iGEM</title> |
| + | <body> |
| | | |
| | | |
- | <html> | + | <script type="text/javascript" |
- | <head>
| + | src="https://2014.igem.org/Team:Cooper_Union/script/jquery?action=raw&ctype=application/javascript" ></script> |
- | <style type="text/css">
| + | |
- | .indent | + | |
- | {
| + | |
- | text-indent: 50px
| + | |
- | }
| + | |
| | | |
- | </head> | + | <script type="text/javascript" charset="utf-8"> |
| + | $(document).ready(function () { |
| + | function InitCooperUnionImageGallery(parentSelector, autoOpen) |
| + | { |
| + | var firstImage = $(parentSelector + ' div a img').eq(0); |
| + | var imageDisplay = $(parentSelector + ' div.image-display img'); |
| + | var imageDisplayContainer = $(parentSelector + ' div.image-display'); |
| + | var closeButton = $(parentSelector + ' div.image-display span.close_button'); |
| + | imageDisplay.attr('src', firstImage.attr('src')); |
| + | $(parentSelector + ' div a').click(function() |
| + | { |
| + | imageDisplayContainer.slideDown(); |
| + | imageDisplay.attr('src', $(this).attr('href')); |
| + | return false; |
| + | }); |
| + | |
| + | closeButton.click(function() |
| + | { |
| + | imageDisplayContainer.slideUp(); |
| + | return false; |
| + | }); |
| + | |
| + | if (autoOpen) |
| + | { |
| + | imageDisplayContainer.show(); |
| + | } |
| + | } |
| + | InitCooperUnionImageGallery('.gallery1'); |
| + | InitCooperUnionImageGallery('.gallery2'); |
| + | }); |
| + | </script> |
| + | <style> |
| + | .js-image-gallery a img { margin:1px; width:120px; height:90px; border:4px solid #fff; } |
| + | .js-image-gallery a:hover img { border:4px solid #000; } |
| + | body { background-color:#fff; } |
| + | div.pp_default .pp_close { background-image:url('https://static.igem.org/mediawiki/2014/6/66/CU_2014_closeButton.png') !important; width:30px !important; height:30px !important; right:10px !important; } |
| + | div.image-display { display:none; position:relative; } |
| + | div.image-display .close_button { overflow:hidden; text-indent:100px; background-image:url('https://static.igem.org/mediawiki/2014/6/66/CU_2014_closeButton.png'); position:absolute; top:10px; left:50%; margin-left:260px; width:30px; height:30px; z-index:10; display:block; } |
| + | div.image-display img { z-index:1; width:600px; } |
| + | div.galleryDisplay { margin:10%; text-align:center; } |
| + | </style> |
| | | |
| | | |
- | <body> | + | <div class="parent-container"> |
- | <!-- ADD YOUR TEXT HERE -->
| + | |
| | | |
- | <p class="indent"> | + | <div class="menu-parent"> |
- | <b>In order to reach out to the local children, we prepared presentations about our projects for The Cooper Union Summer STEM iGEM children! YAY!
| + | |
- | </b>
| + | |
- | </p>
| + | |
- | <br><br><br>
| + | |
- | ----
| + | |
| | | |
- | <br><br><br> | + | <ul class="menu"> |
- | ---- | + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union"> Home </a> </li> |
| + | <li class="menu-project"> Project |
| + | <ul class="menu"> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/TdT_project">De Novo Synthesis </a></li> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Telomere_project">Programmable Lifespan Timer</a> </li> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Biohack_project">Biohacker Kit </a></li> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Hardware">OpenSource Hardware </a> </li> |
| + | <!--<li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Modeling">Modeling </a> </li>--> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Parts">BioBrick Parts </a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="menu-safety"> Social |
| + | <ul class="menu"> |
| + | <li class="menu"><a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Safety">Safety</a> </li> |
| + | <li class="menu"><a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Ethics">Ethics</a> </li> |
| + | <li class="menu"><a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Outreach">Outreach </a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="menu-notebook"> Notebook |
| + | <ul class="menu"> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Protocols">Commonly Used Protocols </li> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Notebook"> Labnotes </a> </li> |
| + | </ul> |
| + | </li> |
| + | <li class="menu-team"> Team |
| + | <ul class="menu"> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/biofanfic">Members </a> </li> |
| + | <li class="menu"> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/Attributions"> Attributions </a> </li> |
| + | <li class="menu"> <a class="menu" href="https://igem.org/Team.cgi?id=1354"> Official Team Profile </a> </li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | <a class="menu" href="http://www.igem.org" border="0"> |
| + | <img src="https://static.igem.org/mediawiki/igem.org/9/94/Igemlogo_officiallogo.png" class="menu-top-logo" /> |
| + | </a> |
| + | |
| + | </div> |
| + | <br> |
| + | <hr> |
| + | <br> |
| + | <div class="text"> |
| + | <!-----Add content below----> |
| + | |
| + | <br><h1><div class="center">Community Outreach</div></h1><br> |
| + | In order to present synthetic biology and molecular biology to the local students living within the tri-state area, we prepared presentations about our projects for The Cooper Union's Summer STEM high school students. This year's summer STEM program involved high school students who have a passion for science and technology. Cooper Union's annual program has over a hundred students participating in a wide variety of engineering projects during an intensive six week summer stretch. |
| + | <br><br> |
| + | The group with which our IGEM team interacted with comprised of sixteen talented high school students that elected to participate in the "IGEM" component of the Cooper Union summer STEM program. Here they spent the summer designing, building and testing variations of the "BioHacker Kit" platform technology that our undergraduate IGEM team independently worked on. The high school students were arranged in 4 teams of Team "A", Team "T", Team "G" and Team "C". During the summer STEM program each team worked on developing a different INPUT and OUTPUT plasmid component, to function as modular biosensors. The STEM teams worked on an arsenic detector, a quorum sensing system, a glucose sensor and an arabinose inducible system to make bacteria turn yellow and smell like bananas.The high school STEM teams then got a chance to interact and learn about the parallel projects being worked on simultaneously by our Cooper Union IGEM team members during their presentations, resulting in a truly immersive experience! |
| + | <br><br> |
| + | <hr> |
| + | <h2>De novo Synthesizer</h2> |
| + | For De Novo Synthesizer project, we presented a brief introduction to our research, which is about creating a novel microfluidic platform for DNA synthesis that allows people to synthesize a personalized strand of DNA in lab without use of a template strand. Along with the timelines of experiments and research process, we also provided with background information about enzyme kinetics and activities. To help them understand the concepts better, we let them to mimic enzymatic activities by transferring small candies to a different container. Using different tools and methods that aids or prevents transferring, students were able to understand the concepts of enzyme kinematics including the characteristics of enzyme, conformational changes, and influence of inhibitors and activators. Students actively participated, came up with novel ideas of possible conformational changes, and asked interesting questions. You can download our presentation <a href="https://static.igem.org/mediawiki/2014/0/06/CU_2014-Denovo.pdf">here</a> and a copy of our activity <a href="https://static.igem.org/mediawiki/2014/a/ae/CU_TdT-STEM-activity.pdf.pdf">here</a>. |
| + | </div> |
| + | <div class="galleryDisplay gallery1"> |
| + | <div class="js-image-gallery"> |
| + | <a href="https://static.igem.org/mediawiki/2014/7/7f/CU_TDT_O1.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/7/7f/CU_TDT_O1.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/c/c7/CU_TDT_O2.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/c/c7/CU_TDT_O2.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/e/e3/CU_TDT_O3.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/e/e3/CU_TDT_O3.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/1/15/CU_TDT_O4.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/1/15/CU_TDT_O4.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/3/32/CU_TDT_O5.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/3/32/CU_TDT_O5.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/0/03/CU_TDT_O6.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/0/03/CU_TDT_O6.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/4/45/CU_TDT_O7.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/4/45/CU_TDT_O7.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/7/72/CU_TDT_O8.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/7/72/CU_TDT_O8.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/7/70/CU_TDT_O9.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/7/70/CU_TDT_O9.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/f/f3/CU_TDT_O10.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/f/f3/CU_TDT_O10.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/b/bb/CU_TDT_O11.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/b/bb/CU_TDT_O11.JPG" alt="" /></a> |
| + | </div> |
| + | <div class="image-display"> |
| + | <img src="" /> |
| + | <span class="close_button">close</span> |
| + | </div> |
| + | </div> |
| + | <div class="text"> |
| + | <hr> |
| + | <br><br><h2>Programmable Lifespan Timer</h2> |
| + | The Programmable Lifespan Timer project aims to create a “kill switch" for cells used in production. In the case that these cells leave the lab environment, they will die after a set amount of time, preventing the release of unwanted chemicals into the environment, or mating with wild type organisms. |
| + | <br><br> |
| + | In our presentation to the Cooper Union Summer STEM students, we explained the significance of telomeres and telomerase in yeast, as well as our experimentation in gene deletion. Our activity incorporated Twizzlers, which represented various telomere lengths. The "telomeres" had different lengths due to different gene knockouts. The intention of the activity was to convey the idea that chromatids with longer telomeres would live longer in comparison to those with shorter telomeres. |
| <br><br> | | <br><br> |
- | <a href="https://2014.igem.org/Team:Cooper_Union">Back to CU home page</a> | + | We also discussed senescence in yeast cells in the absence of telomerase, and described how the cells could recover with a backup mechanism called homologous recombination. A growth curve showing the cell density of yeast as it underwent senescence over time was displayed. We wrapped up the presentation with a <a href="https://static.igem.org/mediawiki/2014/d/df/CU_2014_TeloWord.pdf" download>fun word search</a> that reinforced main ideas. You can download our presentation <a href="https://static.igem.org/mediawiki/2014/9/97/CU_2014-Programmable_Lifespan_Timer.pdf">here</a>. |
| + | </div> |
| + | <div class="galleryDisplay gallery2"> |
| + | <div class="js-image-gallery"> |
| + | <a href="https://static.igem.org/mediawiki/2014/8/86/CU_TELO_O1.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/8/86/CU_TELO_O1.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/2/2f/CU_TELO_O2.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/2/2f/CU_TELO_O2.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/2/2f/CU_TELO_O3.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/2/2f/CU_TELO_O3.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/2/20/CU_TELO_O4.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/2/20/CU_TELO_O4.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/e/e2/CU_TELO_O5.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/e/e2/CU_TELO_O5.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/3/32/CU_TELO_O6.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/3/32/CU_TELO_O6.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/0/00/CU_TELO_O7.JPG" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/0/00/CU_TELO_O7.JPG" alt="" /></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/b/b5/CU_TELO_O8.png" rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2014/b/b5/CU_TELO_O8.png" alt="" /></a> |
| + | </div> |
| + | <div class="image-display"> |
| + | <img src="" /> |
| + | <span class="close_button">close</span> |
| + | </div> |
| + | </div> |
| | | |
- | </p> | + | </div> |
- | </table> | + | <div class="text"> |
| | | |
| | | |
| | | |
| | | |
| + | <!-- |
| + | xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx |
| + | DO NOT EDIT BELOW HERE |
| + | xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> |
| + | </div> |
| | | |
| + | <br> |
| + | <br> |
| + | <hr> |
| | | |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | <div class="cu-footer"> |
| + | <div class="bottom-left"> |
| + | <a href="https://2014.igem.org/Team:Cooper_Union" span="The Cooper Union: μToolbox"><img src="https://static.igem.org/mediawiki/2014/b/bd/CU_2014_logo.png" height="150" /></a></div> |
| + | <div class="bottom-center"> |
| + | <a href="https://2014.igem.org/Team:Cooper_Union/Project" class="black" > |
| + | <img src="https://static.igem.org/mediawiki/2014/2/27/CU_2014_LogoP.png" height="100" style="vertical-align: top;" title="Projects" /> |
| + | <span>Projects</span> |
| + | </a> |
| + | <a href="https://2014.igem.org/Team:Cooper_Union/Social" class="red" > |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b2/CU_2014_logoS.png" height="100" style="vertical-align: top;" title="Social" /> |
| + | <span>Social</span> |
| + | </a> |
| + | <a href="https://2014.igem.org/Team:Cooper_Union/Notebook" class="green" > |
| + | <img src="https://static.igem.org/mediawiki/2014/d/da/CU_2014_LogoN.png" height="100" style="vertical-align: top;" title="Notebook" /> |
| + | <span>Notebook</span> |
| + | </a> |
| + | <a href="https://2014.igem.org/Team:Cooper_Union/biofanfic"class="blue"> |
| + | <img src="https://static.igem.org/mediawiki/2014/3/38/CU_2014_LogoT.png" height="100" style="vertical-align: top;" title="Team" /> |
| + | <span>Team</span> |
| + | </a> |
| + | </div> |
| + | <div class="bottom-right"> |
| + | <a href="http://www.cooper.edu" target="_blank" span="The Cooper Union"><img src="https://static.igem.org/mediawiki/2014/9/90/CU_2014_Cooper_union_logo.png" height="150" /></a> |
| + | </div> |
| + | </div> |
| | | |
| | | |
Line 41: |
Line 205: |
| | | |
| </body> | | </body> |
- | </style>
| |
| </html> | | </html> |