Team:Harvard/human practices/history

From 2010.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{HarvardFancybox}}
-
<head>
+
{{harvard_hp}}
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
-
          <script type="text/javascript">
+
-
            $(document).ready(function() {
+
-
    /* This is basic - uses default settings */
 
-
 
 
-
    $("a#single_image").fancybox();
 
-
 
 
-
    /* Using custom settings */
 
-
 
 
-
    $("a#inline").fancybox({
 
-
        'hideOnContentClick': true
 
-
    });
 
-
    /* Apply fancybox to multiple items */
+
<html>
-
 
+
<style>
-
    $("a.group").fancybox({
+
-
        'transitionIn'    :    'elastic',
+
-
        'transitionOut'    :    'elastic',
+
-
        'speedIn'        :    600,
+
-
        'speedOut'        :    200,
+
-
        'overlayShow'    :    false,
+
-
    });
+
-
});
+
-
  </script>  
+
-
 
+
-
        <script type="text/javascript" src="https://static.igem.org/mediawiki/2010/5/5d/jquery.fancybox-1.3.1.pack.txt"></script>
+
-
        <link rel="stylesheet" href="https://static.igem.org/mediawiki/2010/5/5d/Style.txt" type="text/css" media="screen" /> 
+
-
          <script type="text/javascript">
+
-
            $(document).ready(function() {
+
-
 
+
-
    /* This is basic - uses default settings */
+
-
 
+
-
    $("a#single_image").fancybox();
+
-
 
+
-
    /* Using custom settings */
+
-
 
+
-
    $("a#inline").fancybox({
+
-
        'hideOnContentClick': true
+
-
    });
+
-
 
+
-
    /* Apply fancybox to multiple items */
+
-
 
+
-
    $("a.group").fancybox({
+
-
        'transitionIn'    :    'elastic',
+
-
        'transitionOut'    :    'elastic',
+
-
        'speedIn'        :    600,
+
-
        'speedOut'        :    200,
+
-
        'overlayShow'    :    false,
+
-
    });
+
-
 
+
-
});
+
-
 
+
-
   
+
-
  </script> 
+
-
<style>
+
-
body {
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
width: 975px;
+
-
font-size: 0.9 em;
+
-
color: #254117;
+
-
}
+
-
#nav, #nav ul {
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
 
+
-
#nav a {
+
-
display: block;
+
-
width: 153px;
+
-
}
+
-
 
+
-
#nav li {
+
-
float: left;
+
-
width: 153px;
+
-
margin-right: 41px;
+
-
}
+
-
 
+
-
#nav li ul {
+
-
position: absolute;
+
-
width: 153px;
+
-
left: -999em;
+
-
}
+
-
 
+
-
#nav li:hover ul {
+
-
left: auto;
+
-
 
+
-
}
+
-
 
+
-
#nav li:hover ul, #nav li.sfhover ul {
+
-
left: auto;
+
-
}
+
-
 
+
-
sfHover = function() {
+
-
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
+
-
for (var i=0; i<sfEls.length; i++) {
+
-
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;
+
-
}
+
-
+
-
a.bannerlinks:hover {
+
-
  background-color: #A0C544;
+
-
  color: white;
+
-
  }
+
-
  a.bannertoplinks:hover {
+
-
  background-color: #A0C544;
+
-
  color: white;
+
-
  }
+
-
 
+
-
.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;
+
-
}
+
-
+
-
 
+
-
#sidebar {
+
-
width: 300px;
+
-
float: right;
+
-
margin-right: 6px;
+
-
border-style: solid;
+
-
border-color: white;
+
-
border-width: 1px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
#abstract {
+
-
width: 620px;
+
-
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('images/leaficon.png');
+
-
}
+
-
+
-
#rightgroup {
+
-
float: right;
+
-
width: 310px;
+
-
padding: 10px;
+
-
}
+
-
+
-
#leftgroup {
+
-
width: 310px;
+
-
padding: 10px;
+
-
}
+
-
+
-
a.sidebarlinks {
+
-
display: block;
+
-
width: 300px;
+
-
font-size: 1.2em;
+
-
text-align: center;
+
-
background-color: #827B60;
+
-
color: white;
+
-
padding: 10px 0px 10px 0px;
+
-
margin-bottom: 5px;
+
-
}
+
-
+
-
a.sidebarlinks:hover {
+
-
background-color: #A0C544;
+
-
}
+
-
+
td
td
{
{
Line 225: Line 31:
   border-spacing: 0px;
   border-spacing: 0px;
}
}
-
 
