Difference between revisions of "Team:Aachen/Results"

(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);
 +
}
  
<div class="column full_size" >
+
.popup_box img {
 +
    width: 35%;
 +
    margin: auto;
 +
}
  
<h1>Results</h1>
+
.popup_visible .popup_box {
 +
    transform: scale(1);
 +
}
  
<p>Here you can describe the results of your project and your future plans. </p>
+
.popup_visible #bodyContent {
 +
    filter: blur(8px);
 +
    transition: filter 0.3s;
 +
}
  
<h5>What should this page contain?</h5>
+
h1.supporter-header {
<ul>
+
    margin-top:20px;
<li> Clearly and objectively describe the results of your work.</li>
+
    margin-bottom: 10px;
<li> Future plans for the project. </li>
+
    text-align: center;
<li> Considerations for replicating the experiments. </li>
+
    font-size: 28pt;
</ul>
+
    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;
 +
}
  
<h5>You should also describe what your results mean: </h5>
+
.supporter-container {
 +
    margin-top: 30px;
 +
    background: rgb(255, 255, 255);
 +
padding: 200px;
 +
padding-top: 30px;
 +
padding-bottom: 100px;
 +
}
  
<ul>
+
.team-member-img {
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
    cursor: pointer;
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
}
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
</ul>
+
  
</div>
 
  
<div class="clear"></div>
 
  
<div class="column half_size" >
+
.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;
 +
}
  
<h5> Project Achievements </h5>
+
.tooltip {
 +
    position: relative;
 +
    display: inline-block;
 +
    border-bottom: 1px dotted black;
 +
}
  
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
.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;
 +
}
  
<ul>
+
.button1:hover .tooltiptext {
<li>A list of linked bullet points of the successful results during your project</li>
+
    visibility: visible;
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
    opacity: 1;
</ul>
+
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="column half_size" >
+
<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>
  
<h5>Inspiration</h5>
+
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script>
<p>See how other teams presented their results.</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
</ul>
+
  
</div>
+
<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

iGEM Team Aachen 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.