Difference between revisions of "Team:Freiburg/Proof"

(Prototype team page)
 
 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Freiburg}}
+
{{Freiburg/Styles}} {{Freiburg/Menubar}} {{Freiburg/Away}} {{Freiburg/Main}} {{Freiburg/Top}}
 
+
 
<html>
 
<html>
  
 +
<head>
 +
    <style>
 +
        .info {
 +
            /*            left: 25%;*/
 +
            top: 10%;
 +
            height: 3000px;
 +
            width: 700px;
 +
            /*            background-color: #299ac5;*/
 +
            display: flex;
 +
            display: -webkit-flex;
 +
            flex-direction: column;
 +
            -webkit-flex-direction: column;
 +
            /*            justify-content: center;*/
 +
        }
 +
       
 +
        .color1 {
 +
            background-color: #299ac5;
 +
            width: 100%;
 +
            height: 3000px;
 +
            text-align: center;
 +
            font-size: 20px;
 +
        }
 +
       
 +
        .container {
 +
            display: flex;
 +
            display: -webkit-flex;
 +
            flex-direction: column;
 +
            -webkit-flex-direction: column;
 +
            border-radius: 25px;
 +
            background-color: rgba(0, 0, 0, 0.25);
 +
            margin-top: 50px;
 +
        }
 +
       
 +
        #c1,
 +
        #c2,
 +
        #c3 {
 +
            height: 100px;
 +
        }
 +
       
 +
        .open {
 +
            display: flex;
 +
            display: -webkit-flex;
 +
            flex-direction: column;
 +
            -webkit-flex-direction: column;
 +
        }
 +
       
 +
        #o1,
 +
        #o2,
 +
        #o3 {
 +
            visibility: hidden;
 +
        }
 +
       
 +
        .closed {
 +
            display: flex;
 +
            display: -webkit-flex;
 +
        }
 +
       
 +
        #c1Img {
 +
            position: relative;
 +
            top: -7px;
 +
            width: 90px;
 +
        }
 +
       
 +
        #c2Img {
 +
            position: relative;
 +
            top: -5px;
 +
            width: 170px;
 +
        }
 +
       
 +
        #c3Img {
 +
            position: relative;
 +
            width: 170px;
 +
            left: 0px;
 +
            top: -15px;
 +
        }
 +
       
 +
        .imgDiv {
 +
            position: relative;
 +
            left: 20px;
 +
            top: 15px;
 +
            width: 150px;
 +
            height: 70px;
 +
            /*            background-color: darkgrey;*/
 +
        }
 +
       
 +
        .txtDiv {
 +
            margin-left: 40px;
 +
            margin-top: 15px;
 +
            width: 460px;
 +
            height: 70px;
 +
            /*            background-color: darkgrey;*/
 +
        }
 +
       
 +
        .resultDiv {
 +
            margin-top: 20px;
 +
            margin-left: 20px;
 +
            top: 15px;
 +
            width: 660px;
 +
            /*            background-color: darkgrey;*/
 +
        }
 +
       
 +
        #o1 reultDiv {
 +
            height: 300px;
 +
        }
 +
       
 +
        #o2 reultDiv {
 +
            height: 600px;
 +
        }
 +
       
 +
        #o3 reultDiv {
 +
            height: 600px;
 +
        }
 +
       
 +
        .resultDiv img {
 +
            width: 600px;
 +
            margin-left: 20px;
 +
            margin-top: 20px;
 +
        }
 +
       
 +
        .txt2Div {
 +
            margin-left: 20px;
 +
            margin-top: 15px;
 +
            width: 660px;
 +
            height: 70px;
 +
            /*            background-color: darkgrey;*/
 +
        }
 +
       
 +
        .txt2Div div {
 +
            margin-left: 30px;
 +
        }
 +
       
 +
        .Arrow {
 +
            margin-top: 15px;
 +
            margin-left: 10px;
 +
            width: 20px;
 +
            height: 20px;
 +
        }
 +
       
 +
        .Arrow img {
 +
            width: 40px;
 +
        }
 +
       
 +
        @media screen and (max-width: 500px) {
 +
            .info {
 +
                margin-left: 2%;
 +
                -webkit-transform: scale(0.50);
 +
                -moz-transform: scale(0.50);
 +
                -ms-transform: scale(0.50);
 +
                transform: scale(0.50);
 +
                -ms-transform-origin: 0% 0%;
 +
                -webkit-transform-origin: 0% 0%;
 +
                transform-origin: 0% 0%;
 +
            }
 +
            #back-top {
 +
                visibility: hidden;
 +
            }
 +
        }
 +
    </style>
 +