-
 
</style>
</style>
-
</head>
 
-
<body>
 
-
<img class="bannerimage" src="../images/harvard2010igardenbanner.png" width="970px"><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="../transformation/index.html">transformation</a></li>
 
-
<li><a class="bannerlinks" href="../allergy.html">allergy</a></li>
 
-
<li><a class="bannerlinks" href="../flavor/index.html">flavor</a></li>
 
-
<li><a class="bannerlinks" href="../fence/index.html">genetic fence</a></li>
 
-
<li><a class="bannerlinks" href="index.html">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>
 
-
 
-
<div id="sidebar">
 
-
<img src="../images/harvard2010arabidopsis.jpg" width="300px"><br /><br />
 
-
<a class="sidebarlinks" href="history">history</a>
 
-
<a class="sidebarlinks" href="debate">the debate</a>
 
-
<a class="sidebarlinks" href="case_study">case study: monsato</a>
 
-
<a class="sidebarlinks" href="perception">public perception</a>
 
-
<a class="sidebarlinks" href="safety">safety</a>
 
-
<a class="sidebarlinks" href="vision">our vision</a>
 
-
<a class="sidebarlinks" href="references">references</a>
 
-
</div>
 
<div id="abstract">
<div id="abstract">
Line 284: Line 37:
<table>
<table>
-
<tr><td class="timeline">1973</td><td><a href="https://2010.igem.org/Image:Timeline1.png" id="single_image">Creation of the world's first recombinant DNA organism</a></td></tr>
+
<tr><td class="timeline">1973</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/0/09/Timeline1.png" id="single_image">Creation of the world's first recombinant DNA organism</a></td></tr>
-
<tr><td class="timeline">1974</td><td><a href="../images/timeline2.png" id="single_image">Creation of the world's first transgenic animal</a></td></tr>
+
<tr><td class="timeline">1974</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/3/32/Timeline2.png" id="single_image">Creation of the world's first transgenic animal</a></td></tr>
-
<tr><td class="timeline">1978</td><td><a href="../images/timeline3.png" id="single_image">Production of genetically engineered human insulin</a></td></tr>
+
<tr><td class="timeline">1978</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/3/3c/Timeline3.png" id="single_image">Production of genetically engineered human insulin</a></td></tr>
-
<tr><td class="timeline">1980</td><td><a href="../images/timeline4.png" id="single_image">Diamond v. Chakrabarty</a></td></tr>
+
<tr><td class="timeline">1980</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/ff/Timeline4.png" id="single_image">Diamond v. Chakrabarty</a></td></tr>
-
<tr><td class="timeline">1982</td><td><a href="../images/timeline5.png" id="single_image">FDA approves the use of genetically engineered insulin</a></td></tr>
+
<tr><td class="timeline">1982</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/d/de/Timeline5.png" id="single_image">FDA approves the use of genetically engineered insulin</a></td></tr>
-
<tr><td class="timeline">1983</td><td><a href="../images/timeline6.png" id="single_image">First transgenic plant produced</a></td></tr>
+
<tr><td class="timeline">1983</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/f9/Timeline6.png" id="single_image">First transgenic plant produced</a></td></tr>
-
<tr><td class="timeline">1994</td><td><a href="../images/timeline7.png" id="single_image">First genetically engineered food approved by the FDA</a></td></tr>
+
<tr><td class="timeline">1994</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/1/10/Timeline7.png" id="single_image">First genetically engineered food approved by the FDA</a></td></tr>
-
<tr><td class="timeline">1996</td><td><a href="../images/timeline8.png" id="single_image">First genetically engineered food approved by the EU</a></td></tr>
+
<tr><td class="timeline">1996</td><td><a class="timelinelinks" href="https://static.igem.org/mediawiki/2010/f/f8/Timeline8.png" id="single_image">First genetically engineered food approved by the EU</a></td></tr>
</table>
</table>
Line 297: Line 50:
</div>
</div>
-
</body>
+
 
</html>
</html>

Latest revision as of 00:09, 29 July 2010