(Prototype team page) |
|||
(24 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | ||
+ | <!DOCTYPE HTML> | ||
+ | <!-- | ||
+ | Solid State by HTML5 UP | ||
+ | html5up.net | @ajlkn | ||
+ | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
+ | --> | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Elements - Solid State by HTML5 UP</title> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
+ | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/Safetymain?action=raw&ctype=text/css" /> | ||
+ | <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> | ||
+ | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> | ||
+ | </head> | ||
+ | <body > | ||
+ | <style> | ||
+ | /* styling for the menu items */ | ||
+ | |||
+ | span.reference{ | ||
+ | position:fixed; | ||
+ | left:10px; | ||
+ | bottom:10px; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | span.reference a{ | ||
+ | color:#aaa; | ||
+ | text-transform:uppercase; | ||
+ | text-decoration:none; | ||
+ | text-shadow:1px 1px 1px #000; | ||
+ | margin-right:30px; | ||
+ | } | ||
+ | span.reference a:hover{ | ||
+ | color:#ddd; | ||
+ | } | ||
+ | ul.sdt_menu{ | ||
+ | margin-top:300px; | ||
+ | padding-bottom: 10px; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* when hovering on a menu item */ | ||
− | + | #NavBar{ | |
+ | margin: 0; | ||
+ | width:auto; | ||
+ | size: 75%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2016/4/4a/T--UNebraska-Lincoln--blue.png"); | ||
+ | padding-left: 200px; | ||
+ | padding-top: 85px; | ||
+ | height: 160px;} | ||
+ | </style> | ||
− | < | + | <!-- Page Wrapper --> |
+ | <div id="page-wrapper"> | ||
+ | <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/NavigationMenu?action=raw&ctype=text/css" type="text/css" media="screen"/> | ||
+ | <!-- Menu --> | ||
+ | <div id="NavBar"> | ||
+ | <div class ="inner"> | ||
+ | <ul id="sdt_menu" class="sdt_menu"> | ||
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/02/T--UNebraska-Lincoln--home2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Home</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/cb/T--UNebraska-Lincoln--TeamStock2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link" >Team</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/11/T--UNebraska-Lincoln--Blueprints2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Blueprints</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/background">Background</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/modeling">Modeling</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/design">Design</a> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div> | ||
+ | </li> | ||
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--UNebraska-Lincoln--Laboratory2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link" style="">Laboratory</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/experiments">Experiments</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/lab_manual">Lab Notebook</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/safety_cases">Safety Cases</a> | ||
− | </div> | + | </div> |
− | <div class=" | + | </span> |
+ | </a> | ||
+ | </li> | ||
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/1a/T--UNebraska-Lincoln--beyondthebench2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Outreach</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Integrated_Practices">Integrated Practices</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/human_practices">Human Practices</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/collaboration">Collaboration</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/industry">Industry</a> | ||
− | + | </div> | |
− | < | + | </span> |
− | + | </a> | |
− | </ | + | </li> |
+ | <li style="background-color:#4c5c96;"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/ef/T--UNebraska-Lincoln--thanks2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Thanks!</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors">Sponsors</a> | ||
+ | <a href="https://2016.igem.org/Team:UNebraska-Lincoln/attributions">Attributions</a> | ||
− | < | + | </div> |
− | + | </span> | |
− | </ | + | </a> |
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div class="drawing board" style=" background-color: #2e3141; padding-top:50px;"> | ||
+ | <center><h2 style="height:100px; padding-top:5px"><font size="+10">Description</font></h2></center> | ||
+ | <center><font color="silver">Our project, "Knockout Nitrate", is a developing project with the aim to use synthetic biology to balance the nitrogen cycle. </font></center> | ||
+ | <p><center><font color="silver"><h2>Background</h2></font></center></p> | ||
+ | <p><center><font color="silver">Nitrogen is a highly abundant element in the Earth’s atmosphere. Nitrogen is also essential for life. However, atmospheric nitrogen (N2) is not useful in living processes. Humans have developed processes to convert unreactive atmospheric nitrogen into a usable form of nitrogen such as Ammonia or Nitrate for plants and animals (reactive nitrogen). To maximize crop yield, many farmers add nitrogen based fertilizer to their crops. Oftentimes excess nitrogen in the soil is washed away by rain into other natural water systems. This nitrogen runoff can and does have devastating effects on the biodiversity in waterways.</font></center></p> | ||
+ | <p><center><font color="silver">To read more background information about the nitrate problem, click the image below.</font></center></p> | ||
+ | <center><a href="https://2016.igem.org/Team:UNebraska-Lincoln/background"><img src="https://static.igem.org/mediawiki/2016/6/67/T--UNebraska-Lincoln--background.png" style="width:40%; height:auto;" alt="image"/></a></center> | ||
+ | <br><br> | ||
+ | <p><center><font color="silver"><h2>Project Design</h2></font></center></p> | ||
+ | <p><center><font color="silver">In order to combat the nitrate problem, we aimed to design a strain of <i>E. coli</i> capable of reducing these excess nitrate ions. By isolating a gene that codes of periplasmic nitrate reductases, we began the process of designing our synthetic organism.</font></center></p> | ||
+ | <p><center><font color="silver">To read more information about the design of our system, click the image below.</font></center></p> | ||
+ | <center><a href="https://2016.igem.org/Team:UNebraska-Lincoln/design"><img src="https://static.igem.org/mediawiki/2016/0/0f/T--UNebraska-Lincoln--design.png" style="width:40%; height:auto;" alt="image"/></a></center> | ||
+ | <p><center><font color="silver"><h2>Experiments for Our System</h2></font></center></p> | ||
+ | <p><center><font color="silver">Throughout the summer and into the fall, we implemented our design into the laboratory. We isolated and synthesized our periplasmic nitrate reductase genes, as well as developed a kill switch and safety-assurance cases</font></center></p> | ||
+ | <p><center><font color="silver">To read more information on the application of our design, click the image below.</font></center></p> | ||
+ | <center><a href="https://2016.igem.org/Team:UNebraska-Lincoln/experiments"><img src="https://static.igem.org/mediawiki/2016/1/16/T--UNebraska-Lincoln--experiments.png" style="width:40%; height:auto;" alt="image"/></a></center> | ||
+ | <p><center><font color="silver"><h2>Recharacterization of K381001</h2></font></center></p> | ||
+ | <p><center><font color="silver">In the design of our project, we implemented a nitrate-sensitive kill switch. This took advantage of the fact that the yeaR promoter, originally submitted by the Edinburgh iGEM Team in 2009 (<a href="http://parts.igem.org/Part:BBa_K216005">K216005</a>) was active only in the presence of nitrate ion. We decided to begin our project by determining sensitivity of this promoter the concentrations of nitrate that would be present in waterways. To do this, we recharacterized the composite part <a href="http://parts.igem.org/Part:BBa_K381001">K381001</a>, a PyeaR-GFP nitrate sensor. You can read more about our rechracterization of the PyeaR-GFP Biobrick <a href="http://parts.igem.org/Part:BBa_K381001:Experience#UNebraska-Lincoln_2016">Here</a>.</font></center></p> | ||
− | |||
− | |||
− | |||
− | |||
+ | <p></p> | ||
+ | <style>.image{ | ||
+ | position: relative; | ||
+ | } | ||
+ | .image a{ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | }</style> | ||
+ | <section> | ||
− | |||
− | |||
− | |||
− | < | + | |
− | < | + | <!-- Footer --> |
− | < | + | <section id="footer"> |
− | < | + | <div class="inner"> |
− | </ | + | <h2 class="major">See the blueprints in action!</h2> |
− | </ | + | <center><a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory"><img src="https://static.igem.org/mediawiki/2016/9/9c/T--UNebraska-Lincoln--tothelab.png" style="width:60%;height:auto;" transform:scale(0.2)></a></center> |
+ | |||
+ | |||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Scripts --> | ||
+ | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/skelmin?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jquery1?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jqueryscrollex?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/util?action=raw&ctype=text/javascript"></script> | ||
+ | <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> | ||
+ | <script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/main?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!-- Scripts --> | ||
+ | <!-- Nav bar --> | ||
+ | |||
+ | <script type="text/javascript" src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/jquery_easing_1_3?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | /** | ||
+ | * for each menu element, on mouseenter, | ||
+ | * we enlarge the image, and show both sdt_active span and | ||
+ | * sdt_wrap span. If the element has a sub menu (sdt_box), | ||
+ | * then we slide it - if the element is the last one in the menu | ||
+ | * we slide it to the left, otherwise to the right | ||
+ | */ | ||
+ | $('#sdt_menu > li').bind('mouseenter',function(){ | ||
+ | var $elem = $(this); | ||
+ | $elem.find('img') | ||
+ | .stop(true) | ||
+ | .animate({ | ||
+ | 'width':'170px', | ||
+ | 'height':'170px', | ||
+ | 'left':'0px' | ||
+ | },400,'easeOutBack') | ||
+ | .andSelf() | ||
+ | .find('.sdt_wrap') | ||
+ | .stop(true) | ||
+ | .animate({'top':'140px'},500,'easeOutBack') | ||
+ | .andSelf() | ||
+ | .find('.sdt_active') | ||
+ | .stop(true) | ||
+ | .animate({'height':'170px'},300,function(){ | ||
+ | var $sub_menu = $elem.find('.sdt_box'); | ||
+ | if($sub_menu.length){ | ||
+ | var left = '170px'; | ||
+ | if($elem.parent().children().length == $elem.index()+1) | ||
+ | left = '-170px'; | ||
+ | $sub_menu.show().animate({'left':left},200); | ||
+ | } | ||
+ | }); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $elem = $(this); | ||
+ | var $sub_menu = $elem.find('.sdt_box'); | ||
+ | if($sub_menu.length) | ||
+ | $sub_menu.hide().css('left','0px'); | ||
+ | |||
+ | $elem.find('.sdt_active') | ||
+ | .stop(true) | ||
+ | .animate({'height':'0px'},300) | ||
+ | .andSelf().find('img') | ||
+ | .stop(true) | ||
+ | .animate({ | ||
+ | 'width':'0px', | ||
+ | 'height':'0px', | ||
+ | 'left':'85px'},400) | ||
+ | .andSelf() | ||
+ | .find('.sdt_wrap') | ||
+ | .stop(true) | ||
+ | .animate({'top':'25px'},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:55, 20 October 2016
<!DOCTYPE HTML>