Difference between revisions of "Team:TU Darmstadt"

 
(61 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
<header>
 
<header>
 
<style>
 
<style>
 +
@media screen and (max-width: 1024px){
 
#one:before {
 
#one:before {
−
height: 2em;
+
height:44px;
 +
}}
 +
@media screen and (max-width: 736px){
 +
#one:before {
 +
height:44px;
 +
}}
 +
@media screen and (max-width: 480px){
 +
#one:before {
 +
height:44px;
 +
}}
 +
 
 +
#teaser {
 +
      background-color: #002d54;
 +
      height: 100%;
 +
      position: static;
 +
      top: 0;
 +
      left: 0;
 +
      width: 100%;
 
}
 
}
 +
 +
.center {
 +
      margin: 0 auto;
 +
      width: 50%;
 +
      display: block;
 +
}
 +
 +
.HoverBorder {
 +
      border:3px solid #e4f1fe;
 +
      border-radius: 50%;
 +
      z-index: 1;
 +
     
 +
}
 +
 +
.HoverBorder:hover {
 +
      border:5px dashed #d4043b;
 +
      border-radius: 50%;
 +
      z-index: 1;
 +
}
 +
 +
.HoverText {
 +
      color: #e4f1fe;
 +
}
 +
 +
.HoverText:hover {
 +
      color: #d4043b;
 +
}
 +
 +
 +
 +
 
</style>
 
</style>
 
<span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home"></a></span>
 
<span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home"></a></span>
Line 37: Line 86:
 
<!-- One -->
 
<!-- One -->
 
     <section id="one">
 
     <section id="one">
 +
<img src="https://static.igem.org/mediawiki/2017/6/63/T--TU_Darmstadt--BannerHomePage5.png" style="width:100%;height:auto;"/>
 
         <div class="container">
 
         <div class="container">
−
<header class="major">
+
<!--<header class="major">
−
<center><h2>ChiTUcare</h2></center>
+
<center><h2 class="projectTitle">ChiTUcare</h2></center>
−
</header>
+
</header>-->
 
<!--<div class="post-it">
 
<!--<div class="post-it">
 
<p>...</p></div>-->
 
<p>...</p></div>-->
Line 56: Line 106:
 
</section>
 
</section>
  
−
<h1>Proof of Concept</h3>
 
−
<section id="four"><div class="container">
 
−
<br><br>
 
−
<div style="width: 79%; margin-left: auto; margin-right:
 
−
auto; margin-top: 1em; padding: 16px; font-size: 32px;
 
−
border-width: 32px; border: 35px ridge yellow; -moz-border-image: url(border.png) 32 repeat;
 
−
-webkit-border-image: url(border.png) 32 repeat;
 
−
border-image: url(border.png) 32 repeat;">
 
  
−
<p>
 
−
<img src="https://static.igem.org/mediawiki/2017/5/51/T--TU_Darmstadt--ToCoben.png" style="float: left; width: 100%;">
 
−
<img src="https://static.igem.org/mediawiki/2017/d/d2/Unten.png" style="float: left; width: 100%;">
 
−
<video src="https://static.igem.org/mediawiki/2017/5/56/T--TU_Darmstadt--geiles_video.mp4" alt="Chitosan-Alkaline production" style="width:100%;" controls>
 
  
−
</p>
+
<section id="teaser">
 +
<br><br>
 +
 
 +
<div class="box alt">
 +
  <center> <a href="https://2017.igem.org/Team:TU_Darmstadt/Demonstrate">
 +
  <h2 class="HoverText"> Proof of Concept </h2></a> </center>
 +
<div class="row 50% uniform">
 +
<div class="1u"></div>
 +
<div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/hydrogel"><img src="https://static.igem.org/mediawiki/2017/e/e3/T--TU_Darmstadt--Teaser_Pic4.png" style="border-radius: 50%;" class="HoverBorder" alt=""/></a></span></div>
 +
<div class="2u"></div>
 +
<div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chitin_synthase"><img src="https://static.igem.org/mediawiki/2017/d/df/T--TU_Darmstadt--Teaser_Pic3.png" style="border-radius: 50%;" class="HoverBorder" alt="" /></a></span></div>
 +
<div class="1u"></div>
 +
</div>
 +
</div>
 +
<div class="box alt">
 +
<div class="row 50% uniform">
 +
<div class="3u"></div>
 +
                <div class="6u"><span class="image fit"><video src="https://static.igem.org/mediawiki/2017/5/56/T--TU_Darmstadt--geiles_video.mp4" alt="Chitosan-Alkaline production" style="
 +
border:3px solid #e4f1fe; width:100%; position:relative;
 +
                    z-index: 2; margin-bottom: -26%; margin-top: -26%;" controls></video> </span></div>
 +
<div class="3u"></div>
 +
</div>
 +
</div>
 +
<div class="box alt">
 +
<div class="row 50% uniform">
 +
<div class="1u"></div>
 +
<div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chitin_deacetylase"><img src="https://static.igem.org/mediawiki/2017/c/cf/T--TU_Darmstadt--Teaser_Pic2.png" style="border-radius: 50%;"  class="HoverBorder" alt="" /></a></span></div>
 +
