Difference between revisions of "Team:Marburg"

 
(8 intermediate revisions by 3 users not shown)
Line 31: Line 31:
 
}
 
}
 
.logoSection {
 
.logoSection {
 +
position: relative;
 
width: 100%;
 
width: 100%;
 
padding: 8% 5% 5% 5%;
 
padding: 8% 5% 5% 5%;
Line 46: Line 47:
 
top:0;
 
top:0;
 
background-size: cover;
 
background-size: cover;
−
background-image: url(http://212.224.125.161:8765/igem_2018/img/testbg2.png);
+
background-image: url(https://static.igem.org/mediawiki/2018/a/a6/T--Marburg--logo_background.png);
 
}
 
}
 
.logoSection img {
 
.logoSection img {
Line 56: Line 57:
 
transform: translate(-50%, -50%);
 
transform: translate(-50%, -50%);
 
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
 
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
−
padding-top: 4%;
 
 
animation: mlogo_fadeIn 1s ease-in-out;
 
animation: mlogo_fadeIn 1s ease-in-out;
 
}
 
}
Line 168: Line 168:
  
 
</style>
 
</style>
 +
  
 
<div class="home">
 
<div class="home">
Line 174: Line 175:
 
<img class="scaleIn" fadeTo="transformIn" src="https://static.igem.org/mediawiki/2018/b/b5/T--Marburg--m_logo.png" alt="">
 
<img class="scaleIn" fadeTo="transformIn" src="https://static.igem.org/mediawiki/2018/b/b5/T--Marburg--m_logo.png" alt="">
 
</div>
 
</div>
 +
<!-- ACHIEVEMENTS -->
 +
<div class="spacer"></div>
 +
<style>
 +
.awards_section {
 +
height: auto;
 +
text-align: center;
 +
font-size: 12.7px;
 +
}
 +
.awards_first {
 +
position: relative;
 +
color: whitesmoke;
 +
font-size: 6em;
 +
padding: 1.4em 0 1.35em 0;
 +
text-align: center;
 +
transform: scale(0.8);
 +
}
 +
.awards_title {
 +
font-size: 3em;
 +
color: gray;
 +
}
 +
.winner_pic {
 +
position: relative;
 +
padding-bottom: 4em;
 +
}
 +
.winner_pic img {
 +
width: 100%;
 +
margin: 0 auto 0 auto;
 +
display: block;
 +
box-shadow: 0 5px 33px rgba(0,0,0,0.3);
 +
max-width: 1100px;
 +
border-radius: 3px;
 +
}
 +
.achieved_wrapper {
 +
display: inline-block;
 +
position: relative;
 +
width: 100%;
 +
margin: 0 auto 4em auto;
 +
font-size: 1.1em;
 +
justify-content: center;
 +
max-width: 1100px;
 +
}
 +
.awards {
 +
color: whitesmoke;
 +
float: left;
 +
text-align: center;
 +
}
 +
.awards ul {
 +
      padding-bottom: 0;
 +
}
 +
.awards ul li {
 +
position: relative;
 +
font-size: 2em;
 +
margin:1em;
 +
}
 +
.awards .gold_medal {
 +
transform: scale(0.8);
 +
}
 +
.awards ul li img {
 +
position: relative;
 +
width: 200px;
 +
padding-top: 15%;
 +
}
 +
.awards ul li figcaption {
 +
font-size: 0.9em;
 +
padding-top: 1em;
 +
}
 +
.nominated_title {
 +
font-size: 3em;
 +
color: gray;
 +
}
 +
.nominated {
 +
color: whitesmoke;
 +
float: right;
 +
text-align: center;
 +
}
 +
.nominated ul {
 +
 +
}
 +
.nominated ul li {
 +
font-size: 2em;
 +
margin:1em;
 +
}
 +
.awards_section .scaleIn { transform: scale(1.0); opacity: 1.0; }
 +
</style>
 +
<section class="awards_section">
 +
<div class="sectionBackground" style="background: linear-gradient(-0deg, #d55c58 0%, #08173c 100%)"></div>
 +
<div class="awards_first scrollFade" fadeTo="scaleIn">Grand Prize Winner</div>
 +
<div class="winner_pic scrollFade" fadeTo="fadeIn">
 +
<img src="https://static.igem.org/mediawiki/2018/9/99/T--Marburg--winner_team_small.jpg">
 +
</div>
 +
<div class="achieved_wrapper">
 +
<div class="awards">
 +
<div class="awards_title scrollFade" fadeTo="fadeIn">Awards</div>
 +
<ul class="scrollFade" fadeTo="fadeIn">
 +
<li>Grand Prize Winner</li>
 +
<li>Best Foundational Advance</li>
 +
<li>Best Poster</li>
 +
<li>Best Part Collection</li>
 +
<li class="gold_medal scrollFade" fadeTo="scaleIn">
 +
<img src="https://static.igem.org/mediawiki/2018/0/01/T--Marburg--GoldCriteria.png">
 +
<figcaption>Gold Medal</figcaption>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="nominated">
 +
<div class="nominated_title">Nominated</div>
 +
<ul class="scrollFade" fadeTo="fadeIn">
 +
<li>Best Wiki</li>
 +
<li>Best Presentation</li>
 +
<li>Best Integrated Human Practices</li>
 +
<li>Best Education & Public Engagement</li>
 +
<li>Best Model</li>
 +
<li>Best New Composite Part</li>
 +
<li>Best New Basic Part</li>
 +
<li>Best Measurment</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<script src="https://2018.igem.org/Template:Marburg/confetti?action=raw&ctype=text/javascript"></script>
 +
</section>
 
<!-- 1. VIBRIO BASICS -->
 
<!-- 1. VIBRIO BASICS -->
 
<div class="spacer"></div>
 
<div class="spacer"></div>
Line 179: Line 300:
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/8/86/T--Marburg--home_1.jpg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/8/86/T--Marburg--home_1.jpg)"></div>
 
<div class="sectionContent">
 
<div class="sectionContent">
−
<aside class="scrollFade slideInLeft" fadeTo="transformIn">
+
<aside class="scrollFade slideInLeft" fadeTo="transformIn" tabindex="0">
 
Establishing <i>Vibrio natriegens</i> as the new chassis organism for synthetic biology.<br>
 
Establishing <i>Vibrio natriegens</i> as the new chassis organism for synthetic biology.<br>
 
With a doubling time of 7 minutes, we were able to complete a full cloning cycle in less than 12 hours!
 
With a doubling time of 7 minutes, we were able to complete a full cloning cycle in less than 12 hours!
Line 189: Line 310:
 
</section>
 
</section>
 
<!-- 2. STRAIN ENGINEERING -->
 
<!-- 2. STRAIN ENGINEERING -->
−
<div class="spacer"><div class="spacerH">Strain Engineering</div></div>
+
<div class="spacer"><div class="spacerH" tabindex="0">Strain Engineering</div></div>
 
<section>
 
<section>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/4/4a/T--Marburg--home_2.jpg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/4/4a/T--Marburg--home_2.jpg)"></div>
Line 196: Line 317:
 
