Team:Alberta

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!--<html>
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
Line 48: Line 48:
<html><a class="twitter-timeline" href="https://twitter.com/iGEMAlberta" data-widget-id="368908364702437377">Tweets by @iGEMAlberta</a>
<html><a class="twitter-timeline" href="https://twitter.com/iGEMAlberta" data-widget-id="368908364702437377">Tweets by @iGEMAlberta</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></html>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></html>
 +
 +
---------- -->
 +
<html>
 +
  <head>
 +
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
 +
  <style type="text/css">
 +
    .titlebar {
 +
      height:130px;
 +
      width:100%;
 +
    }
 +
    .bin {
 +
      background:url('/wiki/images/thumb/2/26/Background.png/541px-Background.png');
 +
      height:100%;
 +
    }
 +
    .nav-icon {
 +
      background-image:url('https://static.igem.org/mediawiki/2013/6/69/Nav-icon.png');
 +
      display:inline-block;
 +
      position:fixed;
 +
      width:23px;
 +
      height:37px;
 +
      margin-top:-17px;
 +
      margin-left:-20px;
 +
    }
 +
    .block {
 +
      background-color:white;
 +
      border:1px grey solid;
 +
      padding:10px;
 +
      margin:10px;
 +
      border-radius:5px;
 +
      box-shadow: 0px 0px 30px #444444;
 +
    }
 +
    .titlebar h3, h4 {
 +
      text-align:center;
 +
    }
 +
    .opaque {
 +
      background-color:white;
 +
      width:975px;
 +
      margin: 0 auto;
 +
    }
 +
    .sidebar {
 +
      float:left;
 +
      padding: 15px 0px 0px 40px;
 +
    }
 +
    .main {
 +
      position:relative;
 +
      float:right;
 +
      width:720px;
 +
    }
 +
    .clear {
 +
      clear:both;
 +
    }
 +
    .ualberta-logo {
 +
      padding: 10px;
 +
      position:fixed;
 +
      left:50%
 +
      margin-left:-250px;
 +
      width:180px;
 +
    }
 +
    .igem-logo {
 +
      position:relative;
 +
      left:50%;
 +
      margin-left:250px;
 +
      margin-top:-100px;
 +
      width: 150px;
 +
    }
 +
    .igem-bar {
 +
      postion:fixed;
 +
      height:40px;
 +
    }
 +
  </style>
 +
  </head>
 +
  <body>
 +
    <div class="bin">
 +
      <div class="navbar navbar-fixed-top navbar-absolute opaque">
 +
        <div class="titlebar">
 +
          <a href="#"><img src="/wiki/images/b/b3/Ualberta-logo.png" class="ualberta-logo"></img></a>
 +
          <h3>The Littlest Mapmaker</h1>
 +
          <h4>"Exploration into the world of <a href="#">DNA Computing</a>"<br/>
 +
            Team Alberta: University of Alberta</h4>
 +
          <a href="#"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png" class="igem-logo"></img></a>
 +
        </div>
 +
        <div class="navbar-inner" >
 +
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </a>
 +
          <div class="nav-collapse collapse">
 +
          <ul class="nav">
 +
            <li class="active"><a  href="home.html" style="margin-left:5px;"><i class="nav-icon"></i> Home</a></li>
 +
            <li class="dropdown">
 +
              <a id="project" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Project <b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="project">
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="methodology.html">Methodology</a></li>
 +
                <li><a href="#">Applications</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a id="notebook" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook <b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="notebook">
 +
                <li><a href="#">Timeline</a></li>
 +
                <li><a href="#">Results</a></li>
 +
                <li><a href="#">BioBricks</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a id="team" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Team <b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="team">
 +
                <li><a href="#">Roster</a></li>
 +
                <li><a href="#">Sponsers</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a id="humanpractices" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices <b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="humanpractices">
 +
                <li><a href="#">Safety</a></li>
 +
                <li><a href="#">Community</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
          <a href="#" class="pull-right"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png" class="igem-bar"></img></a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
 +
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 +
For visitors: this site is currently under construction. Please contact our Student Liason, Dawson at daocun@ualberta.ca, for more information on our current project and how to support us!
 +
</div>
 +
</div>
 +
      <div class="sidebar">
 +
          <a href="#">
 +
          <img id="saying" href="#" data-toggle="popover"
 +
          data-placement="right"
 +
          data-content="Welcome to the Team Alberta Wiki"
 +
          data-trigger="hover focus" data-container="body" src="/wiki/images/7/7d/SideChar.png"
 +
          ></img>
 +
          </a>
 +
      </div>
 +
      <div class="main">
 +
      <div class="block">
 +
        <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"></img>
 +
      </div>
 +
      <div class="block">
 +
      <p>
 +
        Project abstract here - stating the nature of the project as simply and
 +
        succinctly as possible. Lorem ipsum dolor sit amet, consectetuer
 +
        adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
 +
        sociis natoque penatibus et magnis dis parturient montes, nascetur
 +
        ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
 +
        quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
 +
        vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
 +
        imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis
 +
        pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
 +
      </p>
 +
      </div>
 +
      <div class="block">
 +
      <p>
 +
        Twitter Feed Widget - @iGEMAlberta
 +
      </p>
 +
      </div>
 +
      <div class="block">
 +
      <p>
 +
        Project abstract here - stating the nature of the project as simply and
 +
        succinctly as possible. Lorem ipsum dolor sit amet, consectetuer
 +
        adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
 +
        sociis natoque penatibus et magnis dis parturient montes, nascetur
 +
        ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
 +
        quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
 +
        vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
 +
        imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis
 +
        pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
 +
      </p>
 +
      </div>
 +
      </div>
 +
      <div class="clear"></div>
 +
    </div>
 +
   
 +
 +
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
 +
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
 +
    <script>$(function (){ $("#saying").popover({html:true, delay: {hide:1000}});});</script>
 +
  </body>
 +
</html>

Revision as of 21:16, 28 August 2013

The Littlest Mapmaker

"Exploration into the world of DNA Computing"
Team Alberta: University of Alberta

For visitors: this site is currently under construction. Please contact our Student Liason, Dawson at daocun@ualberta.ca, for more information on our current project and how to support us!

Project abstract here - stating the nature of the project as simply and succinctly as possible. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Twitter Feed Widget - @iGEMAlberta

Project abstract here - stating the nature of the project as simply and succinctly as possible. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Retrieved from "http://2013.igem.org/Team:Alberta"