(Prototype team page) |
|||
(197 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <!-- #919191 Grau1 --> | |
+ | <!-- #787878 Grau2 --> | ||
+ | <!-- #51A7f9 Blau1 --> | ||
+ | <!-- #3c7cb9 Blau2 --> | ||
+ | <!-- #ffffff weiss --> | ||
<html> | <html> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Munich/Filter?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Munich/Body?action=raw&ctype=text/css" /> | ||
+ | <head> | ||
+ | <style> | ||
+ | #HQ_page h3{ | ||
+ | text-align: left; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #HQ_page h4{ | ||
+ | text-align: left; | ||
+ | } | ||
− | + | #HQ_page h3{ | |
− | + | color: #51a7f9; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | #myContent *{ | |
+ | color: #444444; | ||
+ | } | ||
− | + | #myContent tr p{ | |
− | + | margin-bottom: 10px; | |
− | + | } | |
+ | |||
+ | #HQ_page .equationDiv img{ | ||
+ | height: 40px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | #HQ_page .equationDiv img.largeEquation{ | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | #HQ_page .equationDiv span{ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #HQ_page .myTable .rightAligned{ | ||
+ | text-align: right; | ||
+ | } | ||
+ | #HQ_page .myTable .leftAligned{ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #HQ_page .myTable th{ | ||
+ | color: #919191; | ||
+ | } | ||
+ | |||
+ | #HQ_page #hardwareFrontPage td{ | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #HQ_page #hardwareFrontPage img{ | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | |||
+ | #HQ_page #hardwareFrontPage img:hover{ | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | |||
+ | #HQ_page .picture1{ | ||
+ | width: 320px; | ||
+ | height: 155px; | ||
+ | background: url("https://static.igem.org/mediawiki/2017/4/45/Valve_hw_home.jpeg") | ||
+ | } | ||
+ | |||
+ | #HQ_page .picture1:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2017/5/53/Pressure_supply_hw_home2.png") | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture2{ | ||
+ | width: 320px; | ||
+ | height: 210px; | ||
+ | background: url("https://static.igem.org/mediawiki/2017/e/e1/Paper_strip_hw_home.jpeg") | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture2:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2017/2/22/Paper_strip_hw_home3.png") | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture3{ | ||
+ | width: 320px; | ||
+ | height: 210px; | ||
+ | background: url("https://static.igem.org/mediawiki/2017/3/39/Heater_hw_home.jpeg") | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture3:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2017/5/5d/Heater_cad_hw_home.png") | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture4{ | ||
+ | width: 640px; | ||
+ | height: 555px; | ||
+ | background: url("https://static.igem.org/mediawiki/2017/7/7d/Detector_hw_startpage.jpeg"); | ||
+ | } | ||
+ | |||
+ | #HQ_page #picture4:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2017/2/2e/Detector_hw_home.png") | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head></html> | ||
+ | {{Munich/Menu}} | ||
+ | <html> | ||
+ | <body> | ||
+ | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> | ||
+ | <!-- Content --> | ||
+ | <tr><td width="100%" colspan=4> | ||
+ | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> | ||
+ | <tr> | ||
+ | <td width="40%"> | ||
+ | </td> | ||
+ | <td id="myContent" width="20%" valign=top align=center> | ||
+ | <br> | ||
+ | <!-- Head End --> | ||
+ | <!-- Content Begin --> | ||
+ | <table width="960" border=0 cellspacing=0 cellpadding=10> | ||
+ | <tr> | ||
+ | <td width=160></td> | ||
+ | <td width=160></td> | ||
+ | <td width=160></td> | ||
+ | <td width=160></td> | ||
+ | <td width=160></td> | ||
+ | <td width=160></td> | ||
+ | </tr> | ||
+ | <tr id="hardwareFrontPage"> | ||
+ | <td colspan=2> | ||
+ | <table width=320> | ||
+ | |||
+ | <tr> | ||
+ | <td> | ||
+ | <a href="/Team:Munich/Hardware/QuakeValve"><img class="picture1" src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"></a> | ||
+ | </td> | ||
+ | <td> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <a href="/Team:Munich/Hardware/SampleProcessing"><img id="picture3" src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"></a> | ||
+ | <a href="/Team:Munich/Hardware/Paperstrip"><img id="picture2" src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"></a> | ||
+ | </td> | ||
+ | <td colspan=4> | ||
+ | <a href="/Team:Munich/Hardware/Detector"><img id="picture4" src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"></a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td colspan=6> | ||
+ | <div class="captionPicture"> | ||
<p> | <p> | ||
− | + | Complete overview of all modular hardware parts in our pathogen detection system. Shown are counterclockwise and starting in in the upper left corner: The Quake valve that controls fluid flow, our sample processing device, the paper strip where a reaction mix is stored and the readout reaction takes place and finally our low-cost fluorescence detector "Lightbringer" that performs the readout measurement. Images are clickable and linked to the corresponding wiki subsection. | |
− | |||
− | |||
− | |||
− | |||
</p> | </p> | ||
− | </ | + | </div></td> |
− | </ | + | </tr> |
− | < | + | <tr><td colspan=6 align=left valign=center> |
− | < | + | <font size=7 color=#51a7f9><b style="color: #51a7f9">Hardware</b></font> |
− | < | + | </td> |
− | + | </tr> | |
− | < | + | <tr> |
− | < | + | <td colspan = 6 align=center valign=center> |
− | + | <p class="introduction"> | |
− | + | ||
− | + | The liberation of diagnostic tests from expensive lab infrastructure requires innovative ways of sample processing and measuring. We therefore developed a set of portable hardware tools with the goal of providing an automated sample-to-answer solution. The heart of our system is <a class="myLink" href="https://2017.igem.org/Team:Munich/Hardware/Detector">‘Lightbringer’</a>, our fluorescence detector, which is capable of measuring kinetics of biological or chemical reactions on <a class="myLink" href= "https://2017.igem.org/Team:Munich/Hardware/Paperstrip" >paper.</a> Built from 3D–printed parts and standard electronic components, it can be assembled for less than 15$, while offering a sensitivity competitive to commercial fluorescence readers. Additionally, tackling the challenge of sample pre-processing in field, we developed a portable <a class="myLink" href="https://2017.igem.org/Team:Munich/Hardware/SampleProcessing"> fluidic system</a>, featuring a temperature control unit for lysis and isothermal PCR. Conceiving a platform independent of lab infrastructure, we demonstrate the feasibility of <a class="myLink" href="https://2017.igem.org/Team:Munich/Hardware/QuakeValve"> controlling fluid flow</a> with bike tires and air balloons. All hardware components are designed and documented with the aim of enabling the community to reproduce and extend our set of tools. | |
− | </ | + | </p> |
+ | <div class="captionPicture"> | ||
+ | <img width=960 src="https://static.igem.org/mediawiki/2017/2/26/Schema_final_lowres.png"> | ||
+ | <p> | ||
+ | </p> | ||
</div> | </div> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | <tr><td class="no-padding" colspan=6 align=right valign=center height=10> | ||
+ | <br><br><br><center><hr></center> | ||
+ | </td></tr> | ||
+ | </table> | ||
+ | <!-- Content End --> | ||
</html> | </html> | ||
+ | {{Munich/Footer}} |
Latest revision as of 09:14, 9 December 2017
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|