|
|
| Line 1: |
Line 1: |
| | {{Munich}} | | {{Munich}} |
| − |
| |
| − |
| |
| | <html> | | <html> |
| − | <style>
| |
| − | * {margin: 0; padding: 0;
| |
| − |
| |
| − | }
| |
| − | body{
| |
| − | font-family: Helvetica;
| |
| | | | |
| − | }
| |
| | | | |
| | + | <img src="https://static.igem.org/mediawiki/2017/thumb/c/cd/Groupphoto_170504.jpeg/800px-Groupphoto_170504.jpeg"> |
| | + | <div class="column full_size" > |
| | + | <h3> Welcome to our wiki! </h3> |
| | + | <p>Our wiki is under construction but you can follow us on the social media!</p> |
| | + | <p> |
| | + | <a href="https://www.facebook.com/Munich.iGEM">Facebook</a> |
| | + | <a href="https://www.instagram.com/igem.munich.2017 ">Instagram</a></p> |
| | | | |
| − | #container {
| + | <br> |
| − | width: 80%;
| + | <p>Please contact us per email for collaboration and more: </p> |
| − | overflow: hidden;
| + | <p><a href="mailto:igem.munich%40gmail.com">igem.munich@gmail.com</a></p> |
| − | margin: 50px auto;
| + | </div> |
| − | }
| + | |
| | | | |
| − | h2{
| |
| − | text-align: center;
| |
| − | }
| |
| | | | |
| − | .banner > img{
| + | <div class=" single_footer" style="float: right;"> |
| − | margin-left:50px;
| + | <a href="https://www.facebook.com/Munich.iGEM/" style="padding-left: 0.8cm;" title="facebook"><i class="fa fa-facebook-square fa-3x "></i></a>     |
| − | }
| + | <a href="https://www.instagram.com/igem.munich.2017/" title="Instgram"><i class="fa fa-instagram fa-3x"></i> </a>     |
| − | | + | |
| − | .banner {
| + | |
| − | width:5000px;
| + | |
| − | overflow: hidden;
| + | |
| − | height: 233px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*keyframe animations*/
| + | |
| − | .first {
| + | |
| − | -webkit-animation: bannermove 20s linear infinite;
| + | |
| − | -moz-animation: bannermove 20s linear infinite;
| + | |
| − | -ms-animation: bannermove 20s linear infinite;
| + | |
| − | -o-animation: bannermove 20s linear infinite;
| + | |
| − | animation: bannermove 20s linear infinite;
| + | |
| − | }
| + | |
| − | | + | |
| − | @keyframes "bannermove" {
| + | |
| − | 0% {
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | margin-left: -2000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @-moz-keyframes bannermove {
| + | |
| − | 0% {
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | margin-left: -2000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @-webkit-keyframes "bannermove" {
| + | |
| − | 0% {
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | margin-left: -2000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @-ms-keyframes "bannermove" {
| + | |
| − | 0% {
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | margin-left: -2000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | @-o-keyframes "bannermove" {
| + | |
| − | 0% {
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | margin-left: -2000px;
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | h1{
| + | |
| − | text-align: center;
| + | |
| − | color: black;
| + | |
| − | font-size: 50px;
| + | |
| − | border-radius:12px;
| + | |
| − | background-color: #92D4EF;
| + | |
| − | | + | |
| − | margin: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | h2{
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hola{
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | h3{
| + | |
| − | text-align: center;
| + | |
| − | margin: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .problem, .solution{
| + | |
| − | padding-left: 50px;
| + | |
| − | padding-right: 50px;
| + | |
| − | padding-top: 20px;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | border-radius:50px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .problem{
| + | |
| − | margin-right:500px;
| + | |
| − | }
| + | |
| − | table{
| + | |
| − | margin:auto;
| + | |
| − | border-spacing: 2.5vw 0;
| + | |
| − | margin-top: 30px;
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .footer{
| + | |
| − | background-color: #92D4EF;
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 0;
| + | |
| − | padding-top: 5px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | h5{
| + | |
| − | text-align: center;
| + | |
| − | | + | |
| − | margin-bottom: 10px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | td{
| + | |
| − | width: 50%;
| + | |
| − | vertical-align: top;
| + | |
| − | }
| + | |
| − | | + | |
| − | a{
| + | |
| − | text-decoration: none;
| + | |
| − | padding-left:7px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | </style>
| + | |
| − | | + | |
| − | <body>
| + | |
| − |
| + | |
| − | <div id="container"> <!-- Apparently, the freaking space lines between the elements are important, so for the animation to loop seamlessly, the img elements can't have them inbetween. -->
| + | |
| − | | + | |
| − | <div class=" banner first"><img id="picture" src="https://static.igem.org/mediawiki/2017/9/92/T--Munich--logo.png" alt="" style=" width: 350px;height:233px;" />< img src="https:// static. igem. org/ mediawiki/2017/3/36/T--Munich --scientist. jpg" alt="" style=" width:350px;height:233px" /><img src="https://static.igem.org/mediawiki/2017/f/fa/T- -Munich--Explaning_MakeMunich.jpg" alt="" style="width: 350px;height:233px;"/><img src="https://static. igem.org/mediawiki/2017/4/40/T--Munich--Wetlab_work.jpg" alt="" style="width:350px;height:233px;" /><img src=" https://static.igem.org/mediawiki/2017/c/cd/Groupphoto_170504.jpeg" alt="" style="width:350px;height:233px;"/>< img class=" hola" src="https://static.igem.org/mediawiki/2017/9/92/T-- Munich- -logo.png" alt="" style="width:350px;height:233px;"/>< img class ="hola" src="https://static.igem.org/mediawiki/2017/3/36/T--Munich--scientist.jpg" alt="" style="width:350px;height:233px" />< img src="https:/ /static.igem.org/mediawiki/2017/f/fa/T--Munich--Explaning_MakeMunich.jpg" alt="" style="width:350px; height:233px; "/>< img src="https:// static. igem. org/ mediawiki/2017/4/40/T--Munich--Wetlab_work. jpg" alt="" style="width:350px;height:233px;"/><img src="https://static. igem.org/mediawiki/2017/ c/cd/Groupphoto_170504.jpeg" alt="" style="width:350px;height:233px;"/> | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | <div class ="projectName">
| + | |
| − | <h1> CascAID </h1>
| + | |
| | </div> | | </div> |
| | | | |
| − |
| |
| − |
| |
| − | <div class="part2">
| |
| − | <table style="width:100%; text-align:justify" >
| |
| − | <tr>
| |
| − | <td bgcolor="white" class = "problem"> <h3 id="hola">Problem</h3>
| |
| − | <p> Although there are many diagnose tests available that can detect even the smallest traces of a pathogen, they usually require expensive lab-equipment or skilled labor. Usually, places most prone to diseases are also the ones most lacking such equipment or personal, and thus, where tests are least asequible.
| |
| − | Many different diseases can present similar symptoms. But because the treatment for each of them can vary greatly (e.g. bacterial vs viral infetion), a quick and reliable diagnose is important to start as soon as possible with the right treatment. On the other hand, wrongly recognizing the cause of a disease not only leads to prescription of the wrong medicine, but also can contribute to the spread of resistances. <br><br>
| |
| − | New diagnose tool must take these points into consideration and be designed with affordability, availability, simplicity and reliability in mind, and, where possible, be flexible enough to cover a wide array of diseases in order to present the user with a single, powerful product.
| |
| − |
| |
| − | </p> </td>
| |
| − | <td bgcolor="white" class ="solution"><h3>Solution</h3>
| |
| − | <p> We are working at a diagnose tool that combines the power of high sensible methods with the affordability needed for a wide application field. Our project, named CascAID, utilizes the CRISPR/Cas effector Cas13a to quickly and reliably test for different pathogens based on their RNA. By cleaverly designing a short RNA sequence, it is possible to guide Cas13a to only cleave RNA molecules belonging to a pathogen. Once the target has been digested, Cas13a becomes active and cleaves indiscriminately other RNA molecules. If the sample contained pathogen, then digested RNA will be found, where as a negative sample won't produce digestion fragments. <br><br>
| |
| − | To provide an affordable product, CascAID will be implemented on paper-strips, using deep-freeze technologie that allows proteins and other organic molecules to remain active over long periods of time, even at room temperature. Thanks to the cheapness of paper as a material, CascAID-strips can be single use, thus reducing the risk of cross-contamination without increasing the costs of manufacture.
| |
| − | </p>
| |
| − | </td>
| |
| − | </tr>
| |
| − | </table>
| |
| − |
| |
| − | </div>
| |
| − | <br>
| |
| − |
| |
| − |
| |
| − | <div class="footer">
| |
| − | <h5>Follow our progress or contact us on:</h5>
| |
| − | <div class="logos"> <a href="https://www.facebook.com/Munich.iGEM/">
| |
| − | <img border="0" src="https://image.flaticon.com/icons/svg/33/33702.svg" width="30px" height="30px" align="center"> </a>
| |
| − | <a href="https://www.instagram.com/igem.munich.2017/">
| |
| − | <img border="0" src="https://image.flaticon.com/icons/svg/87/87390.svg" width="30px" height="30px" align="center"> </a>
| |
| − | <a href="mailto:igem.munich@gmail.com"> <img src= "https://static.igem.org/mediawiki/2017/9/97/T--Munich--mail_symbol.svg" width="30px" height="30px" align="center"> </a> </div>
| |
| − |
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | </div>
| |
| | | | |
| − | </body>
| |
| | </html> | | </html> |
Munich
Welcome to our wiki!
Our wiki is under construction but you can follow us on the social media!
Facebook
Instagram
Please contact us per email for collaboration and more:
igem.munich@gmail.com
