Difference between revisions of "Team:Marburg"

 
(4 intermediate revisions by 2 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 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 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 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