Difference between revisions of "Team:Freiburg/Proof"

 
(32 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Freiburg/Styles}}
+
{{Freiburg/Styles}} {{Freiburg/Menubar}} {{Freiburg/Away}} {{Freiburg/Main}} {{Freiburg/Top}}
−
{{Freiburg/Away}}
+
−
{{Freiburg/Menubar}}
+
−
{{Freiburg/Main}}
+
−
 
+
 
<html>
 
<html>
  
−
<div class="column full_size" >
+
<head>
−
<h5  style="text-align: center"> Proof of concept </h5>
+
    <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="para_center_20">TEXT
+
<div class="color2">
 +
    <h5 style="text-align: center; margin-bottom:0px;"> Proof of Concept </h5>
 +
</div>
  
−
    </div>
+
<div class="color1">
  
 +
    <center>
 +
        <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 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>.
 +
 +
 +
                        </div>
 +
                    </div>
 +
 +
                </div>
 +
            </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}}
 
{{Freiburg/Footer}}

Latest revision as of 01:55, 20 October 2016

Menu

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!