Difference between revisions of "Team:Marburg"

(Prototype team page)
 
 
(72 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 
<html>
 
<html>
 +
<style>
 +
body {
 +
overflow-x: hidden !important;
 +
}
 +
.home {
 +
  width: 100%;
 +
}
  
 +
section {
 +
position: relative;
 +
overflow: hidden;
 +
width: 100%;
 +
background-color:black;
 +
height: 120vh;
 +
padding: 3%;
 +
box-sizing: border-box;
 +
}
  
−
 
+
.logoSection:before {
−
 
+
position: absolute;
−
<div class="column full_size" >
+
width: 100%;
−
<h1> Welcome to iGEM 2018! </h1>
+
height: 100%;
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
left:0;
−
 
+
top:0;
−
 
+
content: "";
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
opacity: 0.9;
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
.logoSection {
 +
position: relative;
 +
width: 100%;
 +
padding: 8% 5% 5% 5%;
 +
box-sizing: border-box;
 +
text-align: center;
 +
min-height: 100vh;
 +
background-color: white;
 +
background-size: cover;
 +
}
 +
.logoBackground {
 +
position: absolute;
 +
width: 100%;
 +
height: calc(100% + 54px);
 +
left:0;
 +
top:0;
 +
background-size: cover;
 +
background-image: url(https://static.igem.org/mediawiki/2018/a/a6/T--Marburg--logo_background.png);
 +
}
 +
.logoSection img {
 +
position: absolute;
 +
display: inline-block;
 +
width: 60%;
 +
left:50%;
 +
top:50%;
 +
transform: translate(-50%, -50%);
 +
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
 +
animation: mlogo_fadeIn 1s ease-in-out;
 +
}
 +
@keyframes mlogo_fadeIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.75); } to { opacity: 1; transform: translate(-50%, -50%) scale(1.0); }}
 +
.sectionBackground {
 +
position: absolute;
 +
width: 100%;
 +
height: 110%;
 +
left:0;
 +
top:-5%;
 +
background-size: cover;
 +
background-position: center;
 +
opacity: 0.3;
 +
background-color: black;
 +
}
 +
.sectionBackground:before {
 +
position: absolute;
 +
left: 0;
 +
top:0;
 +
content: "";
 +
width: 100%;
 +
height: 100%;
 
 
 +
}
  
−
</div>
 
  
 +
.sectionContent {
 +
display: flex;
 +
justify-content: space-around;
 +
align-content: center;
 +
align-items: center;
 +
padding: 4%;
 +
height: 100%;
 +
box-sizing: border-box;
 +
}
  
−
<div class="column full_size" >
+
.sectionContent figure img {
 +
display:inline-block;
 +
width: 100%;
 +
}
  
−
<h3>Before you start</h3>
+
.sectionContent figure {
−
<p> Please read the following pages:</p>
+
width: 25%;
−
<ul>
+
}
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
.sectionContent aside {
 +
display:inline-block;
 +
align-self: center;
 +
position: relative;
 +
width: 70%;
 +
color:white;
 +
background-color: rgba(0, 0, 0, 0);
 +
font-size: 2.3vw;
 +
text-align: justify;
 +
}
 +
.spacer {
 +
position: relative;
 +
width: 100%;
 +
height: 2px;
 +
background-color:#fff;
 +
box-shadow: 0 0 15px rgba(255,255,255,1);
 +
z-index: 2;
 +
}
 +
.spacerH {
 +
position: absolute;
 +
text-align: center;
 +
background-color: white;
 +
font-size: 2.8vw;
 +
left:50%;
 +
top:50%;
 +
transform: translate(-50%, -50%);
 +
border-radius: 55px;
 +
padding: 1% 2% 1% 2%;
 +
text-align: center;
 +
}
 +
.scrollFade {
 +
opacity: 0;
 +
transition: all 1.5s ease-in-out;
 +
}
 +
.scaleIn {
 +
transform: scale(0.8);
 +
}
 +
.slideInLeft {
 +
transform: translate(-15%, 0);
 +
}
 +
.slideInRight {
 +
transform: translate(15%, 0);
 +
}
 +
.fadeIn {
 +
opacity: 1;
 +
}
 +
.transformIn {
 +
opacity: 1;
 +
transform: translate(0) scale(1.0);
 +
}
  
