Difference between revisions of "Team:Marburg"

 
(7 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 197: Line 318:
 
</figure>
 
</figure>
 
<aside class="scrollFade slideInRight" fadeTo="transformIn" tabindex="0">
 
<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>
Line 247: Line 368:
 
<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" tabindex="0">
 
<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 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