<img src="https://static.igem.org/mediawiki/2018/6/60/T--Marburg--StrainEngineeringNoBG.png" alt="">
 
<img src="https://static.igem.org/mediawiki/2018/6/60/T--Marburg--StrainEngineeringNoBG.png" alt="">
 
</figure>
 
</figure>
−
<aside class="scrollFade slideInRight" fadeTo="transformIn">
+
<aside class="scrollFade slideInRight" fadeTo="transformIn" tabindex="0">
−
We established three new strains derived from the original wildtype strain as chassis organisms for cloning, protein expression and protein interaction studies.
+
We established three new strains derived from the original wildtype strain as chassis organisms for cloning, protein expression and protein interaction studies. Moreover, we got first evidence for a CRISPR/Cas9 mediated knockout.
 
</aside>
 
</aside>
 
</div>
 
</div>
 
</section>
 
</section>
 
<!-- 3. PART COLLECTION -->
 
<!-- 3. PART COLLECTION -->
−
<div class="spacer"><div class="spacerH">Marburg Collection</div></div>
+
<div class="spacer"><div class="spacerH" tabindex="0">Marburg Collection</div></div>
 
<section>
 
<section>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/2/27/T--Marburg--home_3-2.jpeg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/2/27/T--Marburg--home_3-2.jpeg)"></div>
 
<div class="sectionContent">
 
<div class="sectionContent">
−
<aside class="scrollFade slideInLeft" fadeTo="transformIn">
+
<aside class="scrollFade slideInLeft" fadeTo="transformIn" tabindex="0">
 
We created the Marburg Collection, a highly flexible golden-gate based cloning toolbox consisting of 123 individual parts. Our novel measurement workflow was applied to obtain highly reproducible data on the behavior of our parts in <i>V. natriegens</i>.
 
