Team:NYMU-Taipei

From 2008.igem.org

(Difference between revisions)
(Prototype team page)
(Go NYMU-Taipei!)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!--[[Image:MainCartoon.png|border|center|Bac2Kidney]]-->
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<style>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
#cartoonmap{
-
This is a template page. READ THESE INSTRUCTIONS.
+
display:block;
-
</div>
+
position:relative;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
width:700px;
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
height:515px;
-
</div>
+
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
background:url(http://igem.ym.edu.tw/private2008/images/3/3e/MainCartoon.png) no-repeat;
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, and a lab notebook. PLEASE keep all of your pages within your Team:Example namespace.
+
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}}
-
<!-- *** End of the alert box *** -->
 
-
{|align="justify"
+
{| style="width:700px;border:1px solid gray;"
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:Example_logo.png|200px|right|frame]]
+
|-
|-
-
|
+
| style="vertical-align:top;width:50%;border-right:1px solid gray;" |  <font size="4"><b>'''BacToKidney'''</b></font> - ''Hope through Research''.
-
''Tell us more about your project. Give us background.  Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
<br>'''Goal:'''
-
|[[Image:Team.png|right|frame|Your team picture]]
+
*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
-
|align="center"|[[Team:NYMU-Taipei | Team Example 2]]
+
* 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:'''
-
<!--- The Mission, Experiments --->
+
* [[/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="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
| style="vertical-align:top;" | {{:Team:NYMU-Taipei/News}} <!-- Edit the News page for news please. -->
-
!align="center"|[[Team:NYMU-Taipei|Home]]
+
-
!align="center"|[[Team:NYMU-Taipei/Team|The Team]]
+
-
!align="center"|[[Team:NYMU-Taipei/Project|The Project]]
+
-
!align="center"|[[Team:NYMU-Taipei/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:NYMU-Taipei/Modeling|Modeling]]
+
-
!align="center"|[[Team:NYMU-Taipei/Notebook|Notebook]]
+
|}
|}
-
(''Or you can choose different headings.  But you must have a team page, a project page, and a notebook page.'')
 

Revision as of 13:37, 1 August 2008




BacToKidney - Hope through Research.


Goal:

  • Use designer bacteria to replace a hemodialysis machine to remove (filter out) toxic waste for treating kidney failure.


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.


How our project is divided:

News and Updates.
  • 2008-10-28: Gradually migrating the wiki pages to here.
  • 2008-08-12: The team page now displays us.
  • 2008-08-06: New Wikipage design put up!
  • 2008-08-01: Wikipage Online!