(184 intermediate revisions by 7 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{TU_Darmstadt/chiTU}} | ||
<html> | <html> | ||
+ | <body> | ||
+ | <!-- Header --> | ||
+ | <section id="header"> | ||
+ | <header> | ||
+ | <style> | ||
+ | @media screen and (max-width: 1024px){ | ||
+ | #one:before { | ||
+ | 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> | ||
+ | <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> | ||
+ | <h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a></h1> | ||
+ | </header> | ||
+ | <nav id="nav"> | ||
+ | <ul> | ||
+ | <div class="mainmenu"> | ||
+ | <li><a href="https://2017.igem.org/Team:TU_Darmstadt/project">Project</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices">Human Practices</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech">Tech</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TU_Darmstadt/team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TU_Darmstadt/judging">Judging</a></li> | ||
+ | </div></ul> | ||
+ | </nav> | ||
+ | </body> | ||
+ | </html> | ||
+ | {{TU_Darmstadt/header-footer}} | ||
+ | <html> | ||
+ | <body> | ||
+ | </section> | ||
+ | <!-- Wrapper --> | ||
+ | <div id="wrapper"> | ||
− | + | <!-- Main --> | |
− | + | <div id="main"><!--DO NOT DELETE THE LINES ABOVE!!!--> | |
− | + | ||
− | + | ||
− | + | <!-- 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"> | |
− | + | <!--<header class="major"> | |
− | + | <center><h2 class="projectTitle">ChiTUcare</h2></center> | |
− | + | </header>--> | |
− | + | <!--<div class="post-it"> | |
− | + | <p>...</p></div>--> | |
− | + | <div style="width:100%"> | |
− | + | <center> | |
− | + | </body> | |
+ | </html> | ||
+ | {{TU_Darmstadt/Flowchart}} | ||
+ | {{TU_Darmstadt/Flowchartb}} | ||
+ | <html> | ||
+ | <body> | ||
</center> | </center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--<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> | ||
+ | <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> | ||
+ | <h4>Engineering <i>E. coli</i> for specific Synthesis of Designer Chitosan</h4> | ||
+ | <p>Our primary wet-lab goal is to engineer a synthetic biological circuit for the specific synthesis of chitosans in <i>E. coli</i>. The chemical properties as well as the bioactivity of chitosans mainly depend on three variables: the length of the oligomers, their level of deacetylation and their patterns of deacetylation.</p> | ||
+ | <p>Our enzymatic approach includes three enzymes. A chitin synthase (<i>Rhizobium leguminosarum bv. viciae</i>) catalyzes the oligomerization of N-acetylglucosamine-UDP monomers to chitin oligomers (tetramers and pentamers). Furthermore, two chitin deacetylases that differ in their regioselectivity (<i>Sinorhizobium meliloti</i> (nodB) and <i>Puccina graminis f. sp. tritici</i>) are regulated orthogonally, making it possible to choose between two different types of deacetylation patterns.</p> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2017/2/2d/TUDarmstadtPDchitosansynthesis.png" alt="pathway chitosan" width="80%" style="padding: 1em 0 1em 0;"></center> | ||
+ | <h4>Application of Chitosan Oligomers: Chitosan Hydrogel for bacterial Enzyme Detection</h4> | ||
+ | <p>Downstream of the synthetic biological circuit for the synthesis of chitosan pentamers, we want to give an example for an explicit application of chitosan oligomers. This shall be accomplished by building a plaster for wounds carrying the chitosan hydrogel with chitosan oligomers linked to a fluorophore via a peptide chain. When the plaster is applied to a wound it can detect bacterial protease activities and thus diagnose wound infection. Proteases will cleave the peptide linker and release the fluorophore, that is then detectable via UV-light.</p> | ||
+ | <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> | ||
+ | </section>--> | ||
+ | <!--<section id="contact"> | ||
+ | <div class="container"> | ||
+ | <h3>Contact Us</h3> | ||
+ | <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p> | ||
+ | <form method="post" action="#"> | ||
+ | <div class="row uniform"> | ||
+ | <div class="6u 12u(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div> | ||
+ | <div class="6u 12u(xsmall)"><input type="email" name="email" id="email" placeholder="Email" /></div> | ||
+ | </div> | ||
+ | <div class="row uniform"> | ||
+ | <div class="12u"><input type="text" name="subject" id="subject" placeholder="Subject" /></div> | ||
+ | </div> | ||
+ | <div class="row uniform"> | ||
+ | <div class="12u"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div> | ||
+ | </div> | ||
+ | <div class="row uniform"> | ||
+ | <div class="12u"> | ||
+ | <ul class="actions"> | ||
+ | <li><input type="submit" class="special" value="Send Message" /></li> | ||
+ | <li><input type="reset" value="Reset Form" /></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </form> | ||
+ | </div> | ||
+ | </section>--> | ||
+ | <!-- Footer --> | ||
+ | </body> | ||
+ | </html> | ||
+ | {{TU_Darmstadt/footerG}} | ||
+ | <html> | ||
+ | <body> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 20:27, 1 November 2017