Team:Calgary/Sandbox2

From 2011.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style>
<style>
-
body {margin:25px; font:12px Verdana, Arial, Helvetica}
 
-
* {padding:0; margin:0}
 
-
.dropdown {float:left; padding-right:5px}
 
-
.dropdown dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
 
-
.dropdown dt:hover {background:url(images/header_over.gif)}
 
-
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
 
-
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none}
 
-
.dropdown li {display:inline}
 
-
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
 
-
.dropdown a:hover {background:#d9e1e4; color:#000}
 
-
.dropdown .underline {border-bottom:1px solid #b9d6dc}
 
-
</style>
 
-
<script type="text/javascript">
 
-
var DDSPEED = 10;
 
-
 
-
var DDTIMER = 15;
 
-
 
-
 
-
// main function to handle the mouse events //
 
-
 
-
function ddMenu(id,d){
 
-
 
-
  var h = document.getElementById(id + '-ddheader');
 
-
 
-
  var c = document.getElementById(id + '-ddcontent');
 
-
 
-
  clearInterval(c.timer);
 
-
 
-
  if(d == 1){
 
-
 
-
    clearTimeout(h.timer);
 
-
 
-
    if(c.maxh && c.maxh <= c.offsetHeight){return}
 
-
 
-
    else if(!c.maxh){
 
-
 
-
      c.style.display = 'block';
 
-
 
-
      c.style.height = 'auto';
 
-
 
-
      c.maxh = c.offsetHeight;
 
-
 
-
      c.style.height = '0px';
 
-
 
-
    }
 
-
 
-
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
 
-
 
-
  }
 
-
  else{
 
-
 
-
    h.timer = setTimeout(function(){ddCollapse(c)},50);
 
-
 
-
  }
 
 +
table p, table h4{
 +
padding-left: 5px;
}
}
-
 
+
table a:hover{
-
 
+
        text-decoration: none;
-
// collapse the menu //
+
-
 
+
-
function ddCollapse(c){
+
-
 
+
-
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
+
-
 
+
}
}
 +
</style>
 +
</head>
 +
</html>
 +
{{Team:Calgary/Main_Header|team}}
 +
{{Team:Calgary/Team_Sidebar|
-
// cancel the collapse if a user rolls over the dropdown //
+
TITLE = About the University |
-
 
+
BODY =
-
function cancelHide(id){
+
<html>
-
 
+
      <table>
-
  var h = document.getElementById(id + '-ddheader');
+
        <tr>
-
 
+
        <td><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CalgarySkyline.jpg" width="600px"</td>
-
  var c = document.getElementById(id + '-ddcontent');
+
        </tr>
-
 
+
        <tr>
-
  clearTimeout(h.timer);
+
        <td>
-
 
+
          <span class="purple"><h2>About Calgary</h2></span>
-
  clearInterval(c.timer);
+
          <p>Calgary is the largest city in Alberta, and has a population of over 1 million. It was founded in 1875, when the RCMP erected Fort Calgary (then Fort Brisebois) to protect the western plains from whiskey traders. When the Canadian Pacific Railway reached the area in 1883, Calgary grew into an important commercial and agricultural center. Currently, Calgary's economy is dominated by the oil and gas industry, and major attractions include Canada Olympic Park (the site of the 1988 Winter Olympics), Calaway Park, the Lilac Festival, and the Calgary Stampede (an annual agricultural fair founded in 1905). Calgary is also situated near the Rocky Mountains, and plays host to a unique weather phenomenom called the chinook. Famous Calgarians include the young, incumbent mayor, Naheed Nenshi, who is the first Muslim to become mayor of a major Canadian city, as well as the current Prime Minister of Canada, Conservative leader Stephen Harper.</p>
-
 
+
        </td>
-
  if(c.offsetHeight < c.maxh){
+
        </tr>
-
 
+
      </table>
-
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
+
-
 
+
-
  }
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
// incrementally expand/contract the dropdown and change the opacity //
+
-
 
+
-
function ddSlide(c,d){
+
-
 
+
-
  var currh = c.offsetHeight;
+
-
 
+
-
  var dist;
+
-
 
+
-
  if (d == 1){
+
-
 
+
-
    dist = (Math.round((c.maxh - currh) / DDSPEED));
+
-
 
+
-
  }  else{
+
-
 
+
-
    dist = (Math.round(currh / DDSPEED));
+
-
 
+
-
  }
+
-
 
+
-
  if(dist <= 1 && d == 1){
+
-
 
+
-
    dist = 1;
+
-
 
+
-
  }
+
-
 
+
-
  c.style.height = currh + (dist * d) + 'px';
+
-
 
+
-
  c.style.opacity = currh / c.maxh;
+
-
 
+
-
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
+
-
 
+
-
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
+
-
 
+
-
    clearInterval(c.timer);
+
-
  }
+
-
 
+
-
}
+
-
</script>
+
-
 
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
      <table>
-
<dl class="dropdown">
+
        <tr>
-
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">Dropdown One</dt>
+
        <td>
-
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
+
          <span class="purple"><h2>The University of Calgary</h2></span>
-
    <ul>
+
          <p>The University of Calgary is ranked as one of Canada’s top comprehensive research institutions. Currently, more than 30,500 students are enrolled in 14 faculties in undergraduate, graduate and professional degree programs. The University contains more than 30 research institutions and centres, including the O’Brien Centre within which iGEM Calgary operates. The university is also the birthplace of many inventions including the neurochip, and has had 140,000 alumni since its founding in 1966. </p>
-
      <li><a href="#" class="underline">Navigation Item 1</a></li>
+
        </td>
-
      <li><a href="#" class="underline">Navigation Item 2</a></li>
+
        <td><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/UofCPhoto1.jpg"></img></td>
-
      <li><a href="#" class="underline">Navigation Item 3</a></li>
+
-
      <li><a href="#" class="underline">Navigation Item 4</a></li>
+
-
      <li><a href="#">Navigation Item 5</a></li>
+
-
    </ul>
+
-
  </dd>
+
-
</dl>
+
-
<dl class="dropdown">
+
        </tr>
-
  <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)">Dropdown Two</dt>
+
      </table>
-
  <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
+
<br/>
-
    <ul>
+
      <table>
-
      <li><a href="#" class="underline">Navigation Item 1</a></li>
+
        <tr>
-
      <li><a href="#" class="underline">Navigation Item 2</a></li>
+
        <td><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/th_ObrienStaircase.png?t=1283530137" ></img></td>
-
      <li><a href="#" class="underline">Navigation Item 3</a></li>
+
        <td>
-
      <li><a href="#" class="underline">Navigation Item 4</a></li>
+
          <span class="purple"><h2>The O'Brien Center for the Health Sciences</h2></span>
-
      <li><a href="#">Navigation Item 5</a></li>
+
          <p>The O' Brien Centre for the Health Sciences campus is located in the Foothills Hospital, near the University of Calgary. It is responsible for providing the iGEM team with lab space as well as funding. The O’Brien Centre was founded by David O’ Brien, who is a member of the Board of Directors at the U of C. The O’Brien Centre is the hub of top-notch interdisciplinary research and education. It funds approximately 9 million dollars a year for research. The 2011 iGEM team thanks the O’Brien Centre for the O’Brien Centre Summer Studentships, awarded to three of our members, as well as lab space, materials, and equipment for this year.</p>
-
    </ul>
+
        </td>
-
  </dd>
+
        </tr>
-
</dl>
+
-
<div style="clear:both" />
+
      </table>
-
+
-
</body>
+
</html>
</html>
 +
}}

Latest revision as of 21:54, 18 July 2011


About the University

About Calgary

Calgary is the largest city in Alberta, and has a population of over 1 million. It was founded in 1875, when the RCMP erected Fort Calgary (then Fort Brisebois) to protect the western plains from whiskey traders. When the Canadian Pacific Railway reached the area in 1883, Calgary grew into an important commercial and agricultural center. Currently, Calgary's economy is dominated by the oil and gas industry, and major attractions include Canada Olympic Park (the site of the 1988 Winter Olympics), Calaway Park, the Lilac Festival, and the Calgary Stampede (an annual agricultural fair founded in 1905). Calgary is also situated near the Rocky Mountains, and plays host to a unique weather phenomenom called the chinook. Famous Calgarians include the young, incumbent mayor, Naheed Nenshi, who is the first Muslim to become mayor of a major Canadian city, as well as the current Prime Minister of Canada, Conservative leader Stephen Harper.

The University of Calgary

The University of Calgary is ranked as one of Canada’s top comprehensive research institutions. Currently, more than 30,500 students are enrolled in 14 faculties in undergraduate, graduate and professional degree programs. The University contains more than 30 research institutions and centres, including the O’Brien Centre within which iGEM Calgary operates. The university is also the birthplace of many inventions including the neurochip, and has had 140,000 alumni since its founding in 1966.


The O'Brien Center for the Health Sciences

The O' Brien Centre for the Health Sciences campus is located in the Foothills Hospital, near the University of Calgary. It is responsible for providing the iGEM team with lab space as well as funding. The O’Brien Centre was founded by David O’ Brien, who is a member of the Board of Directors at the U of C. The O’Brien Centre is the hub of top-notch interdisciplinary research and education. It funds approximately 9 million dollars a year for research. The 2011 iGEM team thanks the O’Brien Centre for the O’Brien Centre Summer Studentships, awarded to three of our members, as well as lab space, materials, and equipment for this year.