We created the Marburg Collection, a highly flexible golden-gate based cloning toolbox consisting of 123 individual parts. Our novel measurement workflow was applied to obtain highly reproducible data on the behavior of our parts in <i>V. natriegens</i>.
 
</aside>
 
</aside>
Line 215: Line 336:
 
</section>
 
</section>
 
<!-- 4. METABOLIC -->
 
<!-- 4. METABOLIC -->
−
<div class="spacer"><div class="spacerH">Metabolic Engineering</div></div>
+
<div class="spacer"><div class="spacerH" tabindex="0">Metabolic Engineering</div></div>
 
<section>
 
<section>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/2/29/T--Marburg--home_4.jpg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/2/29/T--Marburg--home_4.jpg)"></div>
Line 222: Line 343:
 
<img src="https://static.igem.org/mediawiki/2018/c/c2/T--Marburg--Metabolic-EngineeringCell.gif" alt="">
 
<img src="https://static.igem.org/mediawiki/2018/c/c2/T--Marburg--Metabolic-EngineeringCell.gif" alt="">
 
</figure>
 
</figure>
−
<aside class="scrollFade slideInRight" fadeTo="transformIn">
+
<aside class="scrollFade slideInRight" fadeTo="transformIn" tabindex="0">
 
We developed a workflow for accelerating metabolic engineering. As a proof of concept we established the first synthetic pathway in <i>Vibrio natriegens</i> to produce the platform chemical 3-hydroxypropionic acid.
 
We developed a workflow for accelerating metabolic engineering. As a proof of concept we established the first synthetic pathway in <i>Vibrio natriegens</i> to produce the platform chemical 3-hydroxypropionic acid.
 
</aside>
 
</aside>
Line 228: Line 349:
 
</section>
 
</section>
 
<!-- 5. INTERLAB -->
 
<!-- 5. INTERLAB -->
−
<div class="spacer"><div class="spacerH">Interlab</div></div>
+
<div class="spacer"><div class="spacerH" tabindex="0">Interlab</div></div>
 
<section>
 
<section>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/a/a7/T--Marburg--home_5.jpg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/a/a7/T--Marburg--home_5.jpg)"></div>
 
<div class="sectionContent">
 
<div class="sectionContent">
−
<aside class="scrollFade slideInLeft" fadeTo="transformIn">
+
<aside class="scrollFade slideInLeft" fadeTo="transformIn" tabindex="0">
 
To collaborate with other teams and spread the word to other scientists on <i>Vibrio natriegens'</i> advantages we had teams from all over Europe conduct a growth curve or a InterLab inspired experiment.
 
To collaborate with other teams and spread the word to other scientists on <i>Vibrio natriegens'</i> advantages we had teams from all over Europe conduct a growth curve or a InterLab inspired experiment.
 
</aside>
 
</aside>
Line 242: Line 363:
 
</section>
 
</section>
 
<!-- 6. BLISTA -->
 
<!-- 6. BLISTA -->
−
<div class="spacer"><div class="spacerH">Accessible Science</div></div>
+
<div class="spacer"><div class="spacerH" tabindex="0">Accessible Science</div></div>
 
<section>
 
<section>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/b/bd/T--Marburg--home_6.jpg)"></div>
 
<div class="sectionBackground parallax" speed="0.2" style="background-image:url(https://static.igem.org/mediawiki/2018/b/bd/T--Marburg--home_6.jpg)"></div>
 
<div class="sectionContent">
 
<div class="sectionContent">
 
<figure>
 
<figure>
−
<img src="http://212.224.125.161:8765/igem_2018/img/accessible_wiki_green.png" alt="">
+
<img src="https://static.igem.org/mediawiki/2018/0/09/T--Marburg--accessible_wiki_green_small.png" alt="">
 
</figure>
 
</figure>
−
<aside class="scrollFade slideInRight" fadeTo="transformIn">
+
<aside class="scrollFade slideInRight" fadeTo="transformIn" tabindex="0">
−
This Wiki is designed to be accessible to/for everyone!
+
This Wiki is designed to be accessible for everyone!
 
For this years Human Practices, iGEM Marburg decided to partner up with the BLISTA again. The BLISTA is the only Highschool for visually impaired students in Europe. As part of our project we (and other teams) designed a barrier-free website to take this step to remove barriers in communication!
 
