Team:NYMU-Taipei
From 2008.igem.org
(Difference between revisions)
(Prototype team page) |
Blackrabbit (Talk | contribs) (Go NYMU-Taipei!) |
||
Line 1: | Line 1: | ||
- | <!-- | + | <!--[[Image:MainCartoon.png|border|center|Bac2Kidney]]--> |
<html> | <html> | ||
- | < | + | <style> |
- | + | #cartoonmap{ | |
- | + | display:block; | |
- | + | position:relative; | |
- | + | width:700px; | |
- | + | height:515px; | |
- | </div> | + | |
- | <div id=" | + | background:url(http://igem.ym.edu.tw/private2008/images/3/3e/MainCartoon.png) no-repeat; |
- | + | border:1px solid gray; | |
- | </div> | + | } |
+ | |||
+ | |||
+ | /* place the divs */ | ||
+ | #cartoonmap div{ | ||
+ | position:absolute; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | #cartoonmap #sensor{ | ||
+ | left: 0px; | ||
+ | top: 160px; | ||
+ | } | ||
+ | #cartoonmap #attachment{ | ||
+ | left: 140px; | ||
+ | top: 360px; | ||
+ | } | ||
+ | #cartoonmap #urea{ | ||
+ | left: 350px; | ||
+ | top: 155px; | ||
+ | } | ||
+ | #cartoonmap #phosphate{ | ||
+ | left: 398px; | ||
+ | top: 155px; | ||
+ | } | ||
+ | #cartoonmap #guanidine{ | ||
+ | left: 440px; | ||
+ | top: 155px; | ||
+ | } | ||
+ | #cartoonmap #timeregulation{ | ||
+ | left: 530px; | ||
+ | top: 207px; | ||
+ | } | ||
+ | |||
+ | /* size-ify the positioned the anchors, also z-index them */ | ||
+ | #cartoonmap a#asensor{ | ||
+ | display:block; | ||
+ | width: 300px; | ||
+ | height: 200px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | #cartoonmap a#aattachment{ | ||
+ | display:block; | ||
+ | width: 400px; | ||
+ | height: 145px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | #cartoonmap a#aurea{ | ||
+ | display:block; | ||
+ | width: 48px; | ||
+ | height: 185px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | #cartoonmap a#aphosphate{ | ||
+ | display:block; | ||
+ | width: 42px; | ||
+ | height: 185px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | #cartoonmap a#aguanidine{ | ||
+ | display:block; | ||
+ | width: 51px; | ||
+ | height: 185px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | #cartoonmap a#atimeregulation{ | ||
+ | display:block; | ||
+ | width: 160px; | ||
+ | height: 100px; | ||
+ | |||
+ | } | ||
+ | #cartoonmap a#asensor, | ||
+ | #cartoonmap a#aattachment, | ||
+ | #cartoonmap a#aurea, | ||
+ | #cartoonmap a#aguanidine, | ||
+ | #cartoonmap a#aphosphate, | ||
+ | #cartoonmap a#atimeregulation{ | ||
+ | border:1px dashed #c0c0c0; | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | position the hovered spans the same as one particular place (the title) | ||
+ | calculation of hover positions: | ||
+ | left = title.left-hover.parent.left | ||
+ | top = title.top-hover.parent.top | ||
+ | */ | ||
+ | #cartoonmap #bactokidney{ | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | left:305px; | ||
+ | top:15px; | ||
+ | width:370px; | ||
+ | height:110px; | ||
+ | } | ||
+ | #cartoonmap a:hover span.descr{ | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | width:380px; | ||
+ | height:120px; | ||
+ | } | ||
+ | #cartoonmap a#asensor:hover span.descr{ | ||
+ | left:300px; | ||
+ | top:-150px; | ||
+ | } | ||
+ | #cartoonmap a#aattachment:hover span.descr{ | ||
+ | left:160px; | ||
+ | top:-350px; | ||
+ | } | ||
+ | #cartoonmap a#aurea:hover span.descr{ | ||
+ | left:-50px; | ||
+ | top:-145px; | ||
+ | } | ||
+ | #cartoonmap a#aphosphate:hover span.descr{ | ||
+ | left:-98px; | ||
+ | top:-145px; | ||
+ | } | ||
+ | #cartoonmap a#aguanidine:hover span.descr{ | ||
+ | left:-140px; | ||
+ | top:-145px; | ||
+ | } | ||
+ | #cartoonmap a#atimeregulation:hover span.descr{ | ||
+ | left:-230px; | ||
+ | top:-197px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* hide stuff */ | ||
+ | #cartoonmap a span.descr, #cartoonmap a:visited span.descr{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* style stuff */ | ||
+ | #cartoonmap a{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #cartoonmap span.n{ | ||
+ | color:gray; | ||
+ | font-size:24pt; | ||
+ | position:absolute; | ||
+ | bottom:5px; | ||
+ | left:5px; | ||
+ | } | ||
+ | #cartoonmap a:hover{ | ||
+ | border:1px solid black; | ||
+ | } | ||
+ | #cartoonmap #bactokidney, #cartoonmap a:hover span.descr{ | ||
+ | background:#f3f3f3; | ||
+ | border:1px solid gray; | ||
+ | color:black; | ||
+ | padding:5px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #cartoonmap a:hover span.n{ | ||
+ | color:red; | ||
+ | } | ||
+ | #cartoonmap a span.descr:first-line{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #cartoonmap #bactokidney:first-line{ | ||
+ | font-size:24pt; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="cartoonmap" style="text-align:left;"> | ||
+ | <span id="bactokidney">BacToKidney!<br> | ||
+ | Move your mouse on the image below to navigate. | ||
+ | </span> | ||
+ | <div class="info"> | ||
+ | <div id="sensor"><a id="asensor" href="./Team:NYMU-Taipei/Project/pH_Sensor" title="pH Sensor"> | ||
+ | <span class="n">1.</span> | ||
+ | <span class="descr">pH Sensor | ||
+ | <br>A sensor of pH's. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | <div id="attachment"><a id="aattachment" href="./Team:NYMU-Taipei/Project/Attachment" title="Attachment"> | ||
+ | <span class="n">2.</span> | ||
+ | <span class="descr">Attachment | ||
+ | <br>Attachment to the small intestine. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | <div id="urea"><a id="aurea" href="./Team:NYMU-Taipei/Project/Urea" title="Urea"> | ||
+ | <span class="n">3a.</span> | ||
+ | <span class="descr">Urea | ||
+ | <br>Clearance of Urea. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | <div id="phosphate"><a id="aphosphate" href="./Team:NYMU-Taipei/Project/Phosphate" title="Phosphate"> | ||
+ | <span class="n">3b.</span> | ||
+ | <span class="descr">Phosphate | ||
+ | <br>Clearance of Phosphate. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | <div id="guanidine"><a id="aguanidine" href="./Team:NYMU-Taipei/Project/Guanidine" title="Guanidine"> | ||
+ | <span class="n">3c.</span> | ||
+ | <span class="descr">Guanidine | ||
+ | <br>Clearance of Guanidine. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | <div id="timeregulation"><a id="atimeregulation" href="./Team:NYMU-Taipei/Project/Time_Regulation" title="Time Regulation"> | ||
+ | <span class="n">4.</span> | ||
+ | <span class="descr">Time Regulation | ||
+ | <br>Detachment after a specified period of time. | ||
+ | </span> | ||
+ | </a></div> | ||
+ | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
+ | {{:Team:NYMU-Taipei/Links}} | ||
- | |||
- | {| | + | {| style="width:700px;border:1px solid gray;" |
- | + | ||
- | + | ||
|- | |- | ||
- | | | + | | style="vertical-align:top;width:50%;border-right:1px solid gray;" | <font size="4"><b>'''BacToKidney'''</b></font> - ''Hope through Research''. |
- | '' | + | <br>'''Goal:''' |
- | + | *Use designer bacteria to replace a hemodialysis machine to remove (filter out) toxic waste for treating kidney failure. | |
- | | | + | <br>'''Why is it an interesting problem?''' |
- | | | + | * Approximately 1.3 million people globally have chronic kidney failure that requires either renal transplantation or dialysis - for such patients, the established treatment is hemodialysis |
- | | | + | * The mortality rate of patients undergoing maintenance hemodialysis remains unacceptably high. |
- | | | + | * An extremely high morbidity and a relatively low quality of life (due in part to a high level of dependence and unemployment) and high cost have also been observed. |
- | + | <br>'''How our project is divided:''' | |
- | + | * [[/Project/pH Sensor | pH Sensor]] | |
+ | ** A sensor of '''proton concentration (pH)''' | ||
+ | * [[/Project/Attachment | Attachment]] | ||
+ | ** An '''Attachment anchor''' that attaches to the small intestine | ||
+ | * [[/Project/Urea | Clearance of Urea]] | ||
+ | ** A '''Urea''' clearance device | ||
+ | * [[/Project/Phosphate | Clearance of Phosphate]] | ||
+ | ** A '''Phosphate''' clearance and balance device | ||
+ | * [[/Project/Guanidine | Clearance of Guanidine]] | ||
+ | ** A '''Guanidine''' clearance device | ||
+ | * [[/Project/Time Regulation | Time Regulation]] | ||
+ | ** Enables detachment from the small intestine after a certain amount of time | ||
+ | ** Experimenting with two systems: | ||
+ | *** [[/Project/Time_Regulation/Cyanoxilator|Cyanoxilator]]: A tuneable cyanobacterial natural (sinusoidal) oscillator implemented in ''E. coli''. | ||
+ | *** [[/Project/Time_Regulation/Reloxilator|Reloxilator]]: A tuneable intracell-synchronized relaxation oscillator. | ||
- | + | | style="vertical-align:top;" | {{:Team:NYMU-Taipei/News}} <!-- Edit the News page for news please. --> | |
- | + | ||
- | + | ||
- | ! | + | |
- | + | ||
- | + | ||
- | + | ||
|} | |} | ||
- |
Revision as of 13:37, 1 August 2008
BacToKidney!
Move your mouse on the image below to navigate.
Move your mouse on the image below to navigate.
Home | Project Overview: | pH Sensor | Attachment | Time Regulation | Waste Removal | Experiments and Parts | About Us |
BacToKidney - Hope through Research.
| News and Updates.
|