Team:UCSF/Materials1

From 2013.igem.org

(Difference between revisions)
(Created page with "{{Template:UCSF/MainHeader}} <html> <head> <!--CSS styles: global--> <style type="text/css"> /*** Minimal header: Thanks a lot to 2012 Calgary team for snippets of their code! C...")
 
(16 intermediate revisions not shown)
Line 130: Line 130:
}
}
-
#textlink a:link,
+
a:link{
-
a:visited{
+
font-family: Calibri, Sans-Serif;
font-family: Calibri, Sans-Serif;
font-weight: normal;
font-weight: normal;
-
color: #4E9600;
+
color: black;
text-decoration:none;  
text-decoration:none;  
}
}
-
#textlink a:hover,
 
-
a:active{
 
-
font-family: Calibri, Sans-Serif;
 
-
font-weight: normal;
 
-
color: #4E9600;
 
-
text-decoration:underline;
 
-
}
 
-
 
-
/***Body styling***/
 
-
h1{
 
-
font-size: 2.2em;
 
-
line-height: 1.2em;
 
-
color: #008000;
 
-
font-weight: bold;
 
-
}
 
-
h2{
 
-
font-size: 2.0em;
 
-
line-height: 1em;
 
-
//color: #008000;
 
-
font-weight: bold;
 
-
}
 
-
h3{
 
-
font-size: 1.8em;
 
-
line-height: 1em;
 
-
//margin: 0px 15px;
 
-
//font-weight: bold;
 
-
        text-decoration: underline;
 
-
color: #008000;
 
-
}
 
-
h4{
 
-
font-size: 1.4em;
 
-
//color: #333333;
 
-
//margin: 0px 20px;
 
-
font-weight: normal;
 
-
}
 
-
p1{
 
-
        font-size: 1.7em;
 
-
color: #008000;
 
-
font-weight: bold;
 
-
}
 
-
p2{
 
-
        font-size: 1.5em;
 
-
}
 
-
p3{
 
-
        font-size: 1.2em;
 
-
}
 
-
 
-
#pagetitle{
 
-
border-bottom: 2px solid black;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
}
 
-
#bodycontainer h2{
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer p{
 
-
margin-left: 20px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer{
 
-
margin-left: 220px;
 
-
}
 
-
#bodycontainer ul{
 
-
margin-left: 5.0em;
 
-
}
 
-
#bodycontainer li{
 
-
font-family: Georgia, Serif;
 
-
}
 
-
#box1{
 
-
width: 740px;
 
-
        height: 3000px;
 
-
background: #fffff;
 
-
float: left;
 
-
        margin-left: 210px;
 
-
        margin-top: 15px;
 
-
}
 
-
 
-
</style>
 
-
 
-
<!------------------------------Context Styles-------------------------------->
 
-
<style>
 
-
#mission {width: 500px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
 
-
#opensource {width:306px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
 
-
#rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px;}
 
-
#photos {float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
 
-
#photos_right {float:right; background-color: #FFFFFF; margin-left: 0px;  margin-top:5px;}
 
-
#leftcontenttext{float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
 
-
#rightcontenttext {float:right; background-color: #FFFFFF; margin-left:15px; padding:10px; margin-top:0px;}
 
-
//#flickr{width:755px; float:right;} 
 
-
</style>
 
-
 
-
 
-
<!---------------------------------Sidebar------------------------------------------>
 
-
<!--Thanks a lot to 2012 SJTU-BioX-Shanghai team for snippets of their code!
 
-
Check out their wikis at:
 
-
https://2012.igem.org/Team:SJTU-BioX-Shanghai
 
-
-->
 
-
 
-
<!-------------------------------Sidebar Styles-------------------------------->
 
-
<style type="text/css">
 
-
div.sdmenu {
 
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 
-
        font-size: 1.3em;
 
-
padding-bottom: 5px;
 
-
color: #fff;
 
-
}
 
-
div.sdmenu div {
 
-
background-color: #67A15A;
 
-
overflow: hidden;
 
-
}
 
-
div.sdmenu div.collapsed {
 
-
height: 30px;}
 
-
div.sdmenu div span {
 
-
display: block;
 
-
padding: 6px 25px;
 
-
width: 160px;
 
-
font-weight: bold;
 
-
color: white;
 
-
background: url(/wiki/images/f/f7/12SJTU_floatnav_expanded.gif) no-repeat 10px center;
 
-
cursor: default;
 
-
border-bottom: 1px solid #ddd;
 
-
cursor: pointer;
 
-
}
 
-
div.sdmenu div:hover{
 
-
background-color: #69C800;
 
-
}
 
-
div.sdmenu div.collapsed span {
 
-
background-image: url(/wiki/images/2/20/12SJTU_floatnav_collapsed.gif);
 
-
}
 
