(Prototype team page) |
|||
(17 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Aachen}} | + | {{Template:Aachen/css}} |
+ | {{Template:Aachen/header}} | ||
+ | |||
<html> | <html> | ||
+ | <body> | ||
+ | <style scoped> | ||
+ | .advisorcaption { | ||
+ | position:absolute; | ||
+ | text-align: center; | ||
+ | font-size: 20px; | ||
+ | color: rgb(250, 250, 250); | ||
+ | left: 0px; | ||
+ | right: 0px; | ||
+ | top: 82%; | ||
+ | font-weight: bold; | ||
+ | margin-top: 70px; | ||
+ | } | ||
+ | .subheader{ | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | .close_button{ | ||
+ | position: absolute; | ||
+ | top: 4px; | ||
+ | right: 0px; | ||
+ | border: none; | ||
+ | background: transparent; | ||
+ | } | ||
+ | .popup_box { | ||
+ | width: 80%; | ||
+ | max-width: 800px; | ||
+ | /*border-radius: 5px; | ||
+ | border: none; | ||
+ | box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.5); | ||
+ | background: white;*/ | ||
+ | color: black; | ||
+ | padding: 15px 20px; | ||
+ | transform: scale(0.8); | ||
+ | } | ||
− | + | .popup_box img { | |
+ | width: 35%; | ||
+ | margin: auto; | ||
+ | } | ||
− | + | .popup_visible .popup_box { | |
+ | transform: scale(1); | ||
+ | } | ||
− | + | .popup_visible #bodyContent { | |
+ | filter: blur(8px); | ||
+ | transition: filter 0.3s; | ||
+ | } | ||
− | + | h1.supporter-header { | |
− | + | margin-top:20px; | |
− | + | margin-bottom: 10px; | |
− | + | text-align: center; | |
− | + | font-size: 28pt; | |
− | + | color: #303030 !important; | |
+ | font-weight: bolder; | ||
+ | padding-top: 15px; | ||
+ | text-shadow: 1px 1px 2px rgba(190, 190, 190, 0.5); | ||
+ | |||
+ | } | ||
+ | h4.supporter-description{ | ||
+ | font-size: 15pt; | ||
+ | color: #303030 !important; | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 25px; | ||
+ | text-align: center; | ||
+ | } | ||
− | + | .supporter-container { | |
+ | margin-top: 30px; | ||
+ | background: rgb(255, 255, 255); | ||
+ | padding: 200px; | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 100px; | ||
+ | } | ||
− | + | .team-member-img { | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | ||
− | + | ||
− | |||
− | |||
− | + | .popup-caption { | |
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | font-size: 22px; | ||
+ | |||
+ | } | ||
+ | .popup-undercaption { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .popup-description{ | ||
+ | text-align:justify; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | ul.a { | ||
+ | list-style-type: circle; | ||
+ | padding:20px; | ||
+ | } | ||
+ | ul.b { | ||
+ | list-style-type: square; | ||
+ | } | ||
− | + | .tooltip { | |
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | border-bottom: 1px dotted black; | ||
+ | } | ||
− | + | .button1 .tooltiptext { | |
+ | visibility: hidden; | ||
+ | width: 500px; | ||
+ | background: #778da9; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | text-decoration:none; | ||
+ | border-radius: 6px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | padding: 5px 0; | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | bottom: 100%; | ||
+ | left: -50%; | ||
+ | font-size:20px; | ||
+ | |||
+ | /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ | ||
+ | opacity: 0; | ||
+ | transition: opacity 1s; | ||
+ | } | ||
− | + | .button1:hover .tooltiptext { | |
− | + | visibility: visible; | |
− | + | opacity: 1; | |
− | + | text-decoration:none; | |
+ | } | ||
+ | .button1 { | ||
+ | background: #008080; | ||
+ | color: #FFFFFF; | ||
+ | padding: 10px; | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | margin:10px ; | ||
+ | text-align:center; | ||
+ | text-align:middle; | ||
+ | text-decoration:none; | ||
+ | box-shadow: 0 0 3px gray; | ||
+ | font-size:25px; | ||
+ | font-weight:bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | .small-btn { | ||
+ | width: 50px; | ||
+ | height: 25px; | ||
+ | } | ||
+ | |||
+ | .medium-btn { | ||
+ | width: 70px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | .big-btn { | ||
+ | width: 350px; | ||
+ | height: 150px; | ||
+ | } | ||
− | </div> | + | .button1:hover { |
+ | background: #009f9f; | ||
+ | color: #003559; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <h1 style="text-align: center; background:#aa0044; color:white; margin-top:10px;">Results</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Demonstrate" class="button1 big-btn active center-block white-space:normal" style="text-decoration: none; color: white;" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 10px 40px"> | ||
+ | Functional Microbial Supercollector: VAULTer I | ||
+ | <div class="tooltiptext"> | ||
+ | Our goal was to maximize sodium accumulation in S. cerevisiae. | ||
+ | With our measurements we successfully proved that our design | ||
+ | leads to higher sequestration of sodium. | ||
+ | A yeast mutant taking up 5x more NaCl than the native wildtype, | ||
+ | sequestrating 39% (6g/L) of the NaCl of a media containing 0.6 M NaCl | ||
+ | (equal to seawater salinization). | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Demonstrate" style="text-decoration: none; color: white;"class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 30px 50px"> | ||
+ | Concept: Microbial Supercollector | ||
+ | <div class="tooltiptext"> | ||
+ | Many different pollutive ions threaten the earth environment. | ||
+ | Means there are varying demands for purifying ions, e.g. wastewaters. | ||
+ | To tackle this issue, we developed a concept of microbial supercollectors adaptable | ||
+ | to more than just Na+. To proof the adaptability, we additionally | ||
+ | designed and tested a mutant capable of sequestrating potassium. | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Demonstrate" style="text-decoration: none; color: white;"class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 45px 50px"> | ||
+ | Halotolerant Yeast | ||
+ | <div class="tooltiptext"> | ||
+ | During the project, we noticed a significant higher | ||
+ | halotolerance of some mutants than the wildtype. | ||
+ | This fundamental insight can be utilized for many | ||
+ | other applications as well as for our applied design. | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Applied_Design" style="text-decoration: none; color: white;" class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 45px 50px"> | ||
+ | Application | ||
+ | <div class="tooltiptext"> | ||
+ | We developed a fundamental design for an application in wastewater | ||
+ | treatment, including nutrition, separation and after-use of yeast. | ||
+ | Regarding the process, but also in terms of safety and responsibility, | ||
+ | it is crucial to separate yeast and water. We validated | ||
+ | ultrafiltration as a convenient method for that, so | ||
+ | we avoid environmental harm through the spreading into the environment of the sequestrated ions. | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="HP/Gold_Integrated" style="text-decoration: none; color: white;"class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 45px 50px"> | ||
+ | Raising awareness | ||
+ | <div class="tooltiptext"> | ||
+ | Through many talks and educational work, | ||
+ | we initiated a debate on genetic engineering in Germany. | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Model" style="text-decoration: none; color: white;"class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 45px 50px"> | ||
+ | Modelling | ||
+ | <div class="tooltiptext"> | ||
+ | Modelling of the ion pathways in | ||
+ | modified yeast. To predict the thermodynamic | ||
+ | feasibility of the ion sequestration in the yeast vacuole | ||
+ | and to model time needed to accumulate the ion in the vacuole. | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Biobricks" style=" text-decoration: none; color: white;" class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 10px 20px; font-size:25px;"> | ||
+ | Assembled and submitted a tested and functional BioBrick | ||
+ | <div class="tooltiptext"> | ||
+ | We created a Biobrick of the Na+/H+ antiporter AtNHXS1 | ||
+ | which occurs in the membrane of vacuoles and is one | ||
+ | of the most important transporters in our project. The | ||
+ | sodium uptake of S.cerevisiae containing the AtNHXS1-gen | ||
+ | is doubled, the chloride-uptake is three times as high. | ||
+ | Furthermore, the biobrick of AtSultr1;2, | ||
+ | a high-affinity sulfate transporter, | ||
+ | represents the expansion of our project from | ||
+ | NaCl to the additional accumulation of other salts. – | ||
+ | Both biobricks are sequenced. | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <a href="Hardware" style="text-decoration: none; color: white;"class="button1 big-btn active center-block white-space:normal" role="button"> | ||
+ | <div class="white-space:normal" style="margin: 5px 10px; font-size:25px"> | ||
+ | Development of a functional and affordable peristaltic dosing system | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12"> | ||
+ | <img class="img-responsive; center-block" src="https://static.igem.org/mediawiki/2017/2/2e/T--Aachen--ProjectLogo400.png"/> | ||
+ | </div> | ||
− | <div class=" | + | <div class="row"> |
+ | <br></br> | ||
+ | </div> | ||
+ | <div class="col-xs-12"> | ||
+ | <h2 style="text-align: center; color : #aa0044">And what went wrong?</h2> | ||
+ | </div> | ||
+ | <div class="col-xs-12"> | ||
+ | <ul class="a"> | ||
+ | <li style= "font-size:25px; color : #008080">We underestimated the effort to genetically modify yeast, | ||
+ | therefore we could not implement and test | ||
+ | all combinations of modifications which we planned at the beginning. | ||
+ | </li> | ||
+ | <li style= "font-size:25px; color : #008080">The measurement of the chloride content | ||
+ | failed for a few mutants due to the | ||
+ | difficult detection of chloride in YPD. | ||
+ | </li> | ||
+ | <li style= "font-size:25px; color : #008080">We indented to develop several BioBricks | ||
+ | but didn’t accomplish all of them due to time limitation. | ||
+ | </li> | ||
+ | <li style= "font-size:25px; color : #008080">We could not realize every idea due | ||
+ | to the lack of cooperation with some corporate partners. | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
− | < | + | <script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <script> |
+ | var popup_settings = {color: 'white', transition: 'all 0.3s', opacity: 0.85}; | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | // Initialize the plugin | ||
+ | $('#osmo').popup(popup_settings); | ||
+ | $('#ultra').popup(popup_settings); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:09, 16 December 2017
Results
And what went wrong?
- We underestimated the effort to genetically modify yeast, therefore we could not implement and test all combinations of modifications which we planned at the beginning.
- The measurement of the chloride content failed for a few mutants due to the difficult detection of chloride in YPD.
- We indented to develop several BioBricks but didn’t accomplish all of them due to time limitation.
- We could not realize every idea due to the lack of cooperation with some corporate partners.