|
|
| (84 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Template:Cologne-Duesseldorf/css}}
| |
| | | | |
| − | <html >
| |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <title>Create a Sidebar Menu</title>
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | <html>
| |
| − | <head>
| |
| − | <title>SideBar Menu</title>
| |
| − | <link rel="stylesheet" type="text/css" href="style.css">
| |
| − | </head>
| |
| − | <body>
| |
| − |
| |
| − | <div id="sidebar">
| |
| − | <ul>
| |
| − | <!-- Home -->
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf">Home</a></li>
| |
| − |
| |
| − | <!-- Team -->
| |
| − | <ul class="sub">
| |
| − | <a href="#">Team</a>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Team">Team</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Collaborations">Collaborations</a></li>
| |
| − | </ul>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Project -->
| |
| − | <li class="sub"><a href="#">Project</a></li>
| |
| − | <ul>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Description">Description</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Design">Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Experiments">Experiments</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/InterLab">InterLab</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Contribution">Contribution</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Model">Model</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Results">Results</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Demonstrate">Demonstrate</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Improve">Improve</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Attributions">Attributions</a></li>
| |
| − | </ul>
| |
| − | <li class="sub"><a href="#">Parts</a></li>
| |
| − | <ul>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Parts">Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Basic_Part">Basic Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Composite_Part">Composite Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Part_Collection">Part Collection</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Safety">Safety</a></li>
| |
| − |
| |
| − | <!-- Human Practices -->
| |
| − | <li class="sub"><a href="#">Human Practices</a></li>
| |
| − | <ul>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/HP/Silver">Silver</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/HP/Gold_Integrated">Integrated Practices</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Engagement">Public Engagement</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | <!-- Awards -->
| |
| − | <li class="sub"><a href="#">Awards</a></li>
| |
| − | <ul>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Applied_Design">Applied Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Hardware">Hardware</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Model">Model</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Plant">Plant</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Software">Software</a></li>
| |
| − | </ul>
| |
| − | <!-- Judging Form -->
| |
| − | <li><a href="https://igem.org/2017_Judging_Form?team=Cologne-Duesseldorf">Judging Form</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div id="sidebar-btn">
| |
| − | <i class="fa fa-bars"></i>
| |
| − | </div>
| |
| − | <div id="overlay"></div>
| |
| − | <div id="container">
| |
| − | <div id="paper">
| |
| − | <section id="header">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/0/0d/T--Cologne-Duesseldorf--artico-logo-cities.svg">
| |
| − | </section>
| |
| − | <section id="article">
| |
| − | <h3>Designing a Customizable Synthetic Cell Compartment Toolbox</h3>
| |
| − | <hr>
| |
| − | <p>
| |
| − | Synthetic organisms provide a wide range of applications with the potential to tackle
| |
| − | the biggest challenges humanity faces. Their creation is therefore one of the major
| |
| − | goals in synthetic biology. Many breakthroughs have been achieved in the last
| |
| − | decade, however, the creation of a fully synthetic cell is yet a milestone to reach for.
| |
| − | <br>
| |
| − | A common approach tries to build up artificial cells from scratch, whereas we want to
| |
| − | start by engineering artificial compartments through orthogonalization. For designing
| |
| − | these new compartments we plan to establish an open source toolbox accessible to
| |
| − | the community at large. This will make it possible to boot up a compartment perfectly
| |
| − | tailored for a specific application, which will enable cheaper and more efficient
| |
| − | production of biofuels, pharmaceuticals, or high value chemicals.
| |
| − | <br>
| |
| − | By integrating enzymes or biosynthetic pathways into semi-permeable organelles we
| |
| − | gain higher concentrations of enzymes and metabolites and provide a basis for the
| |
| − | ideal operation of specialized enzymes. Furthermore, toxic or unstable intermediates
| |
| − | can be sustained and naturally incompatible reactions can take place
| |
| − | simultaneously.
| |
| − | <br>
| |
| − | We have chosen yeast peroxisomes as our chassis for designing this synthetic organelle, which are very resistant, have a useful import mechanism and are expendable under optimal conditions.
| |
| − | </p>
| |
| − | </section>
| |
| − | <section id="sec">
| |
| − | <h3>Designing a Customizable Synthetic Cell Compartment Toolbox</h3>
| |
| − | <hr>
| |
| − | <p>
| |
| − | Synthetic organisms provide a wide range of applications with the potential to tackle
| |
| − | the biggest challenges humanity faces. Their creation is therefore one of the major
| |
| − | goals in synthetic biology. Many breakthroughs have been achieved in the last
| |
| − | decade, however, the creation of a fully synthetic cell is yet a milestone to reach for.
| |
| − | <br>
| |
| − | A common approach tries to build up artificial cells from scratch, whereas we want to
| |
| − | start by engineering artificial compartments through orthogonalization. For designing
| |
| − | these new compartments we plan to establish an open source toolbox accessible to
| |
| − | the community at large. This will make it possible to boot up a compartment perfectly
| |
| − | tailored for a specific application, which will enable cheaper and more efficient
| |
| − | production of biofuels, pharmaceuticals, or high value chemicals.
| |
| − | <br>
| |
| − | By integrating enzymes or biosynthetic pathways into semi-permeable organelles we
| |
| − | gain higher concentrations of enzymes and metabolites and provide a basis for the
| |
| − | ideal operation of specialized enzymes. Furthermore, toxic or unstable intermediates
| |
| − | can be sustained and naturally incompatible reactions can take place
| |
| − | simultaneously.
| |
| − | <br>
| |
| − | We have chosen yeast peroxisomes as our chassis for designing this synthetic organelle, which are very resistant, have a useful import mechanism and are expendable under optimal conditions.
| |
| − | </p>
| |
| − | </section>
| |
| − | </div>
| |
| − | </div>
| |
| − | <section id="footer">
| |
| − | <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
| |
| − | <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
| |
| − | <a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
| |
| − | <a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a>
| |
| − | <a href="#"><i class="fa fa-university" aria-hidden="true"></i><a>
| |
| − | </section>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
| |
| − | <script>
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | $('#sidebar-btn').click(function(){
| |
| − | $('#sidebar').toggleClass('visible');
| |
| − | $('#overlay').toggleClass('active');
| |
| − | $('#container').toggleClass('inactive');
| |
| − | $('#sidebar-btn').toggleClass('inactive');
| |
| − | });
| |
| − | $('#overlay').click(function(){
| |
| − | $('#sidebar').toggleClass('visible');
| |
| − | $('#overlay').toggleClass('active');
| |
| − | $('#container').toggleClass('inactive');
| |
| − | $('#sidebar-btn').toggleClass('inactive');
| |
| − | });
| |
| − |
| |
| − | $('#sidebar li.sub').click(function(){
| |
| − | $('#sidebar li.sub').next().toggleClass('active');
| |
| − | });
| |
| − |
| |
| − |
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