-
div.sdmenu div a {
 
-
padding: 5px 10px;
 
-
background: #D6EADC;
 
-
display: block;
 
-
border-bottom: 1px solid #ddd;
 
-
color: #1E3A00;
 
-
}
 
-
div.sdmenu div a.current {
 
-
background : #C0DCA4;
 
-
}
 
-
div.sdmenu div a:hover {
 
-
background : #4E9600 url(/wiki/images/2/2d/12SJTU_floatnav_linkarrow.gif) no-repeat right center;
 
-
color: #fff;
 
-
text-decoration: none;
 
-
}
 
-
</style>
 
-
 
-
<style type="text/css">
 
-
.floatbox{
 
-
position:absolute;
 
-
width:160px;
 
-
height:00px;
 
-
background:#FFFFFF
 
-
}
 
-
</style>
 
-
 
-
<!-------------------------------Sidebar JavaScripts----------------------------->
 
-
<script type="text/javascript" >
 
-
    function SDMenu(id) {
 
-
        if (!document.getElementById || !document.getElementsByTagName)
 
-
            return false;
 
-
        this.menu = document.getElementById(id);
 
-
        this.submenus = this.menu.getElementsByTagName("div");
 
-
        this.remember = true;
 
-
        this.speed = 20;
 
-
        this.markCurrent = true;
 
-
        this.oneSmOnly = false;
 
-
    }
 
-
    SDMenu.prototype.init = function() {
 
-
var mainInstance = this;
 
-
for (var i = 0; i < this.submenus.length; i++)
 
-
this.submenus[i].getElementsByTagName("span")[0].onclick= function() {
 
-
mainInstance.toggleMenu(this.parentNode);
 
-
};
 
-
if (this.markCurrent) {
 
-
var links = this.menu.getElementsByTagName("a");
 
-
for (var i = 0; i < links.length; i++)
 
-
if (links[i].href == document.location.href) {
 
-
links[i].className = "current";
 
-
break;
 
-
}
 
-
}
 
-
if (this.remember) {
 
-
var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
 
-
var match = regex.exec(document.cookie);
 
-
if (match) {
 
-
var states = match[1].split("");
 
-
for (var i = 0; i < states.length; i++)
 
-
this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
 
-
}
 
-
}
 
-
    };
 
-
    SDMenu.prototype.toggleMenu = function(submenu) {
 
-
if (submenu.className == "collapsed")
 
-
this.expandMenu(submenu);
 
-
else
 
-
this.collapseMenu(submenu);
 
-
this.collapseOthers(submenu);
 
-
    };
 
-
    SDMenu.prototype.expandMenu = function(submenu) {
 
-
var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
 
-
var links = submenu.getElementsByTagName("a");
 
-
 
-
for (var i = 0; i < links.length; i++)
 
-
fullHeight += links[i].offsetHeight;
 
-
var moveBy = Math.round(this.speed * links.length);
 
-
 
-
var mainInstance = this;
 
-
var intId = setInterval(function() {
 
-
var curHeight = submenu.offsetHeight;
 
-
var newHeight = curHeight + moveBy;
 
-
if (newHeight < fullHeight)
 
-
submenu.style.height = newHeight + "px";
 
-
else {
 
-
clearInterval(intId);
 
-
submenu.style.height = "";
 
-
submenu.className = "";
 
-
mainInstance.memorize();
 
-
}
 
-
}, 30);
 
-
this.collapseOthers(submenu);
 
-
    };
 
-
    SDMenu.prototype.collapseMenu = function(submenu) {
 
-
var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
 
-
var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
 
-
var mainInstance = this;
 
-
{{Template:UCSF/MainHeader}}
 
-
<html>
 
-
<head>
 
-
<!--CSS styles: global-->
 
-
<style type="text/css">
 
-
/***
 
-
Minimal header:
 
-
Thanks a lot to 2012 Calgary team for snippets of their code!
 
-
Check out their wikis at:
 
-
https://2012.igem.org/Team:Calgary
 
-
***/
 
-
 
-
#content h1.firstHeading {
 
-
visibility:hidden;
 
-
}
 
-
#p-logo {
 
-
display: none;
 
-
}
 
-
#searchform {
 
-
    display: none;
 
-
}
 
-
 
-
.left-menu {
 
-
background-color: #555;
 
-
 
-
}
 
-
.left-menu a {
 
-
    color: #000;
 
-
}
 
-
 
-
div#top-section{ /*the div containing the entire top bar*/
 
-
height: 20px;
 
-
margin-bottom: 0px !important;
 
-
border: none;
 
-
}
 
-
 
-
 
-
#content{
 
-
margin-top: 0px;
 
