|
|
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> |
- |
| |
- | ---------- -->
| |
- | <cfheader name="X-XSS-Protection" value="0">
| |
- | <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>
| |