Difference between revisions of "Team:Freiburg/Proof"

Line 5: Line 5:
  
 
<html>
 
<html>
 +
<head>
 +
    <style>
 +
        .info {
 +
            position: absolute;
 +
            left: 25%;
 +
            top: 10%;
 +
            height: 3000px;
 +
            width: 700px;
 +
            /*            background-color: #299ac5;*/
 +
            display: flex;
 +
            flex-direction: column;
 +
            /*            justify-content: center;*/
 +
        }
 +
       
 +
        .color1 {
 +
            background-color: #299ac5;
 +
            width: 100%;
 +
            height: 3000px;
 +
        }
 +
       
 +
        .container {
 +
            display: flex;
 +
            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;
 +
            flex-direction: column;
 +
        }
 +
       
 +
        #o1,
 +
        #o2,
 +
        #o3 {
 +
            visibility: hidden;
 +
        }
 +
       
 +
        .closed {
 +
            display: flex;
 +
        }
 +
       
 +
        #c1Img {
 +
            position: relative;
 +
            left: 30px;
 +
            width: 70px;
 +
        }
 +
       
 +
        #c2Img {
 +
            position: relative;
 +
            top: 10px;
 +
            width: 120px;
 +
        }
 +
       
 +
        #c3Img {
 +
            position: relative;
 +
            width: 120px;
 +
            left: 0px;
 +
            top: 0px;
 +
        }
 +
       
 +
        .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: 20px;
 +
        }
 +
    </style>
 +
</head>
  
 
<div class="column full_size" >
 
<div class="column full_size" >
 
<h5  style="text-align: center"> Proof of concept </h5>
 
<h5  style="text-align: center"> Proof of concept </h5>
 +
<div class="color1">
 +
    <div class='info'>
  
−
    <div class="para_center_20">TEXT
+
        <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 B. subtilis 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 analysis. Read more about the production of Nanocillus.
 +
 +
                    </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 fusion on spore coat proteins and displayed on their surface. We verified the binding of the target GFP to the displayed nanobody by flow cytometry analysis. Learn more about targeting.
 +
                    </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.
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
        </div>
 
     </div>
 
     </div>
 +
</div>
 +
 +
 
  
 
</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}}

Revision as of 21:51, 17 October 2016

Menu

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 analysis. Read more about the production of Nanocillus.
We achieved the display of nanobodies as binding moiety and showed their functionality towards a target.
The anti-GFP nanobody was fusion on spore coat proteins and displayed on their surface. We verified the binding of the target GFP to the displayed nanobody by flow cytometry analysis. Learn more about targeting.
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.

Posted by: iGEM Freiburg

Nanocillus - 'cause spore is more!