Team:Dundee

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
+
   <head>
-
<script type="text/javascript">
+
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
-
   function clearHeader() {
+
    <link rel="stylesheet" href="https://2011.igem.org/Team:Dundee/global.css" />
-
    $('#p-logo').empty();
+
  </head>
-
    $('#top-section').css({
+
<body>
-
      backgroundImage: 'url(https://static.igem.org/mediawiki/2011/6/61/Igem.jpg)'
+
<div id="wrapper">
-
    });
+
<div id="header">
-
  }
+
<div id="nav">
-
 
+
<ul>
-
  $(document).ready(function() {
+
<li class="current"><a href="Home" alt="Home">HOME</a></li>
-
    clearHeader();
+
<li><a href="Team" alt="Team">TEAM</a></li>
-
  });
+
<li><a href="Project" alt="Project">PROJECT</a></li>
-
</script>
+
<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>
-
  <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Dundee/home.css?action=raw&amp;ctype=text/css" />
+
                        <li><a href="Safety" alt="Safety">SPONSORS</a></li>
-
  <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Dundee/common.css?action=raw&amp;ctype=text/css" />
+
</ul>
-
</head>
+
</div>
-
 
+
</div>
-
<div id="left">  
+
<div id="title">
-
<ul id="accmenu">  
+
<h1>UNIVERSITY OF DUNDEE</h1>
-
<li><a href="https://2011.igem.org/Team:Dundee" alt="Home Page">Home</a></li>
+
<h2>2011 iGem Team</h2>
-
                <li><a href="https://2011.igem.org/Team:Dundee/Team" alt="Team Members">Team</a></li>
+
<a href="http://twitter.com/#!/DundeeiGEMTeam"><img src="images/twitter.png" /></a>
-
                <li><a href="https://2011.igem.org/Team:Dundee/Project" alt="Project Description">Project</a></li>
+
<a href=""><img src="images/facebook.png" /></a>
-
                <li><a href="https://2011.igem.org/Team:Dundee/Notebook" alt="Notebook">Notebook</a></li>
+
</div> 
-
                <li><a href="https://2011.igem.org/Team:Dundee/Safety" alt="Safety">Safety</a></li>
+
            <div id = "rightSidebar">
-
</div>
+
            <h1>RECENT POSTS</h1>
-
 
+
            <ul>
-
<body class="twoColElsLt">
+
            <li> <a>Website Started</a></li>
-
 
+
            <li> <a>Project Brainstorm</a></li>
-
<div id="container">
+
            </ul>
-
  <div id="sidebar1">
+
            <hr>
-
 
+
            <h1>TWITTER BLOG</h1>
-
<div id="mainContent">
+
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<h1>Abstract </h1>
+
            <script type="text/javascript">
-
<p>Brief Abstract</p>
+
                $(document).ready(function () {
-
<a href="https://2011.igem.org/Team:Dundee/Project" alt="Link to Full Description">Link to Full Description</a>
+
                    // get the last tweet
-
<a href="https://2011.igem.org/Team:Dundee/global.css" alt="Link to Full Description">Link to Full Description</a>
+
                    var username = 'DundeeiGEMTeam';
-
 
+
                    var format = 'json';
-
<h1>Meet the Team</h1>
+
                    var url = 'http://api.twitter.com/1/statuses/user_timeline/' + username + '.' + format + '?callback=?'; // make the url
-
<p>Paragraph about the team</p>
+
                    $.getJSON(url, function (tweet) { // get the tweets
-
<a href="https://2011.igem.org/Team:Dundee/Team" alt="Link to more information about the team">About the Team</a>
+
                        $("#lasttweet").append('"' + tweet[0].text + '"'); // get the first tweet in the response and place it inside the div
-
 
+
                    });
-
<br class="clearfloat" />
+
                });
-
</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

UNIVERSITY OF DUNDEE

2011 iGem Team

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.

  1. Lorem ipsum dolor
  2. Lorem ipsum dolor
  3. 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.