For this years Human Practices, iGEM Marburg decided to partner up with the BLISTA again. The BLISTA is the only Highschool for visually impaired students in Europe. As part of our project we (and other teams) designed a barrier-free website to take this step to remove barriers in communication!
 
</aside>
 
</aside>
Line 259: Line 380:
  
 
<style>
 
<style>
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
 
.sectionH {
 
.sectionH {
 
width: 100%;
 
width: 100%;
Line 412: Line 519:
 
/* small desktops */
 
/* small desktops */
 
@media only screen and (max-width: 1100px) {
 
@media only screen and (max-width: 1100px) {
−
 
+
.winner_pic img {
 +
border-radius: 0;
 +
}
 
}
 
}
 
/* landscape tablets */
 
/* landscape tablets */
Line 418: Line 527:
 
.medal_content {
 
.medal_content {
 
font-size: 0.8em;
 
font-size: 0.8em;
 +
}
 +
.achieved_wrapper {
 +
display: flex;
 +
justify-content: space-around;
 +
flex-wrap: wrap;
 +
}
 +
.awards ul {
 +
      padding-bottom: 25%;
 +
}
 +
.achieved_wrapper {
 +
font-size: 0.9em;
 
}
 
}
 
}
 
}
Line 433: Line 553:
 
}
 
}
 
section:nth-of-type(even) .sectionContent {
 
section:nth-of-type(even) .sectionContent {
−
flex-wrap: wrap;
+
flex-wrap: wrap-reverse;
 
}
 
}
 
section:nth-of-type(odd) .sectionContent {
 
section:nth-of-type(odd) .sectionContent {
−
flex-wrap: wrap-reverse;
+
flex-wrap: wrap;
 
}
 
}
 
.sectionContent figure {
 
.sectionContent figure {
Line 462: Line 582:
 
border-left: 2px solid rgb(231, 231, 231) !important;
 
border-left: 2px solid rgb(231, 231, 231) !important;
 
}*/
 
}*/
−
.medal_table table {
+
.medal_table table {
−
  font-size:  0.7em !important;
+
font-size:  0.7em !important;
−
  }
+
}
 +
.awards_first {
 +
font-size: 5em;
 +
}
 
}
 
}
 
/* small phones */
 
/* small phones */
Line 471: Line 594:
 
width: 100%;
 
width: 100%;
 
}
 
}
−
.medal_table table {
+
.medal_table table {
−
  font-size:  0.5em !important;
+
  font-size:  0.5em !important;
−
  }
+
  }
 
.sectionContent figure {
 
.sectionContent figure {
 
  width: 70%;
 
  width: 70%;
−
  }
+
  }
 +
  .awards_first {
 +
  font-size: 3em;
 +
  }
 
}
 
}
  
 +
</style>
  
  
−
 
−
 
−
 
−
 
−
</style>
 
 
<section class="bottomSection">
 
<section class="bottomSection">
 
<div class="sectionContent">
 
<div class="sectionContent">
 
<aside>
 
<aside>
−
                        <div class="medalBody">
+
<div class="medalBody">
 
<div class="sectionH scrollFade" fadeTo="fadeIn"><h1>Medal Criteria</h1></div>
 
<div class="sectionH scrollFade" fadeTo="fadeIn"><h1>Medal Criteria</h1></div>
 
<div class="medal_container scrollFade" fadeTo="fadeIn">
 
<div class="medal_container scrollFade" fadeTo="fadeIn">
Line 506: Line 628:
 
</div>
 
</div>
 
<div class="medal_content_container">
 
<div class="medal_content_container">
−
<div id="m_a" class="medal_content">
+
<div id="m_a" class="medal_content" tabindex="0">
 
<h1>Bronze</h1>
 
<h1>Bronze</h1>
 
We fulfilled all bronze medal criteria.
 
We fulfilled all bronze medal criteria.
Line 518: Line 640:
 
We participated in the fifth <a href="https://2018.igem.org/Team:Marburg/InterLab">iGEM InterLab</a>  measurement study, submitted our data in time and we are happy that our results were accepted by the measurement committee.   
 
We participated in the fifth <a href="https://2018.igem.org/Team:Marburg/InterLab">iGEM InterLab</a>  measurement study, submitted our data in time and we are happy that our results were accepted by the measurement committee.   
 
</div>
 
</div>
−
<div id="m_b" class="medal_content">
+
<div id="m_b" class="medal_content" tabindex="0">
 
