Team:Dundee
From 2011.igem.org
(Difference between revisions)
Rachmontague (Talk | contribs) |
Rachmontague (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | <! | + | <!DOCTYPE html> |
- | + | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> | |
- | + | <link rel="stylesheet" href="style.css" /> | |
- | + | </head> | |
- | + | <body> | |
- | + | <div id="pages"> | |
- | <body> | + | <nav id="access" role="navigation"> |
- | + | <div id="navi"> | |
- | + | <ul> | |
- | + | <li class="current"><a href="Home" alt="Home">HOME</a></li> | |
- | + | <li><a href="Team" alt="Team">TEAM</a></li> | |
- | + | <li><a href="Project" alt="Project">PROJECT</a></li> | |
- | <li><a href=" | + | <li><a href="Modeling" alt="Modeling">MODELLING</a></li> |
- | <li><a href=" | + | <li><a href="Notebook" alt="Notebook">NOTEBOOK</a></li> |
- | <li><a href=" | + | <li><a href="Safety" alt="Safety">SAFETY</a></li> |
- | <li><a href=" | + | <li><a href="Safety" alt="Safety">SPONSORS</a></li> |
- | <li><a href=" | + | </ul> |
- | <li><a href=" | + | </div><!-- #primary-nav --> |
- | + | </nav><!-- #access --> | |
- | + | </div> | |
- | + | <div id="largeImage"> | |
- | + | <div class = "text1"> | |
- | + | <img src="images/DundeeOverBridge.jpg"/> | |
- | + | <h2><span>Home</span></h2> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div id="project"> | |
- | + | <div id="title"> | |
- | + | <h1>UNIVERSITY OF DUNDEE</h1> | |
+ | <h2>2011 iGem Team</h2> | ||
+ | <a href="http://twitter.com/#!/DundeeiGEMTeam"><img src="images/twitter.png" /></a> | ||
+ | <a href=""><img src="images/facebook.png" /></a> | ||
+ | </div> | ||
+ | <div id = "largeContent"> | ||
+ | <h1>BRIEF PROJECT DESCRIPTION</h1> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac. </p> | ||
+ | <ol> | ||
+ | <li>Lorem ipsum dolor</li> | ||
+ | <li>Lorem ipsum dolor</li> | ||
+ | <li>Lorem ipsum dolor</li> | ||
+ | </ol> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac. </p> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac. </p> | ||
+ | </div> | ||
+ | <div id = "rightContent"> | ||
+ | <h1>RECENT POSTS</h1> | ||
<ul> | <ul> | ||
<li> <a>Website Started</a></li> | <li> <a>Website Started</a></li> | ||
Line 37: | Line 53: | ||
<hr> | <hr> | ||
<h1>TWITTER BLOG</h1> | <h1>TWITTER BLOG</h1> | ||
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function () { | $(document).ready(function () { | ||
Line 45: | Line 61: | ||
var url = 'http://api.twitter.com/1/statuses/user_timeline/' + username + '.' + format + '?callback=?'; // make the url | var url = 'http://api.twitter.com/1/statuses/user_timeline/' + username + '.' + format + '?callback=?'; // make the url | ||
$.getJSON(url, function (tweet) { // get the tweets | $.getJSON(url, function (tweet) { // get the tweets | ||
- | $("#lasttweet").append('"' + tweet[0].text + '"'); // get the first tweet in the response and place it inside the div | + | $("#lasttweet").append('" ' + tweet[0].text + ' "'); // get the first tweet in the response and place it inside the div |
}); | }); | ||
}); | }); | ||
Line 63: | Line 79: | ||
<div id="lasttweet"></div> | <div id="lasttweet"></div> | ||
<div id = "tweetDate"></div> | <div id = "tweetDate"></div> | ||
- | + | </div> | |
- | + | </div> | |
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </html> | + |
Revision as of 10:28, 22 June 2011
<!DOCTYPE html>
Home
BRIEF PROJECT DESCRIPTION
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.
- Lorem ipsum dolor
- Lorem ipsum dolor
- Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec enim ipsum. Aliquam erat volutpat. Phasellus feugiat congue vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.