Team:UCSF/Safety

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 *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml">  
-
<html>
+
<head>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<title>Untitled Document</title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<style type="text/css">
-
</div>
+
body {
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
border-top: 10px solid #7f0708;
-
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="http://2008.igem.org/Help:Template/Examples">HERE</a>.
+
margin: 0; padding: 0;
-
</div>
+
background: #f0f0f0 url(body_bg.jpg);
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
-
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.   
+
color: #444;
-
</div>
+
}
-
</div>
+
.container {width: 980px; margin: 0 auto; overflow: hidden; background: url(container_stretch.gif); font-size: 1.2em; position: relative;}
 +
#sidenav {
 +
width: 300px;
 +
position: fixed;
 +
float: left;
 +
}
 +
*html #sidenav {
 +
position: absolute;  
 +
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 +
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 +
}
 +
#sidenav h2 {
 +
text-indent: -99999px;
 +
height: 41px;
 +
padding: 0; margin: 15px 0 5px;
 +
background-position: 20px top;
 +
}
 +
h2.categories {background: url(h2_categories.gif) no-repeat ;}
 +
h2.sites {background: url(h2_othersites.gif) no-repeat ;}
 +
#sidenav ul {
 +
margin: 0; padding: 0 20px 30px 20px;
 +
list-style: none;
 +
background: url(sidenav_hr.gif) no-repeat right bottom;
 +
}
 +
#sidenav ul li{
 +
margin: 0; padding:  0;
 +
display: inline;
 +
}
 +
#sidenav ul li a{
 +
display: block;
 +
margin: 0; padding:  5px 0 5px 15px;
 +
background: url(sidenav_arrow.gif) no-repeat left center;
 +
text-decoration: none;
 +
color: #333;
 +
}
 +
#sidenav ul li a:hover {
 +
color: #999;
 +
}
 +
 +
 +
 +
#content {
 +
float: right;
 +
width: 640px;
 +
padding: 0 20px 20px;
 +
}
 +
#content h1 {
 +
background: url(h1_home.gif) no-repeat center top;
 +
text-indent: -9999px;
 +
height: 145px;
 +
margin: 0 0 0 -20px; padding: 0;
 +
}
 +
#content h2 {
 +
color: #7f0708;
 +
margin: 10px 0;  padding: 10px 0;
 +
font-size: 2em;
 +
font-weight: normal;
 +
}
 +
#content p {
 +
line-height: 1.8em;
 +
padding: 7px 0;
 +
margin: 7px 0;
 +
}
 +
</style>  
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>  
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 +
function staticNav() {
 +
var sidenavHeight = $("#sidenav").height();
 +
var winHeight = $(window).height();
 +
var browserIE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
 +
 +
if (browserIE6) {
 +
$("#sidenav").css({'position' : 'absolute'});
 +
} else {
 +
$("#sidenav").css({'position' : 'fixed'});
 +
}
 +
 +
if (sidenavHeight > winHeight) {
 +
$("#sidenav").css({'position' : 'static'});
 +
}
 +
}
 +
 +
staticNav();
 +
 +
$(window).resize(function () { //Each time the viewport is adjusted/resized, execute the function
 +
staticNav();
 +
});
 +
 +
});
 +
</script>
 +
</head>
 +
 +
<body>
 +
 +
<div class="container">
 +
<div id="sidenav">
 +
    <img src="logo.gif" alt="" />
 +
        <h2 class="categories">Categories</h2>
 +
        <ul>
 +
        <li><a href="#">Business/Freelance</a></li>
 +
            <li><a href="#">Design Inspiration</a></li>
 +
            <li><a href="#">Design Resources</a></li>
 +
            <li><a href="#">Designer Interviews</a></li>
 +
        </ul>
 +
        <h2 class="sites">Other Sites</h2>
 +
        <ul>
 +
        <li><a href="#">Vandelay Design</a></li>
 +
            <li><a href="#">CartFrenzy</a></li>
 +
            <li><a href="#">Minimal Exhibit</a></li>
 +
            <li><a href="#">Folio Focus</a></li>
 +
            <li><a href="#">Blog Design Heroes</a></li>
 +
            <li><a href="#">TypeInspire</a></li>
 +
        </ul>
 +
    </div>  
 +
 +
    <div id="content">
 +
    <h1>Articles &amp; Resources for Web Designers</h1>
 +
       
 +
<h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />  
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>  
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
       
 +
        <h2>Opto tego, distineo luptatum</h2>
 +
        <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
       
 +
        <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
       
 +
        <img src="blogimg.gif" alt="Blog Image Goes Here" />
 +
   
 +
    </div>  
 +
</div>
 +
 +
</body>  
</html>
</html>
-
 
-
<!-- *** End of the alert box *** -->
 
-
 
-
 
-
 
-
{|align="justify"
 
-
|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.
 
-
|[[Image:UCSF_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:UCSF_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:UCSF | Team Example]]
 
-
|}
 
-
 
-
<!--- The Mission, Experiments --->
 
-
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:UCSF|Home]]
 
-
!align="center"|[[Team:UCSF/Team|Team]]
 
-
!align="center"|[http://igem.org/Team.cgi?year=2010&team_name=UCSF Official Team Profile]
 
-
!align="center"|[[Team:UCSF/Project|Project]]
 
-
!align="center"|[[Team:UCSF/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:UCSF/Modeling|Modeling]]
 
-
!align="center"|[[Team:UCSF/Notebook|Notebook]]
 
-
!align="center"|[[Team:UCSF/Safety|Safety]]
 
-
|}
 
-
 
-
 
-
==Safety==
 
-
 
-
Please use this page to answer the safety questions posed on the [[Safety | safety page]].
 

Revision as of 00:09, 31 August 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Untitled Document

Articles & Resources for Web Designers

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here

Opto tego, distineo luptatum

Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero.

Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel.

Blog Image Goes Here