</head>
  
<div class="column full_size judges-will-not-evaluate">
+
<div class="color2">
<h3>★  ALERT! </h3>
+
    <h5 style="text-align: center; margin-bottom:0px;"> Proof of Concept </h5>
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">gold medal criterion for proof of concept</a>. </p>
+
</div>
  
 +
<div class="color1">
  
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
    <center>
</div>
+
        <div class='info'>
  
 +
            <div id="c1" class="container">
 +
                <div class="closed">
 +
                    <div class='imgDiv'>
 +
                        <img id="c1Img" src="https://static.igem.org/mediawiki/2016/d/d1/T--Freiburg--Proof_of_Concept_Front1.png">
 +
                    </div>
 +
                    <div class='txtDiv'>
 +
                        <div>We produced a carrier that is suitable for the display of proteins on its surface.
 +
                        </div>
 +
                    </div>
 +
                    <div class="Arrow">
 +
                        <img id="c1Arrow" src="https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png">
 +
                    </div>
 +
                </div>
  
 +
                <div id="o1" class="open">
 +
                    <div class='resultDiv'>
 +
                        <img src="https://static.igem.org/mediawiki/2016/2/2e/T--Freiburg--Proof_of_Concept_Figure1.png">
 +
                    </div>
 +
                    <div class='txt2Div'>
 +
                        <div>We were able to produce engineered spores from <i>B. subtilis</i> and establish protocols for its purification.
 +
                        </div>
 +
                    </div>
 +
                    <div class='resultDiv'>
 +
                        <img src="https://static.igem.org/mediawiki/2016/b/b0/T--Freiburg--Proof_of_Concept_Figure2.png
 +
">
 +
                    </div>
 +
                    <div class='txt2Div'>
 +
                        <div>We verified the display of heterologous proteins containing an epitope tag on the surface of the spores by immunostaining and flow cytometry. Read more about the production of Nanocillus <a href="https://2016.igem.org/Team:Freiburg/Production_Nanocillus" target="_blank" style="text-align: center;font-size:20px;color:#e8a126">here</a>.
  
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div id="c2" class="container">
 +
                <div class="closed">
 +
                    <div class='imgDiv'>
 +
                        <img id="c2Img" src="https://static.igem.org/mediawiki/2016/c/c0/T--Freiburg--Proof_of_Concept_Front2.png">
 +
                    </div>
 +
                    <div class='txtDiv'>
 +
                        <div>We achieved the display of nanobodies as binding moiety and showed their functionality towards a target.
 +
                        </div>
 +
                    </div>
 +
                    <div class="Arrow">
 +
                        <img id="c2Arrow" src="https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png">
 +
                    </div>
 +
                </div>
  
<div class="column full_size">
+
                <div id="o2" class="open">
 +
                    <div class='resultDiv'>
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure3.png">
 +
                    </div>
 +
                    <div class='txt2Div'>
 +
                        <div>The anti-GFP nanobody was fused on spore coat proteins and displayed on their spore surface. Using statistical analysis we verified the binding of the target GFP to the displayed nanobody by flow cytometry. Learn more about our functional binding spore <a href="https://2016.igem.org/Team:Freiburg/Binding" target="_blank" style="text-align: center;font-size:20px;color:#e8a126">here</a>.
  
  
<p>
+
                        </div>
iGEM teams are great at making things work! We value teams not only doing an incredible job with theoretical models and experiments, but also in taking the first steps to make their project real.
+
                    </div>
</p>
+
  
 +
                </div>
 +
            </div>
  
<h4> What should we do for our proof of concept? </h4>
 
<p>
 
You can assemble a device from BioBricks and show it works. You could build some equipment if you're competing for the hardware award. You can create a working model of your software for the software award. Please note that this not an exhaustive list of activities you can do to fulfill the gold medal criterion. As always, your aim is to impress the judges!
 