−
<div class="clear extra_space"></div>
+
.logoSpacer {
−
<div class="line_divider"></div>
+
position: absolute;
−
<div class="clear extra_space"></div>
+
width: 100%;
 +
height: 15px;
 +
background-color:#fff;
 +
box-shadow: 0 0 15px rgba(255,255,255,1);z-index: 2;
 +
}
 +
.medalBody {
 +
width: 100%;
 +
border-radius: 25px;
 +
box-shadow: 0 15px 20px rgb(0, 0, 0, 0.1);
 +
padding: 5%;
 +
box-sizing:border-box;
 +
}
  
 +
</style>
  
  
−
<div class="column full_size" >
+
<div class="home">
−
<h3> Styling your wiki </h3>
+
<div class="logoSection">
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
<div class="logoBackground"></div>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
<img class="scaleIn" fadeTo="transformIn" src="https://static.igem.org/mediawiki/2018/b/b5/T--Marburg--m_logo.png" alt="">
 +
</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 {
  
−
</div>
+
}
 +
.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 -->
 +
<div class="spacer"></div>
 +
<section>
 +
<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">
 +
<aside class="scrollFade slideInLeft" fadeTo="transformIn" tabindex="0">
 +
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!
 +
</aside>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/a/a6/T--Marburg--VibrioNatriegensBig.gif" alt="">
 +
</figure>
 +
</div>
 +
</section>
 +
<!-- 2. STRAIN ENGINEERING -->
 +
<div class="spacer"><div class="spacerH" tabindex="0">Strain Engineering</div></div>
 +
<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="sectionContent">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/6/60/T--Marburg--StrainEngineeringNoBG.png" alt="">
 +
</figure>
 +
<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. Moreover, we got first evidence for a CRISPR/Cas9 mediated knockout.
 +
</aside>
 +
</div>
 +
</section>
 +
<!-- 3. PART COLLECTION -->
 +
<div class="spacer"><div class="spacerH" tabindex="0">Marburg Collection</div></div>
 +
<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="sectionContent">
 +
<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>.
 +
</aside>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/5/58/T--Marburg--PartCollectionMLogo.gif" alt="">
 +
</figure>
 +
</div>
 +
</section>
 +
<!-- 4. METABOLIC -->
 +
<div class="spacer"><div class="spacerH" tabindex="0">Metabolic Engineering</div></div>
 +
<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="sectionContent">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/c/c2/T--Marburg--Metabolic-EngineeringCell.gif" alt="">
 +
</figure>
 +
<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.
 +
</aside>
 +
</div>
 +
</section>
 +
<!-- 5. INTERLAB -->
 +
<div class="spacer"><div class="spacerH" tabindex="0">Interlab</div></div>
 +
<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="sectionContent">
 +
<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.
 +
</aside>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/8/88/T--Marburg--InterLabLogoCell2.gif
 +
" alt="">
 +
</figure>
 +
</div>
 +
</section>
 +
<!-- 6. BLISTA -->
 +
<div class="spacer"><div class="spacerH" tabindex="0">Accessible Science</div></div>
 +
<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="sectionContent">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/0/09/T--Marburg--accessible_wiki_green_small.png" alt="">
 +
</figure>
 +
<aside class="scrollFade slideInRight" fadeTo="transformIn" tabindex="0">
 +
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!
 +
</aside>
 +
</div>
 +
</section>
  
 +
<!-- OTHER STUFF -->
  
 +
<style>
 +
.sectionH {
 +
width: 100%;
 +
padding: 0 0 4% 0;
 +
text-align: center;
 +
font-size: 1.5em;
 +
box-sizing: border-box;
 +
}
 +
.sectionText {
 +
padding: 5% 0 15% 0;
 +
}
 +
.medal_container {
 +
position: relative;
 +
display:flex;
 +
justify-content: space-around;
 +
width: 100%;
 +
z-index: 2;
 +
}
  
 +
.medal_container>div {
 +
position: relative;
 +
width: 20%;
 +
padding-bottom: 20%;
 +
margin-bottom: 2%;
 +
}
  
−
<div class="clear extra_space"></div>
+
.medal_container>div>img {
 +
position: absolute;
 +
width: 100%;
 +
top:50%;
 +
left:50%;
 +
transform: translate(-50%,-50%);
 +
}
 +
.medal_content_container {
 +
  position: relative;
 +
margin-bottom: 10%;
 +
}
 +
.medal_content {
 +
position: absolute;
 +
opacity: 0;
 +
top:0;
 +
transform:translate(0,0);
 +
font-size: 1em;
 +
transition: all 0.3s ease-in-out;
 +
}
 +
