Team:Dundee
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> | |
- | + | <link rel="stylesheet" href="https://2011.igem.org/Team:Dundee/global.css" /> | |
- | + | </head> | |
- | + | <body> | |
- | + | <div id="wrapper"> | |
- | + | <div id="header"> | |
- | + | <div id="nav"> | |
- | + | <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="Modeling" alt="Modeling">MODELLING</a></li> | |
- | + | <li><a href="Notebook" alt="Notebook">NOTEBOOK</a></li> | |
- | <head> | + | <li><a href="Safety" alt="Safety">SAFETY</a></li> |
- | + | <li><a href="Safety" alt="Safety">SPONSORS</a></li> | |
- | + | </ul> | |
- | </head> | + | </div> |
- | + | </div> | |
- | <div id=" | + | <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 = "rightSidebar"> | |
- | </div> | + | <h1>RECENT POSTS</h1> |
- | + | <ul> | |
- | < | + | <li> <a>Website Started</a></li> |
- | + | <li> <a>Project Brainstorm</a></li> | |
- | < | + | </ul> |
- | + | <hr> | |
- | + | <h1>TWITTER BLOG</h1> | |
- | <div id=" | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
- | <h1> | + | <script type="text/javascript"> |
- | < | + | $(document).ready(function () { |
- | <a | + | // get the last tweet |
- | < | + | var username = 'DundeeiGEMTeam'; |
- | + | var format = 'json'; | |
- | <h1> | + | var url = 'http://api.twitter.com/1/statuses/user_timeline/' + username + '.' + format + '?callback=?'; // make the url |
- | <p> | + | $.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 |
- | + | }); | |
- | < | + | }); |
- | </body> | + | </script> |
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function () { | ||
+ | // get the last tweet | ||
+ | var username = 'DundeeiGEMTeam'; | ||
+ | var format = 'json'; | ||
+ | var url = 'http://api.twitter.com/1/statuses/user_timeline/' + username + '.' + format + '?callback=?'; // make the url | ||
+ | $.getJSON(url, function (tweet) { // get the tweets | ||
+ | $("#tweetDate").append(tweet[0].created_at); // get the first tweet in the response and place it inside the div | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <div id="lasttweet"></div> | ||
+ | <div id = "tweetDate"></div> | ||
+ | </div> | ||
+ | <div id="project"> | ||
+ | <div id="projectLeft"> | ||
+ | <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="projectRight"> | ||
+ | <img src="images/synthetic-biology.jpg" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:07, 27 May 2011
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.