Team:Gaston Day School

From 2009.igem.org

(Difference between revisions)
Line 462: Line 462:
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
</body>
</body>
-
</html>
+
 
 +
 
 +
function haxbackground(){
 +
document.getElementById('cartoonmap').style.backgroundImage='url(https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png)';
 +
}
 +
function unhaxbackground(){
 +
document.getElementById('cartoonmap').style.backgroundImage="url('https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png')";
 +
}
 +
</script>
 +
<style>
 +
dl#cartoonmap{
 +
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:310px; height:270px; z-index:200;}
 +
dl#cartoonmap dd#at a{ left:360px; bottom:85px; width:305px; height:270px; z-index:200;}
 +
dl#cartoonmap dd#u a{ left:665px; bottom:85px; width:300px; height:270px; z-index:200;}
 +
 
 +
/* 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:-50px -253px; }
 +
dl#cartoonmap dd#u a:hover{ background-position:-50px -253px; }
 +
 
 +
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:-50px;
 +
top:-245px;
 +
}
 +
dl#cartoonmap dd#at a:hover span{
 +
left:-200px;
 +
top:-245px;
 +
}
 +
dl#cartoonmap dd#u a:hover span{
 +
left:-400px;
 +
top:-245px;
 +
}
 +
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;
 +
 +
 
 +
/* For preloading purposes only */
 +
background:url('picture') transparent no-repeat;
 +
background-position:-965px -965px;
 +
 
{|
{|
|-valign="top" border="0"
|-valign="top" border="0"
|width="650px" style="padding: 0 20px 0 0;"|
|width="650px" style="padding: 0 20px 0 0;"|
 +
<dt>one</dt>
 +
<dd id="ph"><a href="one" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Placement</div>
 +
<div class="rest">The compound is placed in the water to detect the presence of nitrates.</div></span>
 +
</a></dd>
 +
 +
<dt>two</dt>
 +
<dd id="at"><a href=".two" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Contact</div>
 +
<div class="rest">The sensor is makes contact with the nitrate.</div></span>
 +
</a></dd>
 +
 +
<dt>3</dt>
 +
<dd id="u"><a href="3" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Reaction</div>
 +
<div class="rest">When the sensor comes into contact with the nitrate it glows red to singal the nitrate's presence.</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>
 +
{{:Team:gds}}
 +
 +
 +
 +
 +
{| style="width:965px;border:1px solid gray;"
 +
|-
 +
| style="vertical-align:top;width:50%;border-right:1px solid gray;" |  <font size="5.5"><b>''GDS Spartans''.</b></font><br>
 +
== '''Team Participants''' ==
 +
 +
* Sheran Hussain (THE founder-meister)
 +
* Brian Elgort (THE )
 +
* Alex Hall (THE bodyguard-meister)
 +
* Ryan Kane (THE quail-meister)
 +
* Lauren Toole (THE Toole-meister)
 +
* Rosemary Dunning (THE )
 +
* Ivana Chan (THE )
 +
* William Farmer (THE kayak-meister)
 +
* Will Rudisil (THE mad scientist-meister)
 +
* Daniel Thompson (THE )
 +
* Amir Feinberg (THE )
 +
<br>
 +
== '''Advisors''' ==
 +
 +
* Ms. Anne Byford
 +
* Dr. Ghulam Hussain
 +
* Dr. Alan Hartley
 +
<br>
 +
== '''Who We Are:''' ==
 +
 +
We are a select group of dedicated students from Gaston Day. We have high school sophmores, juniors, and seniors on our team. This is the inaugural year of iGems at Gaston Day, and Gaston Day hosts the only high school team competing this year in the Western Hemisphere.
 +
Gaston Day School is a small, private school in the town of Gastonia, North Carolina. It was established in 1967. With recent expansions our school now hosts upwards of 550 students, ranging from pre-kindergarten to 12th grade.
 +
 +
| style="vertical-align:top;" | {{:more}} <!-- Edit the News page for news please. -->
 +
|}
 +
{{:Team:gds/Footer}}

Revision as of 00:29, 20 June 2009

function haxbackground(){ document.getElementById('cartoonmap').style.backgroundImage='url(https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png)'; } function unhaxbackground(){ document.getElementById('cartoonmap').style.backgroundImage="url('https://static.igem.org/mediawiki/2009/0/0a/Wow_12.png')"; }