Team:Gaston Day School

From 2009.igem.org

(Difference between revisions)
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:picture]]-->
 +
 
 +
<!--[[Image:picture|border|center|Bac2Kidney]]-->
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<script>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
function haxbackground(){
-
This is a template page. READ THESE INSTRUCTIONS.
+
document.getElementById('cartoonmap').style.backgroundImage='url(picture)';
-
</div>
+
}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
function unhaxbackground(){
-
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://2009.igem.org/Help:Template/Examples">HERE</a>.
+
document.getElementById('cartoonmap').style.backgroundImage="url('picture')";
-
</div>
+
}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
</script>
-
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 teams namespace.
+
<style>
-
</div>
+
dl#cartoonmap{
-
</div>
+
background:url('picture') transparent top left no-repeat;
 +
display:block;
 +
position:relative;
 +
width:965px;
 +
height:708px;
 +
margin:0px;
 +
 
 +
border:1px solid gray;
 +
}
 +
dl#cartoonmap dt{
 +
display:none;
 +
}
 +
 
 +
/* Common stuff between links */
 +
dl#cartoonmap dd a{
 +
position:absolute;
 +
 
 +
border:1px dashed silver;
 +
text-decoration: none;
 +
}
 +
dl#cartoonmap dd a span{
 +
display:none;
 +
}
 +
 
 +
/* link positions (x,y,w,h) */
 +
dl#cartoonmap dd#ph a{ left:50px; bottom:85px; width:135px; height:370px; z-index:200;}
 +
dl#cartoonmap dd#at a{ left:185px; bottom:85px; width:120px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#u a{ left:305px; bottom:85px; width:100px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#g a{ left:405px; bottom:85px; width:105px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#p a{ left:510px; bottom:85px; width:110px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#time a{ left:620px; bottom:85px; width:230px; height:200px; z-index:100;}
 +
 
 +
/* link hover doings */
 +
dl#cartoonmap dd a:hover{
 +
border-style:solid;
 +
border-width:1px;
 +
background:url('picture') transparent top left no-repeat;
 +
}
 +
/* colored borders! */
 +
dl#cartoonmap dd#ph a:hover, dl#cartoonmap dd#ph a:hover span, dl#cartoonmap dd#ph a:hover span div.first{ border-color:violet; }
 +
dl#cartoonmap dd#at a:hover, dl#cartoonmap dd#at a:hover span, dl#cartoonmap dd#at a:hover span div.first{ border-color:orange; }
 +
dl#cartoonmap dd#u a:hover, dl#cartoonmap dd#u a:hover span, dl#cartoonmap dd#u a:hover span div.first{ border-color:red; }
 +
dl#cartoonmap dd#g a:hover, dl#cartoonmap dd#g a:hover span, dl#cartoonmap dd#g a:hover span div.first{ border-color:gold; }
 +
dl#cartoonmap dd#p a:hover, dl#cartoonmap dd#p a:hover span, dl#cartoonmap dd#p a:hover span div.first{ border-color:green; }
 +
dl#cartoonmap dd#time a:hover, dl#cartoonmap dd#time a:hover span, dl#cartoonmap dd#time a:hover span div.first{ border-color:lightblue; }
 +
 
 +
dl#cartoonmap dd#ph a:hover span div.first {background:#ecf; color:#333;}
 +
dl#cartoonmap dd#at a:hover span div.first {background:#fc3; color:#333;}
 +
dl#cartoonmap dd#u a:hover span div.first {background:#fcc; color:#333;}
 +
dl#cartoonmap dd#g a:hover span div.first {background:#ffa; color:#333;}
 +
dl#cartoonmap dd#p a:hover span div.first {background:#cfc; color:#333;}
 +
dl#cartoonmap dd#time a:hover span div.first {background:lightblue; color:#333;}
 +
 
 +
/* subsequent hover positions (change when link positions change) (-left,h-imgH) */
 +
dl#cartoonmap dd#ph a:hover{ background-position:-50px -253px; }
 +
dl#cartoonmap dd#at a:hover{ background-position:-185px -423px; }
 +
dl#cartoonmap dd#u a:hover{ background-position:-305px -423px; }
 +
dl#cartoonmap dd#g a:hover{ background-position:-405px -423px; }
 +
dl#cartoonmap dd#p a:hover{ background-position:-510px -423px; }
 +
dl#cartoonmap dd#time a:hover{ background-position:-620px -423px; }
 +
 
 +
/*
 +
link hover spans place everything at (180,10)
 +
put=new-old puttop=new-(imageheight-(bottom+height))
 +
*/
 +
dl#cartoonmap dd a:hover span{
 +
display:block;
 +
position:absolute;
 +
 
 +
width:700px;
 +
height:239px;
 +
 
 +
border-width:1px;
 +
border-style:solid;
 +
 
 +
color:black;
 +
background-color:white;
 +
}
 +
dl#cartoonmap dd a:hover span div.first{
 +
display:block;
 +
font-size:120%;
 +
font-weight:bold;
 +
padding:2px;
 +
text-align:center;
 +
border-bottom:1px dashed;
 +
}
 +
dl#cartoonmap dd a:hover span div.rest{
 +
font-size:12pt;
 +
font-face:Arial;
 +
margin-left:1em;
 +
}
 +
dl#cartoonmap dd#ph a:hover span{
 +
left:205px;
 +
top:-245px;
 +
}
 +
