Difference between revisions of "Team:Cologne-Duesseldorf/Test"

(Blanked the page)
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template:Cologne-Duesseldorf/css}}
+
 
{{Template:Cologne-Duesseldorf/header}}
+
<html>
+
<body>
+
<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 <strong>creation of a fully synthetic cell is yet a milestone to reach for.</strong>
+
<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 <span class="label">yeast peroxisomes</span> 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="accordion">
+
<h2>Accordion</h2>
+
<hr>
+
<button class="accordion">Section 1</button>
+
<div class="panel">
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
</div>
+
<button class="accordion">Section 2</button>
+
<div class="panel">
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
</div>
+
<button class="accordion">Section 3</button>
+
<div class="panel">
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
</div>
+
</section>
+
<div class="callout">
+
<h3>Callout</h3>
+
<hr>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
</div>
+
<div>
+
<h1>Tables</h1>
+
<hr>
+
<table class="hover">
+
<thead>
+
<tr>
+
<th>Table Header</th>
+
<th>Table Header</th>
+
<th>Table Header</th>
+
<th>Table Header</th>
+
</tr>
+
</thead>
+
<tbody>
+
<tr>
+
<td>Content Goes Here</td>
+
<td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
+
<td>Content Goes Here</td>
+
<td>Content Goes Here</td>
+
</tr>
+
<tr>
+
<td>Content Goes Here</td>
+
<td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
+
<td>Content Goes Here</td>
+
<td>Content Goes Here</td>
+
</tr>
+
<tr>
+
<td>Content Goes Here</td>
+
<td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
+
<td>Content Goes Here</td>
+
<td>Content Goes Here</td>
+
</tr>
+
</tbody>
+
</table>
+
</div>
+
<div>
+
<h1>Cards</h1>
+
<hr>
+
<div class="row">
+
<div class="card">
+
<div class="card-divider">
+
<h4>I'm featured</h4>
+
</div>
+
<div class="card-section">
+
<img src="http://placehold.it/350x150">
+
<p>It has an easy to override visual style, and is appropriately subdued.</p>
+
</div>
+
</div>
+
<div class="card">
+
<div class="card-divider">
+
<h4>I'm featured</h4>
+
</div>
+
<div class="card-section">
+
<img src="http://placehold.it/350x150">
+
<p>It has an easy to override visual style, and is appropriately subdued.</p>
+
</div>
+
</div>
+
<div class="card">
+
<div class="card-divider">
+
<h4>I'm featured</h4>
+
</div>
+
<div class="card-section">
+
<img src="http://placehold.it/350x150">
+
<p>It has an easy to override visual style, and is appropriately subdued.</p>
+
</div>
+
</div>
+
<div class="card">
+
<div class="card-divider">
+
<h4>I'm featured</h4>
+
</div>
+
<div class="card-section">
+
<img src="http://placehold.it/350x150">
+
<p>It has an easy to override visual style, and is appropriately subdued.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
<!-- Large Menu -->
+
<h1>Large Menu</h1>
+
<hr>
+
<div class="row" id="mega-menu">
+
<a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Description"><i class="fa fa-cog" aria-hidden="true"></i></a>
+
<a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Team"><i class="fa fa-users" aria-hidden="true"></i></a>
+
<a href="https://2017.igem.org/Team:Cologne-Duesseldorf/HP/Gold_Integrated"><i class="fa fa-user-plus" aria-hidden="true"></i></a>
+
<a href="https://2017.igem.org/Team:Cologne-Duesseldorf/Part_Collection"><i class="fa fa-cogs" aria-hidden="true"></i></a>
+
</div>
+
<!--Tabs -->
+
<!-- End Article-->
+
</div>
+
<!-- End Container -->
+
</div>
+
</body>
+
</html>
+
{{Template:Cologne-Duesseldorf/footer}}
+
{{Template:Cologne-Duesseldorf/js}}
+

Latest revision as of 21:18, 11 December 2017