-
}
 
-
 
-
#search-controls {
 
-
overflow:hidden;
 
-
display:none;
 
-
background: none;
 
-
position: absolute;
 
-
top: 170px;
 
-
right: 40px;
 
-
}
 
-
 
-
 
-
div#header {
 
-
width: 975px;
 
-
text-align: left;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
margin-bottom: 0px !important;
 
-
} 
 
-
 
-
#menubar {
 
-
position: absolute;
 
-
background: none;
 
-
color: black;
 
-
}
 
-
 
-
.left-menu, .right-menu{
 
-
position: absolute;
 
-
background: none;
 
-
color: black;
 
-
}
 
-
 
-
.left-menu li a, .right-menu li a {
 
-
color: #000 !important;
 
-
}
 
-
 
-
 
-
.left-menu ul li, .right-menu ul li a{
 
-
background: none;
 
-
color: #000 !important;
 
-
}
 
-
 
-
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 
-
    color: #000 !important;
 
-
}
 
-
 
-
#catlinks{
 
-
display:none;
 
-
}
 
-
 
-
/*important for background colours*/
 
-
.mediawiki{
 
-
background: #ffffff;
 
-
}
 
-
 
-
/***End minimal header***/
 
-
 
-
/*Base styles*/
 
-
#content{
 
-
border: none;
 
-
}
 
-
h1, h2,h3, h4, #css-full, #css-mobi{
 
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 
-
border: 0;
 
-
font-weight: normal;
 
-
}
 
-
 
-
p1, p2, p3, div.thumb div div.thumbcaption{
 
-
font-family: Calibri, Sans-Serif;
 
-
font-weight: normal;
 
-
color: black;
 
-
}
 
-
 
-
#css-full, #css-mobi{
 
-
position: absolute;
 
-
float: right;
 
-
color: black;
 
-
font-size: 1.3em;
 
-
top: 0px;
 
-
right: 15px;
 
-
display: block;
 
-
padding: 10px;
 
-
}
 
-
 
-
#jsnotice{
 
-
background-color: #4ED92F;
 
-
}
 
-
 
-
#table{
 
-
margin: 10px;
 
-
}
 
-
 
-
#textlink a:link,
 