dl#cartoonmap dd#at a:hover span{
 +
left:70px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#u a:hover span{
 +
left:-50px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#g a:hover span{
 +
left:-150px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#p a:hover span{
 +
left:-255px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#time a:hover span{
 +
left:-365px;
 +
top:-415px;
 +
}
 +
 
 +
/* Others that don't fit into a pattern */
 +
dl#cartoonmap dd#banner span img{
 +
position:absolute;
 +
/*left:283px;*/
 +
right:10px;
 +
top:13px;
 +
width:700px;
 +
height:233px;
 +
 
 +
/* For preloading purposes only */
 +
background:url('picture') transparent no-repeat;
 +
background-position:-965px -965px;
 +
}
 +
 
 +
</style>
 +
<dl id="cartoonmap">
 +
<dt>Banner</dt>
 +
<dd id="banner">
 +
<span><img src="picture" width="700" alt="BacToKidney - Toward a better quality of life"></span>
 +
</dd>
 +
 
 +
<dt>one</dt>
 +
<dd id="ph"><a href="one" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">pH Sensor</div>
 +
<div class="rest">A sensor of proton concentration (pH). Activates in a high pH environment.</div></span>
 +
</a></dd>
 +
 
 +
<dt>two</dt>
 +
<dd id="at"><a href=".two" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Attachment</div>
 +
<div class="rest">Attachment to the small intestine.</div></span>
 +
</a></dd>
 +
 
 +
<dt>3</dt>
 +
<dd id="u"><a href="3" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Clearance of Urea</div>
 +
<div class="rest">A Urea clearance device.</div></span>
 +
</a></dd>
 +
 
 +
<dt>4</dt>
 +
<dd id="g"><a href="4" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Clearance of Guanidine</div>
 +
<div class="rest">The device managing the clearance of guanidino compounds.</div></span>
 +
</a></dd>
 +
 
 +
<dt>5</dt>
 +
<dd id="p"><a href="5" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Clearance of Phosphate</div>
 +
<div class="rest">A Phosphate clearance and balance device.</div></span>
 +
</a></dd>
 +
 
 +
<dt>6</dt>
 +
<dd id="time"><a href="6" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Time Regulation</div>
 +
<div class="rest">Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.</div></span>
 +
</a></dd>
 +
</dl>
</html>
</html>
 +
{{:Team:NYMU-Taipei/Links}}
-
<!-- *** End of the alert box *** -->
 
-
{|align="justify"
+
{| style="width:965px;border:1px solid gray;"
-
|Gaston Day School is a private, non-secetarian, college preparatory school in Gastonia, North Carolina. Our iGEM team is made up of approximately 8 students in grades 10-12.
+
-
|[[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> - ''blahhh''.
-
''We are planning to build a biological nitrate detector using the promotor isolated and characterized by Dr. Steven Lindow at UC Berkeley. In the presence of high nitrates, the promotor will induce production of red fluorescent protein.''
+
<br>'''blahhh:'''
-
|[[Image:Team.png|right|frame|Your team picture]]
+
blahhh
-
|-
+
<br>'''blahhh'''
-
|everyone on the team will really enjoy the learning experience!
+
* blahhh
-
|align="center"|[[Team:Gaston_Day_School | Team Example]]
+
* blahhh
-
|}
+
* blahhh
-
 
+
<br>'''blahhh:'''
-
<!--- The Mission, Experiments --->
+
* blahhh
 +
<br>'''blahhh:'''
 +
* blahhh
 +
** blahhh
 +
* blahhh
 +
** blahhh
 +
* blahhh
 +
** blahhh
 +
* blahhh
 +
** blahhh
 +
* blahhh
 +
** blahhh
 +
* blahhh
 +
** blahhh
 +
** blahhh
 +
*** blahhh
 +
*** blahhh
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
| style="vertical-align:top;" | {{:more}} <!-- Edit the News page for news please. -->
-
!align="center"|[[Team:Gaston_Day_School|Home]]
+
-
!align="center"|[[Team:Gaston_Day_School/Team|The Team]]
+
-
!align="center"|[[Team:Gaston_Day_School/Project|The Project]]
+
-
!align="center"|[[Team:Gaston_Day_School/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Gaston_Day_School/Modeling|Modeling]]
+
-
!align="center"|[[Team:Gaston_Day_School/Notebook|Notebook]]
+
|}
|}
-
(''Or you can choose different headings.  But you must have a team page, a project page, and a notebook page.'')
+
{{:Team:gds/Footer}}

Revision as of 04:20, 5 June 2009


Banner
one
pH Sensor
A sensor of proton concentration (pH). Activates in a high pH environment.
two
Attachment
Attachment to the small intestine.
3
Clearance of Urea
A Urea clearance device.
4
Clearance of Guanidine
The device managing the clearance of guanidino compounds.
5
Clearance of Phosphate
A Phosphate clearance and balance device.
6
Time Regulation
Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.



BacToKidney - blahhh.


blahhh: blahhh
blahhh

  • blahhh
  • blahhh
  • blahhh


blahhh:

  • blahhh


blahhh:

  • blahhh
    • blahhh
  • blahhh
    • blahhh
  • blahhh
    • blahhh
  • blahhh
    • blahhh
  • blahhh
    • blahhh
  • blahhh
    • blahhh
    • blahhh
      • blahhh
      • blahhh
More

Team:gds/Footer