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

Line 5: Line 5:
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<style>
 
<style>
 +
@import url('https://fonts.googleapis.com/css?family=Quicksand');
 
/*****************
 
/*****************
 
Page Backbone  
 
Page Backbone  
Line 351: Line 352:
 
color: rgba(0, 0, 0, 0.6);
 
color: rgba(0, 0, 0, 0.6);
 
}
 
}
 +
/*****************
 +
Custom styles
 +
******************/
 +
 +
/* gallery */
 +
#bodyContent .flex-gallery {
 +
display: flex;
 +
flex-flow: column;
 +
justify-content: center;
 +
}
 +
#bodyContent .flex-gallery a {
 +
margin: 10px;
 +
}
 +
#bodyContent .flex-gallery a img {
 +
width: 200px;
 +
height: auto;
 +
filter: grayscale(100%);
 +
transition: all 0.5s ease;
 +
}
 +
#bodyContent .flex-gallery a img:hover {
 +
filter: grayscale(0%);
 +
}
 +
#bodyContent .modalDialog {
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
background: rgba(0, 0, 0, 0.8);
 +
z-index: 99999;
 +
opacity: 0;
 +
transition: opacity 400ms ease-in;
 +
pointer-events: none;
 +
}
 +
#bodyContent .modalDialog:target {
 +
opacity: 1;
 +
pointer-events: auto;
 +
}
 +
#bodyContent .modalDialog>div {
 +
position: absolute;
 +
width: 70vw;
 +
top: 15vw;
 +
left: 15vw;
 +
border-radius: 20px;
 +
background: #fff;
 +
}
 +
#bodyContent .modalDialog > .flex {
 +
flex-direction: row;
 +
}
 +
#bodyContent .modalDialog > .flex > div {
 +
padding: 25px;
 +
}
 +
#bodyContent a.close {
 +
font-size: 24pt;
 +
z-index: 3;
 +
position: absolute;
 +
right: -3vw;
 +
top: -3vw;
 +
display: flex;
 +
flex-direction: row;
 +
justify-content: center;
 +
align-items: center;
 +
width: 20px;
 +
height: 20px;
 +
cursor: pointer;
 +
padding: 28px;
 +
border: 3px solid white;
 +
border-radius: 100%;
 +
box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.3);
 +
}
 +
#bodyContent a.close {
 +
background: #149375;
 +
color: white;
 +
}
 +
#bodyContent a.close:visited {
 +
color: white;
 +
}
 +
#bodyContent a.close:link {
 +
color: white;
 +
}
 +
#bodyContent a.close:hover {
 +
border: 3px solid black;
 +
color: black;
 +
}
 +
 +
/* text stuff */
 +
abbr {
 +
vertical-align: baseline;
 +
font-size: inherit;
 +
text-decoration: none;
 +
color: rgba(0, 0, 0, 0.4);
 +
}
 +
abbr[title],
 +
.explain[title] {
 +
border-bottom: none;
 +
cursor: help;
 +
}
 +
b,strong {
 +
font-weight: bold;
 +
line-height: inherit;
 +
color: #149375;
 +
}
 +
 +
/* other elements */
 +
div.callout {
 +
margin: 24px 0;
 +
padding: 10px;
 +
border: 2px solid rgba(20, 147, 117, 0.5);
 +
border-radius: 0;
 +
}
 +
 +
.tabs {
 +
margin: 0;
 +
border: 1px solid #eceff1;
 +
background: #fefefe;
 +
list-style-type: none
 +
}
 +
.tabs::before,
 +
.tabs::after {
 +
display: table;
 +
content: ' '
 +
}
 +
.tabs::after {
 +
clear: both
 +
}
 +
.tabs.primary {
 +
background: #149375
 +
}
 +
.tabs.primary>li>a {
 +
color: #fefefe
 +
}
 +
.tabs.primary>li>a:hover,
 +
.tabs.primary>li>a:focus {
 +
background: #16a281
 +
}
 +
.tabs-title {
 +
float: left
 +
}
 +
.tabs-title>a {
 +
display: block;
 +
padding: 1.25rem 1.5rem;
 +
font-size: .75rem;
 +
line-height: 1;
 +
color: #149375
 +
}
 +
.tabs-title>a:hover {
 +
background: #fefefe;
 +
color: #117e65
 +
}
 +
.tabs-title>a:focus,
 +
.tabs-title>a[aria-selected='true'] {
 +
background: #eceff1;
 +
color: #149375
 +
}
 +
.tabs-content {
 +
border: 1px solid #eceff1;
 +
border-top: 0;
 +
background: #fefefe;
 +
color: #263238;
 +
transition: all 0.5s ease
 +
}
 +