.medal_content h2 a {
 +
color: unset !important;
 +
}
 +
.medal_content_selected {
 +
opacity: 1;
 +
z-index: 2;
 +
}
 +
.bottomSection .sectionContent aside {
 +
font-size: 2em;
 +
}
 +
.medal_content:nth-of-type(3) {
 +
position: relative;
 +
}
  
 +
.medalButton {
 +
transition: transform 0.3s ease-in-out;
 +
cursor: pointer;
 +
}
  
 +
.medalButton_selected {
 +
transform: scale(1.1);
 +
}
  
−
<div class="column third_size" >
+
.noAnim {
 +
transition: none;
 +
}
  
−
<h3> Uploading pictures and files </h3>
+
.bottomSection {
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
height: unset;
 +
background-color:white;
 +
}
  
 +
.bottomSection aside {
 +
color: #333;
 +
}
  
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
.medal_table table {
 +
border-spacing: 0;
 +
border: 2px solid rgb(231, 231, 231) !important;
 +
font-size: 0.9em;
 +
width: 100%;
 +
border-collapse: unset !important;
 +
border-radius: 1vw;
 +
text-align: center;
 +
}
 +
.medal_table th, td {
 +
border-right: none !;
 +
padding:3% !important;
 +
color:#505050 !important;
 +
}
 +
.medal_table td {
 +
position: relative;
 +
}
 +
.medal_table th{
 +
border-top: none !important;
 +
border-right: none !important;
 +
border-left: none !important;
 +
border-bottom: 2px solid rgb(231, 231, 231) !important;
 +
background-color: white !important;
 +
}
 +
.medal_table tr td:first-of-type {
 +
border:none !important;
 +
}
 +
.medal_table tr td:last-of-type {
 +
border:none !important;
 +
width: 22%;
 +
border-left: 2px solid rgb(231, 231, 231) !important;*/
 +
}
 +
.medal_table tr:nth-child(even){
 +
background-color: rgb(255, 255, 255);
 +
}
  