<h1>Silver</h1>
 
<h1>Silver</h1>
 
We are certain that we completed all silver medal criteria
 
We are certain that we completed all silver medal criteria
Line 528: Line 650:
 
We got into contact with the BLISTA as part of our local community to open our project for everyone and we achieved to present our project in an accessible manner for the visually impaired.
 
We got into contact with the BLISTA as part of our local community to open our project for everyone and we achieved to present our project in an accessible manner for the visually impaired.
 
</div>
 
</div>
−
<div id="m_c" class="medal_content">
+
<div id="m_c" class="medal_content" tabindex="0">
 
<h1>Gold</h1>
 
<h1>Gold</h1>
 
We hope that we can convince you that we fulfilled all gold medal criteria.
 
We hope that we can convince you that we fulfilled all gold medal criteria.
Line 542: Line 664:
 
We succeeded in all major parts of our project. We established genome engineering methods, created a toolbox and showed production of 3-HPA.
 
We succeeded in all major parts of our project. We established genome engineering methods, created a toolbox and showed production of 3-HPA.
 
</div>
 
</div>
−
<div id="m_d" class="medal_content">
+
<div id="m_d" class="medal_content" tabindex="0">
 
<h1>Special Prizes</h1>
 
<h1>Special Prizes</h1>
 
We are proud about what we achieved and applied for the following special awards:<br><br>
 
We are proud about what we achieved and applied for the following special awards:<br><br>
Line 559: Line 681:
 
<br>
 
<br>
 
<br>
 
<br>
−
<div class="medal_table">
+
<div class="medal_table" tabindex="0">
 
<table>
 
<table>
 
<tr>
 
<tr>
Line 567: Line 689:
 
<tr>
 
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Initially, we carried out foundational experiments to characterize the growth rate, pH, salt and antibiotic tolerance of <i>V. natriegens</i> and sequenced its genome.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Initially, we carried out foundational experiments to characterize the growth rate, pH, salt and antibiotic tolerance of <i>V. natriegens</i> and sequenced its genome.
−
</td>
+
</td>
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>
Line 580: Line 702:
 
<tr>
 
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">We designed and constructed the Marburg Collection, a highly flexible golden-gate based toolbox consisting of 123 parts.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">We designed and constructed the Marburg Collection, a highly flexible golden-gate based toolbox consisting of 123 parts.
−
</td>
+
</td>
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Dozens of test constructs were built and tested to obtain characterization data for all part categories in our toolbox.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Dozens of test constructs were built and tested to obtain characterization data for all part categories in our toolbox.
−
</td>
+
</td>
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">This was only possible with our novel experimental and data analysis workflow using platereader measurements.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">This was only possible with our novel experimental and data analysis workflow using platereader measurements.
−
</td>
+
</td>
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">We successfully demonstrated a genome engineering workflow in <i>V. natriegens</i> to establish three new lab strains for diverse applications.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">We successfully demonstrated a genome engineering workflow in <i>V. natriegens</i> to establish three new lab strains for diverse applications.
−
</td>
+
</td>
 
<td class="scrollFade slideInRight" fadeTo="transformIn"><div class="checkmark"></div></td>
 
<td class="scrollFade slideInRight" fadeTo="transformIn"><div class="checkmark"></div></td>
 
</tr>
 
</tr>
Line 614: Line 736:
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>
−
                                                <tr>
+
<tr>
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Via mass spectrometry, we detected our pathway product                          3-hydroxypropionic acid in <i>V. natriegens</i>.
 
<td class="scrollFade slideInRight" fadeTo="transformIn">Via mass spectrometry, we detected our pathway product                          3-hydroxypropionic acid in <i>V. natriegens</i>.
−
</td>
+
</td>
 
<td><div class="checkmark"></div></td>
 
<td><div class="checkmark"></div></td>
 
</tr>
 
</tr>

Latest revision as of 13:35, 3 December 2018

Grand Prize Winner
Awards
  • Grand Prize Winner
  • Best Foundational Advance
  • Best Poster
  • Best Part Collection
  • Gold Medal
Nominated
  • Best Wiki
  • Best Presentation
  • Best Integrated Human Practices
  • Best Education & Public Engagement
  • Best Model
  • Best New Composite Part
  • Best New Basic Part
  • Best Measurment
Strain Engineering
Marburg Collection
Metabolic Engineering
Interlab
Accessible Science
B. Marchal