</p>
 
  
</div>
+
            <div id="c3" class="container">
 +
                <div class="closed">
 +
                    <div class='imgDiv'>
 +
                        <img id="c3Img" src="https://static.igem.org/mediawiki/2016/f/fe/T--Freiburg--Proof_of_Concept_Front3.png">
 +
                    </div>
 +
                    <div class='txtDiv'>
 +
                        <div>We accomplished the display of functional glutathione S-transferase on the spores, an enzyme playing a crucial role in the activation of prodrugs.
 +
                        </div>
 +
                    </div>
 +
                    <div class="Arrow">
 +
                        <img id="c3Arrow" src="https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png">
 +
                    </div>
 +
                </div>
  
 +
                <div id="o3" class="open">
 +
                    <div class='resultDiv'>
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure4.png">
 +
                    </div>
 +
                    <div class='txt2Div'>
 +
                        <div>Glutathione S-transferase converts the prodrug azathioprine to its active form 6-mercaptopurine. We displayed the enzyme on the spore surface and validated its functionality by a colorimetric GST assay. Read more about the drug delivery.
  
 +
                            <br> Click <a href="https://2016.igem.org/Team:Freiburg/Delivery" target="_blank" style="text-align: center;font-size:20px;color:#e8a126">here</a> for more information.
 +
                        </div>
 +
                    </div>
  
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
    </center>
 
</div>
 
</div>
 +
 +
<script>
 +
    var c1Flag = 0;
 +
    var c1Arrow = document.getElementById('c1Arrow'); // Grabbing the sample  id
 +
    var c1 = document.getElementById('c1');
 +
    c1Arrow.addEventListener('click', function (e) { // When someone clicks on it
 +
        if (c1Flag == 0) {
 +
            c1.style.height = '950px';
 +
            c1Flag = 1;
 +
            $("#o1").css("visibility", "visible");
 +
            $("#c1Arrow").attr("src", "https://static.igem.org/mediawiki/2016/4/43/T--Freiburg--gtLeft.png");
 +
        } else {
 +
            c1.style.height = "100px";
 +
            c1Flag = 0;
 +
            $("#o1").css("visibility", "hidden");
 +
            $("#c1Arrow").attr("src", "https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png");
 +
 +
        }
 +
    });
 +
    var c2Flag = 0;
 +
    var c2Arrow = document.getElementById('c2Arrow'); // Grabbing the sample  id
 +
    var c2 = document.getElementById('c2');
 +
    c2Arrow.addEventListener('click', function (e) { // When someone clicks on it
 +
        if (c2Flag == 0) {
 +
            c2.style.height = '850px';
 +
            c2Flag = 1;
 +
            $("#o2").css("visibility", "visible");
 +
            $("#c2Arrow").attr("src", "https://static.igem.org/mediawiki/2016/4/43/T--Freiburg--gtLeft.png");
 +
        } else {
 +
            c2.style.height = "100px";
 +
            c2Flag = 0;
 +
            $("#o2").css("visibility", "hidden");
 +
            $("#c2Arrow").attr("src", "https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png");
 +
 +
 +
        }
 +
    });
 +
    var c3Flag = 0;
 +
    var c3Arrow = document.getElementById('c3Arrow'); // Grabbing the sample  id
 +
    var c3 = document.getElementById('c3');
 +
    c3Arrow.addEventListener('click', function (e) { // When someone clicks on it
 +
        if (c3Flag == 0) {
 +
            c3.style.height = '900px';
 +
            c3Flag = 1;
 +
            $("#o3").css("visibility", "visible");
 +
            $("#c3Arrow").attr("src", "https://static.igem.org/mediawiki/2016/4/43/T--Freiburg--gtLeft.png");
 +
        } else {
 +
            c3.style.height = "100px";
 +
            c3Flag = 0;
 +
            $("#o3").css("visibility", "hidden");
 +
            $("#c3Arrow").attr("src", "https://static.igem.org/mediawiki/2016/b/bd/T--Freiburg--gtRight.png");
 +
 +
        }
 +
    });
 +
</script>
  
 
</html>
 
</html>
 +
{{Freiburg/Footer}}

Latest revision as of 01:55, 20 October 2016

Back to Top

Proof of Concept
We produced a carrier that is suitable for the display of proteins on its surface.
We were able to produce engineered spores from B. subtilis and establish protocols for its purification.
We verified the display of heterologous proteins containing an epitope tag on the surface of the spores by immunostaining and flow cytometry. Read more about the production of Nanocillus here.
We achieved the display of nanobodies as binding moiety and showed their functionality towards a target.
The anti-GFP nanobody was fused on spore coat proteins and displayed on their spore surface. Using statistical analysis we verified the binding of the target GFP to the displayed nanobody by flow cytometry. Learn more about our functional binding spore here.
We accomplished the display of functional glutathione S-transferase on the spores, an enzyme playing a crucial role in the activation of prodrugs.
Glutathione S-transferase converts the prodrug azathioprine to its active form 6-mercaptopurine. We displayed the enzyme on the spore surface and validated its functionality by a colorimetric GST assay. Read more about the drug delivery.
Click here for more information.

Posted by: iGEM Freiburg

Nanocillus - 'cause spore is more!