Team:Duke
From 2012.igem.org
Line 1: | Line 1: | ||
- | + | {{Team:Duke/CSS}} | |
- | + | ||
<html> | <html> | ||
- | < | + | <html lang="en"> |
- | <div | + | <head> |
- | + | <meta charset="utf-8"> | |
- | </div> | + | <title>Duke iGEM 2012</title> |
- | <div | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
- | + | <meta name="description" content=""> | |
- | </div> | + | <meta name="author" content=""> |
- | <div | + | <!-- styles --> |
- | + | <link href="assets/css/bootstrap.css" rel="stylesheet"> | |
- | </div> | + | <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> |
- | </div> | + | <link href="assets/css/docs.css" rel="stylesheet"> |
- | </ | + | <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> |
+ | <link rel="stylesheet" href="assets/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /> | ||
+ | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | <!--[if IE 8]> | ||
+ | <link rel="stylesheet" type="text/css" href="assets/css/ie.css" /> | ||
+ | <![endif]--> | ||
+ | <!-- fav and touch icons --> | ||
+ | <link rel="shortcut icon" href="assets/ico/favicon.ico"> | ||
+ | <link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.png"> | ||
+ | <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png"> | ||
+ | <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png"> | ||
+ | <!--GOOGLE FONTS--> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,400italic,700italic%7CDoppio+One' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Bowlby+One+SC' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Days+One%7COpen+Sans+Condensed:700' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Exo:800' rel='stylesheet' type='text/css'> | ||
+ | <!--/GOOGLE FONTS--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!--TOP--> | ||
+ | <div class="top_line"></div> | ||
+ | <div class="panel hidden-phone"> | ||
+ | <div id="map"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TOP--> | ||
+ | <!--HEADER--> | ||
+ | <header> | ||
+ | <div class="container"> | ||
+ | <div class="row hidden-phone"> | ||
+ | <img class="flip" src="assets/img/panel.jpg" style="float: right;"/><span class="header_social">Follow us on Twitter and Facebook</span> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="span4 logo"> | ||
+ | <a href="index.html"><img src="assets/img/logo.png" alt="logo" style="margin-bottom:7px; margin-top:7px;" /></a> | ||
+ | </div> | ||
+ | <div class="span8"> | ||
+ | <nav id="main-nav"> | ||
+ | <ul id="menu"> | ||
+ | <li class="current"><a href="index_compact.html">Home</a></li> | ||
+ | <li class="with_icon"><a href="project.html">The Project</a></li> | ||
+ | <li><a href="Team.html">The Team</a></li> | ||
+ | |||
+ | <li><a href="notes.html">Our Journal</a></li> | ||
+ | <li><a href="timeline.html">Timeline</a></li> | ||
+ | <li><a href="contact-us.html">Contact</a></li> | ||
+ | </ul> | ||
+ | </nav><!-- end #main-nav --> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!--/HEADER--> | ||
+ | <!--WELCOME AREA--> | ||
+ | <div class="gray_bg"> | ||
+ | <div class="container"> | ||
+ | <div class="row welcome"> | ||
+ | <div class="span12"> | ||
+ | <h1> Designing the modern optogenetic toolkit: <span class="undercolored">from principle to practice</span></h1> | ||
+ | <p><em style="font-size: 13pt;"> Characterization of rapidly perturbable optogentic logic through a proof-of-concept in yeast cell cycle control</em></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/WELCOME AREA--> | ||
+ | <!--SLIDER AREA--> | ||
+ | <div class="slider_area"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="span12 mainslider"> | ||
+ | <div class="flexslider"> | ||
+ | <ul class="slides"> | ||
+ | <li> | ||
+ | <img src="assets/img/slide1.png" /> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="http://flex.madebymufffin.com"><img src="assets/img/slide1-1.png" /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="assets/img/slide1-2.jpg" /> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="assets/img/slide1-3.jpg" /> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/SLIDER AREA--> | ||
+ | <!--FEATURES AREA--> | ||
+ | <!--FEATURES AREA--> | ||
+ | <!--MAIN CONTENT AREA--> | ||
+ | <div class="container portfolio"> | ||
+ | <div style="margin-top:25px;"> | ||
+ | <div class="row"> | ||
+ | <hr> | ||
+ | <div class="row" style="margin-top:45px; margin-bottom:45px;"> | ||
+ | <div class="span6"> | ||
+ | <div class="row"> | ||
+ | <div class="span6"> | ||
+ | <h2><span class="colored"><strong>///</strong></span> The Team and Our Pursuit</h2> | ||
+ | <hr class="dash"> | ||
+ | <div class="intro"> | ||
+ | <p style="margin-bottom:10px;"><em>Thorough characterization of key genes and controlling cellular oscillation precisely.</em></p> | ||
+ | </div> | ||
+ | <hr class="dash intro"> | ||
+ | </div> | ||
+ | <div class="span6"> | ||
+ | <div class="about_icons pull-left"> | ||
+ | <img src="assets/img/frame.png" /> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5>Hard Work and Dedication</h5> | ||
+ | <p>Our team is fully aware of it's disadvantages, being smaller than the rest, and holding less funding than the competition. However, these notions motivate each individual on the team rather than discourage us. We know that we will get out of this project, exactly what we put into it. Understanding this notion is why it is not unusual to find our team working 12 hour shifts daily. We are inspired and determined to contribute to the scientific community in a substantial way, utilizing our resources, and setting new standards.</p> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="about_icons pull-left"> | ||
+ | <img src="assets/img/skills.png" /> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h5>Optogenetics, the <span class="undercolored">HOT TOPIC</span></h5> | ||
+ | <p>Optogenetics is the combination of genetic and optical methods to control specific events in targeted cell. In 2010, optogenetics was chosen as the Method of the Year across all fields of science and engineering by the interdisciplinary research journal Nature Methods. At the same time, optogenetics was highlighted in the article on "Breakthroughs of the Decade" in the scientific research journal Science Breakthrough of the Decade.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row visible-desktop"> | ||
+ | <div class="span6 "> | ||
+ | <hr class="dash"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="span6"> | ||
+ | <h2><span class="colored"><strong>///</strong></span> Check out our <span class="undercolored"><a href="#">Lab Journal and Notes</a></span></h2> | ||
+ | <hr class="dash"> | ||
+ | </div> | ||
+ | <div class="span6"> | ||
+ | <div class="row"> | ||
+ | <div class="blogslider span6 clearfix"> | ||
+ | <ul class="slides"> | ||
+ | <li> | ||
+ | <div class="blog_item"> | ||
+ | <div class="blog_head"> | ||
+ | <h4>Preparative Digestion and Electrophoresis</h4> | ||
+ | <span><i class="icon-calendar icon-white"></i> JOURNAL ENTRY by Morgan J. Howell on June 22, 2012</span> | ||
+ | </div> | ||
+ | <div class="view view-first"> | ||
+ | <a href="assets/img/gal/6.jpg" rel="prettyPhoto"><img src="assets/img/gal/6.jpg" alt="" /></a> | ||
+ | <div class="mask"> | ||
+ | <a href="assets/img/gal/6.jpg" rel="prettyPhoto" class="info"><img src="assets/img/plus.png" alt="predigest and the run" /></a> | ||
+ | <a href="#" class="link"><img src="assets/img/link.png" alt="Visit link" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>Today I attempted to ligate the insert mKate with the vector YFP. I intially digested mKate and YFP using the digestive enzymes BAMHI-HF and ASC-I, with Buffer #4. After the one and a half hour digestion, I prepared a deep well gel and inserted the digested plasmids tagged with orange dye. After the run, I took the gel into a dark room, and using a black light table and sterile razor blade ... <br><br><a class="btn btn-small" href="notes.html">Read More</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="blog_item"> | ||
+ | <div class="blog_head"> | ||
+ | <h4>Anoter blog post</h4> | ||
+ | <span><i class="icon-calendar icon-white"></i> Fantasy by Lewis Carroll on Aug 24, 2011</span> | ||
+ | </div> | ||
+ | <div class="view view-first"> | ||
+ | <a href="assets/img/gal/3.jpg" rel="prettyPhoto"><img src="assets/img/gal/3.jpg" alt="" /></a> | ||
+ | <div class="mask"> | ||
+ | <a href="assets/img/gal/3.jpg" rel="prettyPhoto" class="info"><img src="assets/img/plus.png" alt="Hanging Note Sign Psd" /></a> | ||
+ | <a href="#" class="link"><img src="assets/img/link.png" alt="Visit link" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'.<br><br><a class="btn btn-small" href="#">Read More</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="blog_item"> | ||
+ | <div class="blog_head"> | ||
+ | <h4>Anoter blog post</h4> | ||
+ | <span><i class="icon-calendar icon-white"></i> Fantasy by Lewis Carroll on Aug 24, 2011</span> | ||
+ | </div> | ||
+ | <div class="view view-first"> | ||
+ | <a href="assets/img/gal/4.jpg" rel="prettyPhoto"><img src="assets/img/gal/4.jpg" alt="" /></a> | ||
+ | <div class="mask"> | ||
+ | <a href="assets/img/gal/4.jpg" rel="prettyPhoto" class="info"><img src="assets/img/plus.png" alt="Hanging Note Sign Psd" /></a> | ||
+ | <a href="#" class="link"><img src="assets/img/link.png" alt="Visit link" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'.<br><br><a class="btn btn-small" href="#">Read More</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="blog_item"> | ||
+ | <div class="blog_head"> | ||
+ | <h4>Anoter blog post</h4> | ||
+ | <span><i class="icon-calendar icon-white"></i> Fantasy by Lewis Carroll on Aug 24, 2011</span> | ||
+ | </div> | ||
+ | <div class="view view-first"> | ||
+ | <a href="assets/img/gal/5.jpg" rel="prettyPhoto"><img src="assets/img/gal/5.jpg" alt="" /></a> | ||
+ | <div class="mask"> | ||
+ | <a href="assets/img/gal/5.jpg" rel="prettyPhoto" class="info"><img src="assets/img/plus.png" alt="Hanging Note Sign Psd" /></a> | ||
+ | <a href="#" class="link"><img src="assets/img/link.png" alt="Visit link" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'.<br><br><a class="btn btn-small" href="#">Read More</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/MAIN CONTENT AREA--> | ||
+ | <!--FOOTER--> | ||
+ | <footer> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="span3"> | ||
+ | <img src="assets/img/logo-footer.png" alt="logofooter" style="margin-bottom:7px; margin-top:7px;" /> | ||
+ | <hr class="visible-phone"> | ||
+ | </div> | ||
+ | <div class="span3"> | ||
+ | <h5><span class="colored">///</span> Duke iGEM 2012</h5> | ||
+ | <p>Consisting of a group of highly ambitous and motivated students, Duke iGEM strives to exceed the impressive, continually striving to contribute to the modern world of synthetic biology.</p> | ||
+ | <hr class="visible-phone"> | ||
+ | </div> | ||
+ | <div class="span3 flickr"> | ||
+ | <h5><span class="colored">///</span> Contact info</h5> | ||
+ | <span><strong class="colored"> Address:</strong> 1219 Broad Street, Durham NC</span> | ||
+ | <hr class=" hidden-phone"><br class="visible-phone"> | ||
+ | <span><strong class="colored">Phone:</strong> (704) 985-5705 </span> | ||
+ | <span><strong class="colored">Phone:</strong> (919) 923-8276 </span> | ||
+ | <hr class="visible-phone"> | ||
+ | </div> | ||
+ | <div class="span3 soc_icons"> | ||
+ | <h5><span class="colored">///</span> Interested?</h5> | ||
+ | <span>Find out what's happening:</span> | ||
+ | <hr> | ||
+ | <a href="#"><div class="icon_t"></div></a> | ||
+ | <a href="#"><div class="icon_facebook"></div></a> | ||
+ | <a href="#"><div class="icon_dribbble"></div></a> | ||
+ | <a href="#"><div class="icon_google"></div></a> | ||
+ | <a href="#"><div class="icon_in"></div></a> | ||
+ | <a href="#"><div class="icon_flickr"></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!--/FOOTER--> | ||
+ | <!--BOTTOM LINE--> | ||
+ | <div class="bottom-block"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="span6"> | ||
+ | <span>Illuminating the future, and sparking the transcription of infinite possibility</span> | ||
+ | </div> | ||
+ | <div class="span6"> | ||
+ | <span class="pull-right visible-desktop"><span class="undercolored"><a href="#">Home</a></span> / <span class="undercolored"><a href="project.html">Project</a></span> / <span class="undercolored"><a href="team.html">Team</a></span> / <span class="undercolored"><a href="notes.html">Journal</a></span> / <span class="undercolored"><a href="timeline.html">timeline</a></span>/ <span class="undercolored"><a href="contact-us.html">Contact</a></span></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/BOTTOM LINE--> | ||
+ | <!-- Le javascript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> | ||
+ | <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> | ||
+ | <script src="assets/js/jquery.js"></script> | ||
+ | <script src="assets/js/google-code-prettify/prettify.js"></script> | ||
+ | <script src="assets/js/bootstrap-transition.js"></script> | ||
+ | <script src="assets/js/bootstrap-alert.js"></script> | ||
+ | <script src="assets/js/bootstrap-modal.js"></script> | ||
+ | <script src="assets/js/bootstrap-dropdown.js"></script> | ||
+ | <script src="assets/js/bootstrap-scrollspy.js"></script> | ||
+ | <script src="assets/js/bootstrap-tab.js"></script> | ||
+ | <script src="assets/js/bootstrap-tooltip.js"></script> | ||
+ | <script src="assets/js/bootstrap-popover.js"></script> | ||
+ | <script src="assets/js/bootstrap-button.js"></script> | ||
+ | <script src="assets/js/bootstrap-collapse.js"></script> | ||
+ | <script src="assets/js/bootstrap-carousel.js"></script> | ||
+ | <script src="assets/js/bootstrap-typeahead.js"></script> | ||
+ | <script src="assets/js/jquery.easing.1.3.js"></script> | ||
+ | <script src="assets/js/jquery.slabtext.min.js"></script> | ||
+ | <script src="assets/js/jquery.flexslider-min.js"></script> | ||
+ | <script src="assets/js/superfish-menu/superfish.js"></script> | ||
+ | <script src="assets/js/plugin.js"></script> | ||
+ | <script src="assets/js/jquery.prettyPhoto.js"></script> | ||
+ | <script src="assets/js/twitter.js"></script> | ||
+ | <script src="http://maps.google.com/maps/api/js?sensor=false"></script> | ||
+ | <script src="assets/js/jquery.gmap.min.js"></script> | ||
+ | <script src="assets/js/jquery.preloader.js"></script> | ||
+ | <script src="assets/js/custom.js"></script> | ||
+ | <!--[if IE]> | ||
+ | <script type="text/javascript"> | ||
+ | runFancy = false; | ||
+ | </script> | ||
+ | <![endif]--> | ||
+ | <script type="text/javascript"> | ||
+ | if (runFancy) { | ||
+ | jQuery.noConflict()(function($){ | ||
+ | $(".view").preloader(); | ||
+ | $(".flexslider").preloader(); | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
- | + | var _gaq = _gaq || []; | |
+ | _gaq.push(['_setAccount', 'UA-30641321-1']); | ||
+ | _gaq.push(['_setDomainName', 'orange-idea.com']); | ||
+ | _gaq.push(['_trackPageview']); | ||
+ | (function() { | ||
+ | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
- | + | </script> | |
+ | </body> | ||
- | + | <!-- Localized --> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 04:36, 4 September 2012
Designing the modern optogenetic toolkit: from principle to practice
Characterization of rapidly perturbable optogentic logic through a proof-of-concept in yeast cell cycle control
/// The Team and Our Pursuit
Thorough characterization of key genes and controlling cellular oscillation precisely.
Hard Work and Dedication
Our team is fully aware of it's disadvantages, being smaller than the rest, and holding less funding than the competition. However, these notions motivate each individual on the team rather than discourage us. We know that we will get out of this project, exactly what we put into it. Understanding this notion is why it is not unusual to find our team working 12 hour shifts daily. We are inspired and determined to contribute to the scientific community in a substantial way, utilizing our resources, and setting new standards.
Optogenetics, the HOT TOPIC
Optogenetics is the combination of genetic and optical methods to control specific events in targeted cell. In 2010, optogenetics was chosen as the Method of the Year across all fields of science and engineering by the interdisciplinary research journal Nature Methods. At the same time, optogenetics was highlighted in the article on "Breakthroughs of the Decade" in the scientific research journal Science Breakthrough of the Decade.