Difference between revisions of "Team:Marburg/test"
| (59 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
<html> | <html> | ||
<style> | <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; | |
| − | box- | + | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | |
| − | width: | + | .logoSection:before { |
| − | height: | + | position: absolute; |
| − | + | width: 100%; | |
| − | + | height: 100%; | |
| − | + | left:0; | |
| − | + | top:0; | |
| − | + | content: ""; | |
| − | + | 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; | text-align: center; | ||
| − | + | min-height: 100vh; | |
| − | + | background-color: white; | |
| − | background- | + | 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%; | ||
| + | |||
} | } | ||
| − | . | + | |
| − | box- | + | .sectionContent { |
| + | display: flex; | ||
| + | justify-content: space-around; | ||
| + | align-content: center; | ||
| + | align-items: center; | ||
| + | padding: 4%; | ||
| + | height: 100%; | ||
| + | box-sizing: border-box; | ||
} | } | ||
| − | . | + | .sectionContent figure img { |
| − | + | display:inline-block; | |
| − | + | width: 100%; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .sectionContent figure { |
| − | + | width: 25%; | |
| + | } | ||
| + | |||
| + | .sectionContent aside { | ||
display:inline-block; | display:inline-block; | ||
| − | + | align-self: center; | |
| − | + | position: relative; | |
| − | + | width: 70%; | |
| − | color:rgba( | + | color:white; |
| − | font-size: | + | background-color: rgba(0, 0, 0, 0); |
| − | + | font-size: 2.3vw; | |
| − | + | text-align: justify; | |
| − | + | ||
} | } | ||
| − | . | + | .spacer { |
| − | font-size: | + | position: relative; |
| − | + | width: 100%; | |
| − | + | height: 2px; | |
| − | border-radius: | + | 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); | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | .logoSpacer { | ||
| + | position: absolute; | ||
| + | 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="home"> | |
| − | + | <div class="logoSection"> | |
| − | + | <div class="logoBackground"></div> | |
| − | + | <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> | <style> | ||
| − | + | .awards_section { | |
| − | + | height: auto; | |
| − | + | text-align: center; | |
| − | font-size: | + | font-size: 12.7px; |
| − | + | ||
} | } | ||
| − | + | .awards_first { | |
| − | + | position: relative; | |
| − | padding: | + | 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; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | font-size: | + | |
| − | + | ||
} | } | ||
| − | + | .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 { | |
| − | <div | + | 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> | ||
| − | + | <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%; | ||
| + | } | ||
| − | + | .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); | ||
} | } | ||
| − | |||
| − | + | .noAnim { | |
| − | + | transition: none; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .bottomSection { | |
| − | + | height: unset; | |
| − | + | background-color:white; | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | |
| − | + | .bottomSection aside { | |
| − | + | color: #333; | |
} | } | ||
| − | |||
| − | + | .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); | ||
} | } | ||
| − | |||
| − | + | .checkmark { | |
| − | + | position: absolute; | |
| − | + | width: 25%; | |
| − | + | padding-bottom: 25%; | |
| − | + | 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; | ||
| + | } | ||
| − | </ | + | /* - - - - - - - MEDIA QUERIES - - - - - - - */ |
| + | /* medium desktops */ | ||
| + | @media only screen and (max-width: 1800px) { | ||
| + | |||
| + | } | ||
| + | @media only screen and (max-width: 1500px) { | ||
| + | |||
| + | } | ||
| + | /* 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> | ||
| + | |||
| + | |||
| + | <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> | ||
| + | <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> | ||
<script> | <script> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| − | var | + | var last = null; |
| − | + | $(".medalButton").each(function(i){ | |
| − | + | if(last == null){ | |
| − | + | last = $(this).attr("mContent"); | |
| − | + | $("#"+last).addClass("medal_content_selected"); | |
| − | + | $(this).addClass("medalButton_selected"); | |
| − | + | } | |
| − | + | //lastX = 0; | |
| − | + | $(this).click(function(){ | |
| − | + | if($(this).attr("mContent") != last){ | |
| − | + | var content = $("#"+$(this).attr("mContent")); | |
| − | + | /*var x = $(this).position().left; | |
| − | + | var dir = x > lastX ? -1 : 1;*/ | |
| − | + | //$(content).css({"opacity":"1"}); | |
| − | + | $(content).addClass("medal_content_selected"); | |
| − | + | //$("#"+last).css({"opacity":"0"}); | |
| − | + | $("#"+last).removeClass("medal_content_selected"); | |
| − | + | $(this).addClass("medalButton_selected"); | |
| − | $(' | + | $(".medalButton[mContent='"+last+"']").removeClass("medalButton_selected"); |
| − | } | + | last = content.attr("id"); |
| + | //lastX = x; | ||
| + | } | ||
}); | }); | ||
| − | |||
| − | |||
| − | |||
}); | }); | ||
}); | }); | ||
Latest revision as of 13:24, 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