−
<div class="button_link">
+
.checkmark {
−
<a href="https://2018.igem.org/Special:Upload">
+
position: absolute;
−
UPLOAD FILES
+
width: 25%;
−
</a>
+
padding-bottom: 25%;
−
</div>
+
top:50%;
 +
left: 50%;
 +
transform: translate(-50%, -50%);
 +
background-position: center;
 +
background-size: contain;
 +
background-image:url(https://static.igem.org/mediawiki/2018/2/23/T--Marburg--checkmark.svg);
 +
opacity: 0.7;
 +
}
  
−
</div>
+
/* - - - - - - -  MEDIA QUERIES - - - - - - - */
 +
/* medium desktops */
 +
@media only screen and (max-width: 1800px) {
  
−
<div class="column third_size" >
+
}
−
<h3> Wiki template information </h3>
+
@media only screen and (max-width: 1500px) {
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
−
</div>
+
}
 +
/* small desktops */
 +
@media only screen and (max-width: 1100px) {
 +
.winner_pic img {
 +
border-radius: 0;
 +
}
 +
}
 +
/* landscape tablets */
 +
@media only screen and (max-width: 992px) {
 +
.medal_content {
 +
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;
 +
}
 +
}
  
 +
/* larger phones, portrait tablets */
 +
@media only screen and (max-width: 786px) {
 +
.logoSection img {
 +
width: 80%;
 +
}
 +
.slideInLeft {
 +
transform: none;
 +
}
 +
.slideInRight {
 +
transform: none;
 +
}
 +
section:nth-of-type(even) .sectionContent {
 +
flex-wrap: wrap-reverse;
 +
}
 +
section:nth-of-type(odd) .sectionContent {
 +
flex-wrap: wrap;
 +
}
 +
.sectionContent figure {
 +
  width: 50%;
 +
  }
 +
.sectionContent aside {
 +
width: 100%;
 +
font-size: 1.5em;
 +
}
 +
.spacerH {
 +
font-size: 6vw;
 +
padding: 1% 3% 1% 3%;
 +
text-align: center;
 +
}
 +
.sectionH {
 +
font-size: 6vw;
 +
}
 +
/*.medal_table table {
 +
border: 2px solid rgb(231, 231, 231) !important;
 +
}
 +
.medal_table th{
 +
border-bottom: 2px solid rgb(231, 231, 231) !important;
 +
}
 +
.medal_table tr td:last-of-type {
 +
border-left: 2px solid rgb(231, 231, 231) !important;
 +
}*/
 +
.medal_table table {
 +
font-size:  0.7em !important;
 +
}
 +
.awards_first {
 +
font-size: 5em;
 +
}
 +
}
 +
/* small phones */
 +
@media only screen and (max-width: 600px) {
 +
.logoSection img {
 +
width: 100%;
 +
}
 +
.medal_table table {
 +
  font-size:  0.5em !important;
 +
  }
 +
.sectionContent figure {
 +
  width: 70%;
 +
  }
 +
  .awards_first {
 +
  font-size: 3em;
 +
  }
 +
}
  
 +
</style>
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_B_full">
 
−
<h3> Editing your wiki </h3>
 
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
 
−
 
−
<div class="button_link">
 
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:Marburg&action=edit">
 
−
EDIT PAGE
 
−
</a>
 
−
</div>
 
  
 +
<section class="bottomSection">
 +
<div class="sectionContent">
 +
<aside>
 +
<div class="medalBody">
 +
<div class="sectionH scrollFade" fadeTo="fadeIn"><h1>Medal Criteria</h1></div>
 +
<div class="medal_container scrollFade" fadeTo="fadeIn">
 +
<div class="medalButton" mContent="m_a">
 +
          <img src="https://static.igem.org/mediawiki/2018/4/41/T--Marburg--BronzeCriteria.png" alt="">
 +
</div>
 +
<div class="medalButton" mContent="m_b">
 +
          <img src="https://static.igem.org/mediawiki/2018/3/38/T--Marburg--SilverCriteria.png" alt="">
 +
</div>
 +
<div class="medalButton" mContent="m_c">
 +
          <img src="https://static.igem.org/mediawiki/2018/0/01/T--Marburg--GoldCriteria.png" alt="">
 +
</div>
 +
<div class="medalButton" mContent="m_d">
 +
          <img src="https://static.igem.org/mediawiki/2018/9/97/T--Marburg--CrystalCriteria.png" alt="">
 +
</div>
 +
</div>
 +
<div class="medal_content_container">
 +
<div id="m_a" class="medal_content" tabindex="0">
 +
<h1>Bronze</h1>
 +
We fulfilled all bronze medal criteria.
 +
</h2>
 +
Our team registered for iGEM, we had a challenging but great iGEM season and we are really looking forward to attend the Giant Jamboree.
 +
<h2>Deliverables</h2>
 +
We already finalized our Wiki and <a href="https://igem.org/2018_Judging_Form?id=2560">Judging Form</a>. We will hold our presentation at the Giant Jamboree in Boston and we expect exciting discussions at our poster.
 +
<h2>Attributions</h2>
 +
Our project was only possible with a great <a href="https://2018.igem.org/Team:Marburg/Team">team</a> and we also want to thank people, institutions and companies who helped with financial and infrastructural support or scientific advice, and we are grateful to honor them on our <a href="https://2018.igem.org/Team:Marburg/Attributions">attributions page</a>.
 +
<h2>Characterization</h2>
 +
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 id="m_b" class="medal_content" tabindex="0">
 +
<h1>Silver</h1>
 +
We are certain that we completed all silver medal criteria
 +
<h2>Validated Part</h2> We submitted <a href="http://parts.igem.org/Part:BBa_K2560069">BBa_K2560069</a> as a new basic parts. This part fulfills all formal requirements and was submitted to the registry. <a href="http://parts.igem.org/Part:BBa_K2560069">BBa_K2560069</a> is a 5’ Connector which was newly designed by us. We validated its function by showing that it can reduce crosstalk from backbone features 14 fold.
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Collaborations">Collaborations</a></h2>
 +
We strengthened the iGEM community in Germany by hosting the <a href="https://2018.igem.org/Team:Marburg/Collaborations">German iGEM Meetup</a> and we planned and realized the <a href="https://2018.igem.org/Team:Marburg/Collaborations">Vibrigens InterLab study</a> with eleven participating teams.
  
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Human_Practices">Human Practices</a></h2>
 +
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 id="m_c" class="medal_content" tabindex="0">
 +
<h1>Gold</h1>
 +
We hope that we can convince you that we fulfilled all gold medal criteria.
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Human_Practices">Integrated Human Practices</a></h2>
 +
We integrated valuable input from society, academia and industry into the design and execution of our project by starting a wiki collaboration and implementing the suggestions of stakeholders into the design of our strains.
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Improve">Improve a previous part</a></h2>
 +
We improved <a href="http://parts.igem.org/Part:BBa_P10500">BBa_P10500</a> by replacing the dropout with a sfGFP cassette, resulting in <a href="http://parts.igem.org/Part:BBa_K2560002">BBa_K2560002</a>.
 +
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Model">Model Your Project</a></h2>
 +
Using modeling we predicted the metabolic pathway that yields optimal 3HPA producting and conducted foundational work towards a novel pathway.
 +
 +
<h2><a href="https://2018.igem.org/Team:Marburg/Demonstrate">Demonstration of Your Work</a></h2>
 +
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 id="m_d" class="medal_content" tabindex="0">
 +
<h1>Special Prizes</h1>
 +
We are proud about what we achieved and applied for the following special awards:<br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Human_Practices">Integrated Human Practices</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Public_Engagement">Education and Public Engagement</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Model">Model</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Measurement">Measurement</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Software">Software Tool</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Measurement">Measurement</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Basic_Part">Best New Basic Part</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Composite_Part">Best New Composite Part</a><br><br>
 +
<a href="https://2018.igem.org/Team:Marburg/Part_Collection">Best Part Collection</a>
 
</div>
 
</div>
 +
                </div>
 +
</div>
 +
<br>
 +
<br>
 +
<div class="medal_table" tabindex="0">
 +
<table>
 +
<tr>
 +
<th>Results</th>
 +
<th>Achieved</th>
 +
</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>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">We performed Cloning in One day: From transformation to isolated plasmids in less than 12 hours!</td>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">Low amounts of DNA could be transformed reliably and we successfully demonstrated challenging clonings such as Gibson Assembly with 5 and Aquacloning with 3 fragments as well as 8 part golden-gate reactions.</td>
 +
<td><div class="checkmark"></div></td>
 +
</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>
 +
<td><div class="checkmark"></div></td>
 +
</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>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">This was only possible with our novel experimental and data analysis workflow using platereader measurements.
 +
</td>
 +
<td><div class="checkmark"></div></td>
 +
</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>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn"><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">Subsequently, we were able to use Flp/FRT recombinase system for marker recycling thus allowing additional rounds of genomic modifications.</td>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">Chromosomal locations suitable for genomic integration were identified and characterized to detect possible fitness effects. </td>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
<tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">We accelerated metabolic engineering by developing a workflow for rapid pathway assembly and pathway optimization in <i>V. natriegens</i>.</td>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
                                                <tr>
 +
<td class="scrollFade slideInRight" fadeTo="transformIn">Model-predicted parts were used to construct a pathway for maximal 3-hydroxypropionate production in <i>V. natriegens</i> and we demonstrated its functionality.</td>
 +
<td><div class="checkmark"></div></td>
 +
</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>
 +
<td><div class="checkmark"></div></td>
 +
</tr>
 +
</table>
 +
</div>
 +
</aside>
 +
</div>
 +
</section>
 
</div>
 
</div>
−
 
+
<script>
−
 
+
$(document).ready(function() {
−
 
+
var last = null;
−
 
+
$(".medalButton").each(function(i){
−
 
+
if(last == null){
−
<div class="clear extra_space"></div>
+
last = $(this).attr("mContent");
−
<div class="line_divider"></div>
+
$("#"+last).addClass("medal_content_selected");
−
<div class="clear extra_space"></div>
+
$(this).addClass("medalButton_selected");
−
 
+
}
−
 
+
//lastX = 0;
−
 
+
$(this).click(function(){
−
<div class="column two_thirds_size" >
+
if($(this).attr("mContent") != last){
−
<h3>Tips</h3>
+
var content = $("#"+$(this).attr("mContent"));
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
/*var x = $(this).position().left;
−
<ul>
+
var dir = x > lastX ? -1 : 1;*/
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
//$(content).css({"opacity":"1"});
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
$(content).addClass("medal_content_selected");
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
//$("#"+last).css({"opacity":"0"});
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
$("#"+last).removeClass("medal_content_selected");
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
$(this).addClass("medalButton_selected");
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
$(".medalButton[mContent='"+last+"']").removeClass("medalButton_selected");
−
<li>Have lots of fun! </li>
+
last = content.attr("id");
−
</ul>
+
//lastX = x;
−
</div>
+
}
−
 
+
});
−
 
+
});
−
<div class="column third_size">
+
});
−
<div class="highlight decoration_A_full">
+
</script>
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>
 +
{{Marburg/footer}}

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