Team:Harvard

From 2010.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<style>
-
This is a template page. READ THESE INSTRUCTIONS.
+
body {
-
</div>
+
font-family: Helvetica, Arial, sans-serif;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
width: 900px;
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
font-size: 0.9 em;
-
</div>
+
color: #254117;
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
}
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
#nav, #nav ul {
-
</div>
+
padding: 0;
-
</div>
+
list-style: none;
-
</html>
+
}
-
<!-- *** End of the alert box *** -->
+
#nav a {
 +
display: block;
 +
width: 153px;
 +
}
 +
#nav li {
 +
float: left;
 +
width: 153px;
 +
margin-right: 41px;
 +
}
 +
#nav li ul {
 +
position: absolute;
 +
width: 153px;
 +
left: -999em;
 +
}
-
{|align="justify"
+
#nav li:hover ul {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
left: auto;
-
|[[Image:Harvard_logo.png|200px|right|frame]]
+
      text-decoration: none;
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Harvard_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Harvard | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#nav li:hover ul, #nav li.sfhover ul {
-
!align="center"|[[Team:Harvard|Home]]
+
left: auto;
-
!align="center"|[[Team:Harvard/Team|Team]]
+
      text-decoration: none;
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=Harvard Official Team Profile]
+
}
-
!align="center"|[[Team:Harvard/Project|Project]]
+
 
-
!align="center"|[[Team:Harvard/Parts|Parts Submitted to the Registry]]
+
sfHover = function() {
-
!align="center"|[[Team:Harvard/Modeling|Modeling]]
+
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
-
!align="center"|[[Team:Harvard/Notebook|Notebook]]
+
for (var i=0; i<sfEls.length; i++) {
-
!align="center"|[[Team:Harvard/Safety|Safety]]
+
sfEls[i].onmouseover=function() {
-
|}
+
this.className+=" sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
}
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
 +
.bannerimage {
 +
margin-left: 3px;
 +
}
 +
 +
a {
 +
  text-decoration: none;
 +
  color: #7F5217;
 +
  }
 +
 
 +
a:hover {
 +
color: #A0C544;
 +
      text-decoration: none;
 +
}
 +
 +
a.bannerlinks:hover {
 +
  background-color: #A0C544;
 +
  color: white;
 +
  text-decoration: none;
 +
  }
 +
  a.bannertoplinks:hover {
 +
  background-color: #A0C544;
 +
  color: white;
 +
  text-decoration: none;
 +
  }
 +
 
 +
.bannerlinks {
 +
background-color: #7F5217;
 +
border-style: solid;
 +
border-color: white;
 +
border-width: 1px;
 +
color: white;
 +
padding: 3px 20px 3px 20px;
 +
}
 +
 
 +
.bannertoplinks {
 +
background-color: #827B60;
 +
border-style: solid;
 +
border-color: white;
 +
border-width: 1px;
 +
color: white;
 +
padding: 3px 20px 3px 20px;
 +
}
 +
 
 +
 
 +
#twitter_div {
 +
font-size: 0.8em;
 +
}
 +
 
 +
 +
#sidebar {
 +
width: 300px;
 +
float: right;
 +
margin-right: 6px;
 +
border-style: solid;
 +
border-color: white;
 +
border-width: 1px;
 +
padding: 0px;
 +
}
 +
 
 +
#abstract {
 +
width: 600px;
 +
border-style: solid;
 +
border-color: white;
 +
border-width: 1px;
 +
padding: 10px;
 +
line-height: 1.2em;
 +
 
 +
}
 +
 +
#twitter_div ul {
 +
line-height: 1.3em;
 +
text-indent: 3px;
 +
list-style-image: url('https://2010.igem.org/Image:Harvard2010leaficon.png');
 +
}
 +
 +
#rightgroup {
 +
float: right;
 +
width: 300px;
 +
padding: 10px;
 +
}
 +
 +
#leftgroup {
 +
width: 300px;
 +
padding: 10px;
 +
}
 +
 +
#maincontent {
 +
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="900px"><br />
 +
<ul id="nav">
 +
<li>
 +
<a class="bannertoplinks" href="index.html">home</a>
 +
</li>
 +
 +
<li><a class="bannertoplinks" href="#">project</a>
 +
<ul>
 +
<li><a class="bannerlinks" href="#">vectors</a></li>
 +
<li><a class="bannerlinks" href="allergy.html">allergy</a></li>
 +
<li><a class="bannerlinks" href="#">flavor</a></li>
 +
<li><a class="bannerlinks" href="#">genetic fence</a></li>
 +
<li><a class="bannerlinks" href="#">human practices</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="bannertoplinks" href="#">people</a>
 +
<ul>
 +
<li><a class="bannerlinks" href="#">students</a></li>
 +
<li><a class="bannerlinks" href="#">advisors</a></li>
 +
<li><a class="bannerlinks" href="#">sponsors</a></li>
 +
<li><a class="bannerlinks" href="#">gallery</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="bannertoplinks" href="#">online</a>
 +
<ul>
 +
<li><a class="bannerlinks" href="http://harvardigem.org">blog</a></li>
 +
<li><a class="bannerlinks" href="http://twitter.com/harvardigem">twitter</a></li>
 +
<li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010">openwetware</a></li>
 +
<li><a class="bannerlinks" href="http://www.facebook.com/pages/Cambridge-MA/Harvard-iGEM/269794024286?ref=ts">facebook</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="bannertoplinks" href="mailto:igemharvard@gmail.com">contact us</a>
 +
</li>
 +
</ul>
 +
<br /><br />
 +
<div id="sidebar">
 +
<img src="https://static.igem.org/mediawiki/2010/9/9e/Harvard2010teamphoto.jpg" width="300px">
 +
<div id="twitter_div">
 +
<h2 class="sidebar-title">team updates</h2>
 +
<ul id="twitter_update_list"></ul>
 +
<a href="http://twitter.com/harvardigem" id="twitter-link" style="display:block; margin-left: 10px;">follow us on twitter</a>
 +
</div>
 +
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
 +
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/harvardigem.json?callback=twitterCallback2&amp;count=5"></script>
 +
</div>
 +
 
 +
<div id="maincontent">
 +
<div id="abstract">
 +
<h1>abstract</h1>
 +
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 +
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
 +
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
 +
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
 +
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
 +
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
 +
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
 +
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
 +
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
 +
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
 +
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
 +
<hr />
 +
</div>
 +
 
 +
<div id="rightgroup">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2010/c/c3/Harvard2010allergyheading.jpg"></a>
 +
<p>knocking down allergen molecules in common garden plants</p><br /><br />
 +
<img src="https://static.igem.org/mediawiki/2010/4/43/Harvard2010fenceheading.jpg">
 +
<p>designing safety mechanisms for genetically modified gardening</p>
 +
</div>
 +
<div id="leftgroup">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2010/d/d1/Harvard2010vectorheading.jpg">
 +
<p>designing biobrick vectors for the genetic engineering of plants</p><br /><br />
 +
<img src="https://static.igem.org/mediawiki/2010/c/c6/Harvard2010flavorheading.jpg">
 +
<p>reshuffling flavor molecules in edible plants</p>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 17:34, 25 June 2010




abstract

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

knocking down allergen molecules in common garden plants



designing safety mechanisms for genetically modified gardening

designing biobrick vectors for the genetic engineering of plants



reshuffling flavor molecules in edible plants

Retrieved from "http://2010.igem.org/Team:Harvard"