Difference between revisions of "Team:Freiburg/Proof"

 
(28 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Freiburg/Styles}}
+
{{Freiburg/Styles}} {{Freiburg/Menubar}} {{Freiburg/Away}} {{Freiburg/Main}} {{Freiburg/Top}}
{{Freiburg/Menubar}}
+
{{Freiburg/Away}}
+
{{Freiburg/Main}}
+
{{Freiburg/Top}}
+
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
     <style>
 
     <style>
 
         .info {
 
         .info {
             position: absolute;
+
             /*            left: 25%;*/
            left: 25%;
+
 
             top: 10%;
 
             top: 10%;
 
             height: 3000px;
 
             height: 3000px;
Line 15: Line 11:
 
             /*            background-color: #299ac5;*/
 
             /*            background-color: #299ac5;*/
 
             display: flex;
 
             display: flex;
 +
            display: -webkit-flex;
 
             flex-direction: column;
 
             flex-direction: column;
 +
            -webkit-flex-direction: column;
 
             /*            justify-content: center;*/
 
             /*            justify-content: center;*/
 
         }
 
         }
Line 23: Line 21:
 
             width: 100%;
 
             width: 100%;
 
             height: 3000px;
 
             height: 3000px;
 +
            text-align: center;
 +
            font-size: 20px;
 
         }
 
         }
 
          
 
          
 
         .container {
 
         .container {
 
             display: flex;
 
             display: flex;
 +
            display: -webkit-flex;
 
             flex-direction: column;
 
             flex-direction: column;
 +
            -webkit-flex-direction: column;
 
             border-radius: 25px;
 
             border-radius: 25px;
 
             background-color: rgba(0, 0, 0, 0.25);
 
             background-color: rgba(0, 0, 0, 0.25);
Line 41: Line 43:
 
         .open {
 
         .open {
 
             display: flex;
 
             display: flex;
 +
            display: -webkit-flex;
 
             flex-direction: column;
 
             flex-direction: column;
 +
            -webkit-flex-direction: column;
 
         }
 
         }
 
          
 
          
Line 52: Line 56:
 
         .closed {
 
         .closed {
 
             display: flex;
 
             display: flex;
 +
            display: -webkit-flex;
 
         }
 
         }
 
          
 
          
 
         #c1Img {
 
         #c1Img {
 
             position: relative;
 
             position: relative;
             left: 30px;
+
             top: -7px;
             width: 70px;
+
             width: 90px;
 
         }
 
         }
 
          
 
          
 
         #c2Img {
 
         #c2Img {
 
             position: relative;
 
             position: relative;
             top: 10px;
+
             top: -5px;
             width: 120px;
+
             width: 170px;
 
         }
 
         }
 
          
 
          
 
         #c3Img {
 
         #c3Img {
 
             position: relative;
 
             position: relative;
             width: 120px;
+
             width: 170px;
 
             left: 0px;
 
             left: 0px;
             top: 0px;
+
             top: -15px;
 
         }
 
         }
 
          
 
          
Line 136: Line 141:
 
          
 
          
 
         .Arrow img {
 
         .Arrow img {
             width: 20px;
+
             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>
 
     </style>
 
</head>
 
</head>
  
<div class="color2" >
+
<div class="color2">
<h5   style="text-align: center"> Proof of concept </h5>
+
    <h5 style="text-align: center; margin-bottom:0px;"> Proof of Concept </h5>
 
</div>
 
</div>
<center>
+
 
 
<div class="color1">
 
<div class="color1">
    <div class='info'>
 
  
         <div id="c1" class="container">
+
    <center>
            <div class="closed">
+
         <div class='info'>
                <div class='imgDiv'>
+
 
                    <img id="c1Img" src="https://static.igem.org/mediawiki/2016/d/d1/T--Freiburg--Proof_of_Concept_Front1.png">
+
            <div id="c1" class="container">
                </div>
+
                <div class="closed">
                <div class='txtDiv'>
+
                    <div class='imgDiv'>
                    <div>We produced a carrier that is suitable for the display of proteins on its surface.
+
                        <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>
 
                 </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 id="o1" class="open">
                <div class='resultDiv'>
+
                    <div class='resultDiv'>
                    <img src="https://static.igem.org/mediawiki/2016/2/2e/T--Freiburg--Proof_of_Concept_Figure1.png">
+
                        <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>
+
                    <div class='txt2Div'>
                <div class='resultDiv'>
+
                        <div>We were able to produce engineered spores from <i>B. subtilis</i> and establish protocols for its purification.
                    <img src="https://static.igem.org/mediawiki/2016/b/b0/T--Freiburg--Proof_of_Concept_Figure2.png
+
                        </div>
 +
                    </div>
 +
                    <div class='resultDiv'>
 +
                        <img src="https://static.igem.org/mediawiki/2016/b/b0/T--Freiburg--Proof_of_Concept_Figure2.png
 
">
 
">
                </div>
+
                    </div>
                <div class='txt2Div'>
+
                    <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>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>
 
             </div>
 
             </div>
        </div>
 
  
        <div id="c2" class="container">
+
            <div id="c2" class="container">
            <div class="closed">
+
                <div class="closed">
                <div class='imgDiv'>
+
                    <div class='imgDiv'>
                    <img id="c2Img" src="https://static.igem.org/mediawiki/2016/c/c0/T--Freiburg--Proof_of_Concept_Front2.png">
+
                        <img id="c2Img" src="https://static.igem.org/mediawiki/2016/c/c0/T--Freiburg--Proof_of_Concept_Front2.png">
                </div>
+
                    </div>
                <div class='txtDiv'>
+
                    <div class='txtDiv'>
                    <div>We achieved the display of nanobodies as binding moiety and showed their functionality towards a target.
+
                        <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>
 
                 </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 id="o2" class="open">
                <div class='resultDiv'>
+
                    <div class='resultDiv'>
                    <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure3.png">
+
                        <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure3.png">
                </div>
+
                    </div>
                <div class='txt2Div'>
+
                    <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>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>
 
             </div>
 
             </div>
        </div>
 
  
  
        <div id="c3" class="container">
+
            <div id="c3" class="container">
            <div class="closed">
+
                <div class="closed">
                <div class='imgDiv'>
+
                    <div class='imgDiv'>
                    <img id="c3Img" src="https://static.igem.org/mediawiki/2016/f/fe/T--Freiburg--Proof_of_Concept_Front3.png">
+
                        <img id="c3Img" src="https://static.igem.org/mediawiki/2016/f/fe/T--Freiburg--Proof_of_Concept_Front3.png">
                </div>
+
                    </div>
                <div class='txtDiv'>
+
                    <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>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>
 
                 </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 id="o3" class="open">
                <div class='resultDiv'>
+
                    <div class='resultDiv'>
                    <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure4.png">
+
                        <img src="https://static.igem.org/mediawiki/2016/4/4f/T--Freiburg--Proof_of_Concept_Figure4.png">
                </div>
+
                    </div>
                <div class='txt2Div'>
+
                    <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>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>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </div>
+
 
 +
     </center>
 
</div>
 
</div>
  
</center>
 
 
<script>
 
<script>
 
     var c1Flag = 0;
 
     var c1Flag = 0;
Line 292: Line 320:
 
     });
 
     });
 
</script>
 
</script>
 +
 
</html>
 
</html>
 
{{Freiburg/Footer}}
 
{{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!