a:visited{
a:visited{
font-family: Calibri, Sans-Serif;
font-family: Calibri, Sans-Serif;
font-weight: normal;
font-weight: normal;
-
color: #4E9600;
+
color: black;
text-decoration:none;  
text-decoration:none;  
}
}
-
#textlink a:hover,
+
a:hover,
a:active{
a:active{
font-family: Calibri, Sans-Serif;
font-family: Calibri, Sans-Serif;
Line 534: Line 175:
h4{
h4{
font-size: 1.6em;
font-size: 1.6em;
-
color: #333333;
+
//color: #333333;
-
margin: 0px 20px;
+
//margin: 0px 20px;
-
font-weight: bold;
+
//font-weight: bold;
}
}
p1{
p1{
Line 574: Line 215:
#box1{
#box1{
width: 740px;
width: 740px;
-
         height: 2000px;
+
         height: 1000px;
background: #fffff;
background: #fffff;
float: left;
float: left;
Line 589: Line 230:
#rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px;}
#rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px;}
#photos {float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
#photos {float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
 +
#photos_right {float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
#leftcontenttext{float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
#leftcontenttext{float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
#rightcontenttext {float:right; background-color: #FFFFFF; margin-left:15px; padding:10px; margin-top:0px;}  
#rightcontenttext {float:right; background-color: #FFFFFF; margin-left:15px; padding:10px; margin-top:0px;}  
Line 815: Line 457:
       <div class="collapsed">
       <div class="collapsed">
         <span>Materials</span>
         <span>Materials</span>
-
         <a href="https://2013.igem.org/Team:UCSF/Materials1#content1">Outreach Event at SF Exploratorium</a>
+
         <a href="https://2013.igem.org/Team:UCSF/Materials1">Human Practice Materials</a>
-
        <a href="https://2013.igem.org/Team:UCSF/Materials1#content2">Outreach at Lincoln High School</a>
+
       </div>
       </div>
       <div class="collapsed">
       <div class="collapsed">
Line 877: Line 518:
<div id="box1" align="justify">
<div id="box1" align="justify">
-
<!------------------------------------Comtext------------------------------------->
+
 
 +
 
 +
<!------------------------------------Context------------------------------------->
<h2><center> Human Practices Materials </center></h2>
<h2><center> Human Practices Materials </center></h2>
Line 883: Line 526:
<h4><center>In the process of putting together our two human practices projects, we produced a variety of materials that we believe can be useful to other scientists who would like to talk to the public about synthetic biology. These materials are available for download and we plan to use them again in November to present at events for the <a href="http://www.bayareascience.org/" target="_blank">Bay Area Science Festival</a>.</center></h4>
<h4><center>In the process of putting together our two human practices projects, we produced a variety of materials that we believe can be useful to other scientists who would like to talk to the public about synthetic biology. These materials are available for download and we plan to use them again in November to present at events for the <a href="http://www.bayareascience.org/" target="_blank">Bay Area Science Festival</a>.</center></h4>
-
<div id="leftcontenttext" style = "width: 340px;height:40px" align="justify"><a name = "content1">
+
<div id="leftcontenttext" style = "width: 330px;height:40px" align="justify">
<h3><center>Outreach  Event at SF Exploratorium</center></h3>
<h3><center>Outreach  Event at SF Exploratorium</center></h3>
-
</a></div>
 
-
 
-
<div id="leftcontenttext" style = "width: 340px;height:300px" align="justify">
 
<h4><center>
<h4><center>
<a href="https://static.igem.org/mediawiki/2013/8/84/Exploratorium_slides_.ppt" target="_blank">Exploratorium Presentation</a>
<a href="https://static.igem.org/mediawiki/2013/8/84/Exploratorium_slides_.ppt" target="_blank">Exploratorium Presentation</a>
Line 896: Line 536:
<br><br>
<br><br>
<a href="https://static.igem.org/mediawiki/2013/1/10/Book_Mark_Handouts_Exploratorium.pdf" target="_blank">Synthetic Biology Bookmarks</a>
<a href="https://static.igem.org/mediawiki/2013/1/10/Book_Mark_Handouts_Exploratorium.pdf" target="_blank">Synthetic Biology Bookmarks</a>
 +
<br><br>
</center>
</center>
</h4>
</h4>
-
</div>
 
-
 
-
<div id="leftcontenttext" style = "width: 340px;height:40px" align="justify"><a name = "content1">
 
<h3><center>Outreach  at Lincoln High School</center></h3>
<h3><center>Outreach  at Lincoln High School</center></h3>
-
</a></div>
 
-
 
-
<div id="leftcontenttext" style = "width: 340px;height:300px" align="justify">
 
<h4><center>
<h4><center>
<a href="https://static.igem.org/mediawiki/2013/1/18/LincolnPoster_FINAL.pdf" target="_blank">ALHS Summary Poster</a>
<a href="https://static.igem.org/mediawiki/2013/1/18/LincolnPoster_FINAL.pdf" target="_blank">ALHS Summary Poster</a>
Line 911: Line 546:
<br><br>
<br><br>
<a href="https://static.igem.org/mediawiki/2013/f/f1/GMO_PCR_Student_Guide_2012.pdf" target="_blank">GMO PCR Lab</a>
<a href="https://static.igem.org/mediawiki/2013/f/f1/GMO_PCR_Student_Guide_2012.pdf" target="_blank">GMO PCR Lab</a>
-
<br><>
+
<br>
-
(/h4)
+
</h4>
-
(p2)(provided as a free resource by the <a href="http://www.babec.org" target="_blank">Bay Area Biotechnology Education Consortium</a>)(/p2)
+
<p2>(provided as a free resource by the <a href="http://www.babec.org" target="_blank">Bay Area Biotechnology Education Consortium</a>)</p2>
</center>
</center>
</div>
</div>
<div id="photos_right" style = "width: 340px" align="justify">
<div id="photos_right" style = "width: 340px" align="justify">
-
<center><img style="margin-top:0px; height:350px"; padding:0;"
+
<center><img style="margin-top:15px; width:330px"; padding:0;"
-
src="https://static.igem.org/mediawiki/2013/thumb/0/0f/Exploratorium_Collage.jpg/800px-Exploratorium_Collage.jpg"> </center>
+
src="https://static.igem.org/mediawiki/2013/a/a6/Exploratorium_Materials.jpg"> </center>
<br><br>
<br><br>
-
<img style = "width:330px" src="https://static.igem.org/mediawiki/2013/e/e6/Lincoln_Poster_Icon.png">  
+
<img style = "margin-top:0px; width:330px" src="https://static.igem.org/mediawiki/2013/e/e6/Lincoln_Poster_Icon.png">  
</div>
</div>
-
<!------------------------------------End Comtext------------------------------------->
+
<!------------------------------------End Context------------------------------------->

Latest revision as of 15:24, 28 October 2013

Human Practices Materials

In the process of putting together our two human practices projects, we produced a variety of materials that we believe can be useful to other scientists who would like to talk to the public about synthetic biology. These materials are available for download and we plan to use them again in November to present at events for the Bay Area Science Festival.



Retrieved from "http://2013.igem.org/Team:UCSF/Materials1"