<div class="2u"></div>
 +
<div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chemistry"><img src="https://static.igem.org/mediawiki/2017/d/db/T--TU_Darmstadt--Teaser_Pic1.png" style="border-radius: 50%;"  class="HoverBorder" alt="" /></a></span></div>
 +
<div class="1u"></div>
 +
</div>
 +
</div>
  
 
<br><br>
 
<br><br>
−
</div> </div>
 
 
</section>
 
</section>
  
  
  
−
<section id="two"><div class="container">
+
 
 +
<!--<section id="two"><div class="container">
 
<p>Chitosan is a biopolymer with both antibacterial and wound-healing properties. By linking fluorophores to chitosan oligomeres smart plasters can be produced, able to detect pathogenic bacteria via proteolytic activity. Therefore, production of designed chitosan for medical purpose is of special interest.</p>
 
<p>Chitosan is a biopolymer with both antibacterial and wound-healing properties. By linking fluorophores to chitosan oligomeres smart plasters can be produced, able to detect pathogenic bacteria via proteolytic activity. Therefore, production of designed chitosan for medical purpose is of special interest.</p>
 
<center><img src="https://static.igem.org/mediawiki/2017/3/36/TUDarmstadtPDplaster.png" alt="chitosan hydrogel" width="80%" style="padding: 1em 0 1em 0;"></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/3/36/TUDarmstadtPDplaster.png" alt="chitosan hydrogel" width="80%" style="padding: 1em 0 1em 0;"></center>
Line 89: Line 158:
 
             <center><img src="https://static.igem.org/mediawiki/2017/4/40/TUDarmstadtPDpeptidelinker.png" alt="peptide linker" width="50%" style="padding: 1em 0 1em 0;"></center>
 
             <center><img src="https://static.igem.org/mediawiki/2017/4/40/TUDarmstadtPDpeptidelinker.png" alt="peptide linker" width="50%" style="padding: 1em 0 1em 0;"></center>
 
</div>
 
</div>
−
     </section>
+
     </section>-->
−
<section id="contact">
+
<!--<section id="contact">
 
<div class="container">
 
<div class="container">
 
<h3>Contact Us</h3>
 
<h3>Contact Us</h3>
Line 115: Line 184:
 
</form>
 
</form>
 
</div>
 
</div>
−
</section>
+
</section>-->
 
<!-- Footer -->
 
<!-- Footer -->
−
  <section id="footer">
+
</body>
−
<div class="container">
+
</html>
−
<ul class="copyright">
+
{{TU_Darmstadt/footerG}}
−
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
<html>
−
</ul>
+
<body>
−
</div>
+
−
  </section>
+
−
 
+
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:27, 1 November 2017

MainPage

image/svg+xml 1. Chitosan:Chitosan is a derivate of the linear polysaccharide chitin. The chemical and physical properties can vary remarkably. This enables a huge scope of applications. Chitosan shows antimicrobial properties and supports scar free wound healing.Visit the subpage! 2. Wound infection:Simple and cheap wound treatment is a challenging task.The detection of potentially present pathogenic bacteria iscomplicated, as removal of the wound dressing disrupts thehealing process. 3. Chitin Synthase:To realize the synthesis of chitosan, for usage in wounddressing hydrogels, we produce chitin out of N-acetyl-glucosamine-UDP monomers. Chitin is a precursor for chitosan.We implement the chitin synthase NodC, which createstetrameric and pentameric chitin.Visit the subpage! 4. Chitin Deacetylase:To manufacture chitosan out of chitin, the producedchitin oligomers have to be deacetylated. This can beperformed by using certain hydrolyzing enzymes called chitin deacetylases. In our case,we use NodB and COD.Visit the subpage! 5. Chemistry:To deal with the problem of wound infections andtheir detection, our synthesized chitosan is linkedto a flourophor via a peptide linker. This makes itpossible to detect exoproteases from pathogenicbacteria within minutes.Visit the subpage! image/svg+xml 6. Hydrogel:To use the wound healing supportive properties of chitosan,we manufactured non-toxic, low-cost hydrogels, containingdefined chitosans for usage in wound care.Visit the subpage! 9. CloneCademy:In order to share the knowledge aboutsynthetic biology and the achievementsof our project, we developed a web-basedinteractive learning platform calledCloneCademy. This education tool makesit possible for other iGEM teams to sharetheir ideas with society.Visit the subpage! 7. Solution:By combining the physiological propertiesof chitosan and the novel detectionsystem for wound infections in a hydrogelbandaid, we realized next generation wound care. Furthermore, we successfullyproved all milestones of our project.Visit the subpage! 8. Tech:We constructed a smartphone-adaptable, low-cost and mainly 3Dprinted microscope with a µm resolutionby implementing the digital inlineholographic approach. Thus, allowing the analyzation of ourhydrogel structure during the project. We also presenta software solution enabling 3D analyzation based onthe open source HoloPy package.Visit the subpage!


Proof of Concept