.tabs-panel {
 +
display: none;
 +
padding: 1rem
 +
}
 +
.tabs-panel[aria-hidden="false"] {
 +
display: block
 +
}
 
/*****************
 
/*****************
 
Media Queries  
 
Media Queries  
Line 393: Line 562:
 
Desktop  
 
Desktop  
 
******************/
 
******************/
−
 
 
@media (min-width: 1600px) {
 
@media (min-width: 1600px) {
 
#bodyContent section#article p {
 
#bodyContent section#article p {
Line 481: Line 649:
 
<p>What can be seen in the plot above is that the system is mostly influenced by concentration changes of valencene synthase. Since the Nootkatone production did not seem to increase further after increasing the valencene synthase concentration by 20-fold, we stuck to that number and simulated our model under the changed conditions.</p>
 
<p>What can be seen in the plot above is that the system is mostly influenced by concentration changes of valencene synthase. Since the Nootkatone production did not seem to increase further after increasing the valencene synthase concentration by 20-fold, we stuck to that number and simulated our model under the changed conditions.</p>
 
</section>
 
</section>
−
<a id="back-to-top" href="#ToC"><i class="fa fa-chevron-circle-up"></i></a>
+
 
 +
<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>
 +
<!-- 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>
 
 
 
 
 
 
 +
 +
 +
 +
 +
 +
<a id="back-to-top" href="#ToC"><i class="fa fa-chevron-circle-up"></i></a>
 
<!-- Scripts -->
 
<!-- Scripts -->
 
<script type="text/javascript" src="https://2017.igem.org/Template:Cologne-Duesseldorf/js-hammer?action=raw&ctype=text/javascript"></script>  
 
<script type="text/javascript" src="https://2017.igem.org/Template:Cologne-Duesseldorf/js-hammer?action=raw&ctype=text/javascript"></script>  

Revision as of 08:21, 19 September 2017

Heading

Heading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus pharetra mollis. Quisque a nisi felis. Curabitur gravida orci a enim sodales convallis. Duis magna quam, finibus id nulla id, eleifend imperdiet ex. Maecenas lacinia fermentum nisl, sollicitudin interdum turpis imperdiet tincidunt. Sed ultricies sagittis orci pharetra vulputate. Nunc ac ipsum augue. Suspendisse dapibus quam a rutrum congue. Pellentesque nec mauris et purus interdum tristique id semper odio. Fusce in est maximus, sollicitudin augue non, iaculis leo. Integer vitae metus id felis volutpat imperdiet. Cras elit est, egestas sit amet orci condimentum, aliquet rhoncus purus. Duis sed lectus interdum, vestibulum orci et, aliquam elit. Aliquam eleifend purus nec lorem accumsan, a tincidunt nibh vehicula. Etiam lobortis volutpat lorem, ac dictum libero egestas efficitur. Fusce condimentum tempor ipsum ut condimentum.

Morbi quis faucibus tellus. Quisque ultrices diam non neque fringilla, scelerisque porttitor quam porta. Suspendisse fermentum suscipit pulvinar. Integer finibus orci id cursus ornare. Donec pretium vulputate quam ut sagittis. Ut sodales sit amet felis et blandit. Cras non velit ac mi faucibus gravida. Vivamus placerat blandit velit ut convallis. Donec imperdiet mi feugiat, lacinia urna nec, sagittis mauris. Aenean convallis, sapien quis consectetur cursus, lacus magna scelerisque purus, et malesuada lacus lorem eu justo. Mauris ornare dictum sem, quis vestibulum magna sodales a. Nulla facilisi. Nam justo urna, gravida eget venenatis eu, rutrum ut quam. Morbi ultrices, sapien ac interdum rutrum, ex neque cursus justo, eget lacinia mauris felis in lacus. Quisque in turpis in ante pharetra semper ut sed erat.

Bioreactor simulation

The yield of $154.9 \ \frac{\text{mg}}{\text{L}}$ Nootkatol was lower than the published results of Wriessnegger 2014. Our first guess was that the assumption of all enzymes being equally concentrated was probably false. We therefore varied the enzyme concentrations and found that overexpression of valencene synthase increased the yield dramatically by converting way more FPP than before, while overexpressing the other enzymes had little to no effect at all:

What can be seen in the plot above is that the system is mostly influenced by concentration changes of valencene synthase. Since the Nootkatone production did not seem to increase further after increasing the valencene synthase concentration by 20-fold, we stuck to that number and simulated our model under the changed conditions.

Accordion

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.

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.

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.

Callout

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.

Tables

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Large Menu