|
|
(13 intermediate revisions by 2 users not shown) |
Line 445: |
Line 445: |
| font-weight: bold; | | font-weight: bold; |
| } | | } |
− |
| |
− | * {margin: 0; padding: 0;
| |
− |
| |
− | }
| |
− | body{
| |
− | font-family: Helvetica;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | #container {
| |
− | width: 80%;
| |
− | overflow: hidden;
| |
− | margin: 50px auto;
| |
− | }
| |
− |
| |
− | h2{
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .banner > img{
| |
− | margin-left:50px;
| |
− | }
| |
− |
| |
− | .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> | | </style> |
Line 906: |
Line 747: |
| | | |
| <!-- start of content --> | | <!-- start of content --> |
− | <div class="igem_2017_content_wrapper"> | + | <div class="igem_2017_content_wrapper"> |
− | </div> | + | <h1>Munich</h1> |
− | <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 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>
| + | |