Team:Washington/Outreach

From 2013.igem.org

(Difference between revisions)
(→Outreach)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Washington/WA_Template}}
 +
<br>
 +
<br>
<html>
<html>
 +
<center><big><big><big><big>Outreach</big></big></big></big></center>
 +
<br>
-
<style type="text/css">
 
-
.firstHeading {                                                    /* Gets rid of the default iGEM picture*/
 
-
    height:2px;
 
-
    visibility:hidden;
 
-
}
 
-
#catlinks {
 
-
    display: none;
 
-
}
 
-
#content {
 
-
    border-left-width:0px;
 
-
    border-right-width:0px;
 
-
    padding: 0px 5px 0px 5px;
 
-
    width:965px;                                                    /* Content width*/
 
-
}
 
-
#menubar {
 
-
    background-color:  #FFFFFF;                              /* left menu bar color*/
 
-
}
 
-
#menubar ul li a {
 
-
    color: #545353; }                                            /* menu text color*/
 
-
    .right-menu li a {
 
-
    color: red; 
 
-
    background-color: #FFFFFF;                              /* right menu bar color*/
 
-
}
 
-
#p-logo { height 1px; overflow:hidden; display: none;
 
-
}
 
-
#top-section {     
 
-
        background-position: center center;
 
-
        background-repeat: no-repeat;
 
-
        background-color: #FFFFFF;                        /* top header background color*/
 
-
        border-width:0px;
 
-
        height:10px;                        /* top header height (determines how low content will start to appear)*/
 
-
}
 
-
#siteSub {
 
-
display:none;
 
-
}
 
-
#search-controls {                                                /* gets rid of the search bar (it was ugly) */
 
-
display:none;
 
-
margin-top:0px;
 
-
}
 
-
#contentSub {
 
-
display:none;
 
-
}
 
-
/*Now to set heading and body fonts*/
+
<blockquote>
-
body {
+
   <blockquote>
-
background:#4B0082;
+
    <p>&nbsp;</p>
-
background-image: url("https://static.igem.org/mediawiki/2012/1/1b/Gradientback.jpg");
+
    <p> Every year the University of Washington College of Engineering invites K-8 students to participate in Engineering Discovery Days. There, the students engage in interactive activities put on by the engineering undergraduates. Like in years past, the UW iGEM team was invited to teach students about the basics of synthetic biology and biotechnology.
-
background-position: center;
+
-
background-repeat: repeat-y;
+
-
}               
+
-
h1
+
-
{
+
-
color:#262626;
+
-
text-align:left;
+
-
font-family:"Trebuchet";
+
-
font-size:25px;
+
-
line-height:100%;
+
-
border-bottom: none;
+
-
padding:0px 0px 0px 0px; 
+
-
margin: 0px 0px 0px 0px;
+
-
}
+
-
h2
+
-
{
+
-
color:#262626;
+
-
text-align:left;
+
-
font-family:"Trebuchet";
+
-
font-size:20px;
+
-
line-height: 100%;
+
-
border-bottom: none; 
+
-
padding:0px 0px 0px 0px; 
+
-
margin: 0px 0px 0px 0x;
+
-
}
+
-
h3
+
-
{
+
-
color:#262626;
+
-
text-align:left;
+
-
font-family:"Trebuchet";
+
-
font-size:17px;
+
-
line-height: 100%;
+
-
border-bottom: none; 
+
-
padding:0px 0px 0px 0px; 
+
-
margin: 0px 0px 0px 0x;
+
-
}
+
-
p
+
-
{
+
-
color:#262626;
+
-
text-align: justify;
+
-
font-family:"Arial";
+
-
font-size:14px;
+
-
line-height:100%
+
-
border-bottom: none;
+
-
padding:0px 0px 0px 0px; 
+
-
margin: 0px 0px 0px 0x;
+
-
border:0px
+
-
}
+
-
body {
+
-
color:#808080;
+
-
line-height: 1;
+
-
font-family:"Arial";
+
-
font-size:11px; 
+
-
}
+
-
 
+
-
.whitebox {
+
-
  -moz-box-shadow:  0px 0px 0px #ccc;
+
-
  -webkit-box-shadow:  0px 0px 0px #ccc;
+
-
  box-shadow:  0px 0px 15px #ccc;
+
-
  background-color: #FFFFFF;
+
-
  -moz-border-radius: 1px;
+
-
  border-radius: 15px;
+
-
  margin-top: 20px;
+
-
  padding-top: 20px;
+
-
  padding-left: 20px;
+
-
  padding-right: 20px;
+
-
  padding-bottom: 20px;
+
-
  margin-left: 15px;
+
-
  margin-right: 25px;
+
-
}
+
-
.thumbnail
+
-
{
+
-
margin-bottom:0px;
+
-
padding-bottom:0px;
+
-
position:relative;
+
-
}
+
-
 
+
-
#igemuwmenu, #igemuwmenu ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
+
-
#igemuwmenu {
+
-
width: 820px;
+
-
margin: 10px auto;
+
-
border: 1px solid #222;
+
-
background-color: #111;
+
-
background-image: -moz-linear-gradient(#444, #111);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
+
-
background-image: -webkit-linear-gradient(#444, #111);
+
-
background-image: -o-linear-gradient(#444, #111);
+
-
background-image: -ms-linear-gradient(#444, #111);
+
-
background-image: linear-gradient(#444, #111);
+
-
-moz-border-radius: 6px;
+
-
-webkit-border-radius: 6px;
+
-
border-radius: 6px;
+
-
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
                display: inline-block;
+
-
                white-space: nowrap;
+
-
}
+
-
+
-
#igemuwmenu:before,
+
-
#igemuwmenu:after {
+
-
content: "";
+
-
display: table;
+
-
}
+
-
+
-
#igemuwmenu:after {
+
-
clear: both;
+
-
}
+
-
+
-
#igemuwmenu {
+
-
zoom:1;
+
-
}
+
-
+
-
#igemuwmenu li {
+
-
border-right: 1px solid #222;
+
-
-moz-box-shadow: 1px 0 0 #444;
+
-
-webkit-box-shadow: 1px 0 0 #444;
+
-
box-shadow: 1px 0 0 #444;
+
-
position: relative;
+
-
                display: inline-block;
+
-
                white-space: nowrap;
+
-
}
+
-
+
-
#igemuwmenu a {
+
-
padding: 12px 20px;
+
-
color: #999;
+
-
text-transform: uppercase;
+
-
font: bold 11.4px Arial, Helvetica;
+
-
text-decoration: none;
+
-
text-shadow: 0 1px 0 #000;
+
-
                display: inline-block;
+
-
                white-block: nowrap;
+
-
}
+
-
       
+
-
    #igemuwmenu li:hover > a {
+
-
color: #fafafa;
+
-
}
+
-
+
-
*html #igemuwmenu li a:hover { /* IE6 only */
+
-
color: #fafafa;
+
-
}
+
-
+
-
#igemuwmenu ul {
+
-
margin: 20px 0 0 0;
+
-
_margin: 0; /*IE6 only*/
+
-
opacity: 0;
+
-
visibility: hidden;
+
-
position: absolute;
+
-
top: 38px;
+
-
left: 0;
+
-
z-index: 1;   
+
-
background: #444;
+
-
background: -moz-linear-gradient(#444, #111);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
+
-
background: -webkit-linear-gradient(#444, #111);   
+
-
background: -o-linear-gradient(#444, #111);
+
-
background: -ms-linear-gradient(#444, #111);
+
-
background: linear-gradient(#444, #111);
+
-
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
+
-
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
-moz-border-radius: 3px;
+
-
-webkit-border-radius: 3px;
+
-
border-radius: 3px;
+
-
-webkit-transition: all .2s ease-in-out;
+
-
-moz-transition: all .2s ease-in-out;
+
-
-ms-transition: all .2s ease-in-out;
+
-
-o-transition: all .2s ease-in-out;
+
-
transition: all .2s ease-in-out; 
+
-
}
+
-
 
+
-
#igemuwmenu li:hover > ul {
+
-
opacity: 1;
+
-
visibility: visible;
+
-
margin: 0;
+
-
}
+
-
+
-
#igemuwmenu ul ul {
+
-
top: 0;
+
-
left: 150px;
+
-
margin: 0 0 0 20px;
+
-
_margin: 0; /*IE6 only*/
+
-
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
}
+
-
+
-
#igemuwmenu ul li {
+
-
float: none;
+
-
display: block;
+
-
border: 0;
+
-
_line-height: 0; /*IE6 only*/
+
-
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
}
+
-
#igemuwmenu ul li.active {
+
-
float: none;
+
-
display: block;
+
-
border: 0;
+
-
_line-height: 0; /*IE6 only*/
+
-
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
}
+
-
 
+
-
+
-
#igemuwmenu ul li:last-child {    
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;   
+
-
}
+
-
+
-
#igemuwmenu ul a {   
+
-
padding: 10px;
+
-
width: 130px;
+
-
_height: 10px; /*IE6 only*/
+
-
display: block;
+
-
white-space: nowrap;
+
-
float: none;
+
-
text-transform: none;
+
-
}
+
-
     
+
-
        #igemuwmenu ul a.selected {   
+
-
padding: 10px;
+
-
width: 130px;
+
-
_height: 10px; /*IE6 only*/
+
-
display: block;
+
-
white-space: nowrap;
+
-
float: none;
+
-
text-transform: none;
+
-
}
+
-
+
-
#igemuwmenu ul a:hover {
+
-
background-color: #785D84;
+
-
background-image: -moz-linear-gradient(#B6A0BA,  #785D84);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#B6A0BA), to(#785D84));
+
-
background-image: -webkit-linear-gradient(#B6A0BA, #785D84);
+
-
background-image: -o-linear-gradient(#B6A0BA, #785D84);
+
-
background-image: -ms-linear-gradient(#B6A0BA, #785D84);
+
-
background-image: linear-gradient(#B6A0BA, #785D84);
+
-
}
+
-
 
+
-
#igemuwmenu ul li:first-child > a {
+
-
-moz-border-radius: 3px 3px 0 0;
+
-
-webkit-border-radius: 3px 3px 0 0;
+
-
border-radius: 3px 3px 0 0;
+
-
}
+
-
+
-
#igemuwmenu ul li:first-child > a:after {
+
-
content: '';
+
-
position: absolute;
+
-
left: 40px;
+
-
top: -6px;
+
-
border-left: 6px solid transparent;
+
-
border-right: 6px solid transparent;
+
-
border-bottom: 6px solid #444;
+
-
}
+
-
+
-
#igemuwmenu ul ul li:first-child a:after {
+
-
left: -6px;
+
-
top: 50%;
+
-
margin-top: -6px;
+
-
border-left: 0;
+
-
border-bottom: 6px solid transparent;
+
-
border-top: 6px solid transparent;
+
-
border-right: 6px solid #3b3b3b;
+
-
}
+
-
+
-
#igemuwmenu ul li:first-child a:hover:after {
+
-
border-bottom-color: #B6A0BA;
+
-
}
+
-
+
-
#igemuwmenu ul ul li:first-child a:hover:after {
+
-
border-right-color: #0299d3;
+
-
border-bottom-color: transparent;
+
-
}
+
-
+
-
#igemuwmenu ul li:last-child > a {
+
-
-moz-border-radius: 0 0 3px 3px;
+
-
-webkit-border-radius: 0 0 3px 3px;
+
-
border-radius: 0 0 3px 3px;
+
-
}
+
-
+
-
/* Mobile */
+
-
#igemuwmenu-trigger {
+
-
display: none;
+
-
}
+
-
 
+
-
@media screen and (max-width: 600px) {
+
-
 
+
-
/* nav-wrap */
+
-
#igemuwmenu-wrap {
+
-
position: relative;
+
-
}
+
-
 
+
-
#igemuwmenu-wrap * {
+
-
-moz-box-sizing: border-box;
+
-
-webkit-box-sizing: border-box;
+
-
box-sizing: border-box;
+
-
}
+
-
 
+
-
/* menu icon */
+
-
#igemuwmenu-trigger {
+
-
display: block; /* show menu icon */
+
-
height: 40px;
+
-
line-height: 40px;
+
-
cursor: pointer;
+
-
padding: 0 0 0 35px;
+
-
border: 1px solid #222;
+
-
color: #fafafa;
+
-
font-weight: bold;
+
-
background-color: #111;
+
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111);
+
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);
+
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
+
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
+
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
+
-
-moz-border-radius: 6px;
+
-
-webkit-border-radius: 6px;
+
-
border-radius: 6px;
+
-
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
}
+
-
+
-
/* main nav */
+
-
#igemuwmenu {
+
-
margin: 0; padding: 10px;
+
-
position: absolute;
+
-
top: 40px;
+
-
width: 100%;
+
-
z-index: 1;
+
-
background-color: #444;
+
-
display: none;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
#igemuwmenu:after {
+
-
content: '';
+
-
position: absolute;
+
-
left: 25px;
+
-
top: -8px;
+
-
border-left: 8px solid transparent;
+
-
border-right: 8px solid transparent;
+
-
border-bottom: 8px solid #444;
+
-
}
+
-
 
+
-
#igemuwmenu ul {
+
-
position: static;
+
-
visibility: visible;
+
-
opacity: 1;
+
-
margin: 0;
+
-
background: none;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
#igemuwmenu ul ul {
+
-
margin: 0 0 0 20px !important;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
#igemuwmenu li {
+
-
position: static;
+
-
display: block;
+
-
float: none;
+
-
border: 0;
+
-
margin: 5px;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
#igemuwmenu ul li{
+
-
margin-left: 20px;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
 
+
-
#igemuwmenu a{
+
-
display: block;
+
-
float: none;
+
-
padding: 0;
+
-
color: #999;
+
-
}
+
-
 
+
-
#igemuwmenu a:hover{
+
-
color: #fafafa;
+
-
}
+
-
 
+
-
#igemuwmenu ul a{
+
-
padding: 0;
+
-
width: auto;
+
-
}
+
-
 
+
-
#igemuwmenu ul a:hover{
+
-
background: none;
+
-
}
+
-
 
+
-
#igemuwmenu ul li:first-child a:after,
+
-
#igemuwmenu ul ul li:first-child a:after {
+
-
border: 0;
+
-
}
+
-
 
+
-
}
+
-
 
+
-
@media screen and (min-width: 600px) {
+
-
#igemuwmenu {
+
-
display: block !important;
+
-
}
+
-
}
+
-
 
+
-
/* iPad */
+
-
.no-transition {
+
-
-webkit-transition: none;
+
-
-moz-transition: none;
+
-
-ms-transition: none;
+
-
-o-transition: none;
+
-
transition: none;
+
-
opacity: 1;
+
-
visibility: visible;
+
-
display: none; 
+
-
}
+
-
 
+
-
#igemuwmenu li:hover > .no-transition {
+
-
display: block;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<a href="https://2013.igem.org/Team:Washington"><img class="thumbnail"  src='https://static.igem.org/mediawiki/2013/c/cb/Redlightgreenlight2.jpg' width' width= "965"/></A>
+
-
 
+
-
<a href="http://www.washington.edu/"><img src='https://static.igem.org/mediawiki/2012/2/25/UW_W-Logo_smallRGB.jpg' align="left" width= "57" style="padding-top: 12px; padding-left: 5px;"/></a>
+
-
 
+
-
<a href="https://2012.igem.org/Main_Page"><img src='https://static.igem.org/mediawiki/igem.org/c/c8/IGEM_desat.png' align="right" width= "70"/></a>
+
-
 
+
-
<style type="text/css">
+
-
#content {z-index:4;}
+
-
.expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;}
+
-
.collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;}
+
-
.docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;}
+
-
.undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;}
+
-
</style>
+
-
 
+
-
<nav id="igemuwmenu-wrap">   
+
-
 
+
-
<ul id="igemuwmenu">
+
-
 
+
-
<li><a href="https://2013.igem.org/Team:Washington">Home</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Washington">UW 2013</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Washington">UW 2012</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Washington">UW 2011</a></li>
+
-
<li><a href="https://2010.igem.org/Team:Washington">UW 2010</a></li>
+
-
<li><a href="https://2009.igem.org/Team:Washington">UW 2009</a></li>
+
-
<li><a href="https://2008.igem.org/Team:University_of_Washington">UW 2008</a></li>
+
-
<li><a href="https://2013.igem.org/Main_Page">iGEM Homepage</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<!--
+
-
<li>
+
-
<a </a> main menu on plastic degradation
+
-
<ul>
+
-
 
+
-
for the drop down of plastic degradation
+
-
format <li><a href="https://2012.igem.org/Team:Washington/Plastics#Background">Background</a></li>
+
-
 
+
-
 
+
-
</ul>
+
-
</li>
+
-
-->
+
-
 
+
-
 
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Washington/LightSensing">Light Sensing Experiments</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Background">Background</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Systems">Our Systems</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Methods">Methods</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Results">Results</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Future">Future Plans</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Parts">Parts Submitted</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/LightSensing#Sources">Scientific Sources</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
 
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE">e.colightTune</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Background">Background</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Usage">App</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Benefits">Methods</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/ECOLIGHTTUNE#Results">Results Summary</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Washington/Outreach">Outreach</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Washington/Outreach#Activities">Activities</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/Outreach#Pictures">Pictures</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Washington/Protocols">Protocols</a>
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Washington/MoreLinks">Links</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Washington/MoreLinks#Safety">Safety Form</a></li>
+
-
<li><a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2012&group=Washington">Parts Registry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Washington/MoreLinks#Documentation">Parts Documentation</a></li>
+
-
 
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li style="border-right:0; box-shadow:0px 0 0;">
+
-
<a href="https://2013.igem.org/Team:Washington/Funding">Funding</a>
+
-
</li>
+
-
 
+
-
</li>
+
-
                                                                                               
+
-
</ul>
+
-
</nav>
+
-
 
+
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+
-
<script type="text/javascript">
+
-
    $(function() {
+
-
if ($.browser.msie && $.browser.version.substr(0,1)<7)
+
-
{
+
-
$('li').has('ul').mouseover(function(){
+
-
$(this).children('ul').css('visibility','visible');
+
-
}).mouseout(function(){
+
-
$(this).children('ul').css('visibility','hidden');
+
-
})
+
-
}
+
-
 
+
-
/* Mobile */
+
-
$('#igemuwmenu-wrap').prepend('<div id="igemuwmenu-trigger">igemuwmenu</div>');
+
-
$("#igemuwmenu-trigger").on("click", function(){
+
-
$("#menu").slideToggle();
+
-
});
+
-
 
+
-
// iPad
+
-
var isiPad = navigator.userAgent.match(/iPad/i) != null;
+
-
if (isiPad) $('#igemuwmenu ul').addClass('no-transition');     
+
-
    });
+
-
// selection
+
-
 
+
-
</script>
+
-
 
+
-
<script type="text/javascript">
+
-
        $("#content").find("a[href='"+location.href+"']").each(function(){
+
-
        $(this).find("a").addClass("selected")
+
-
        })
+
-
</script>
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
  var _gaq = _gaq || [];
+
-
  _gaq.push(['_setAccount', 'UA-26265208-1']);
+
-
  _gaq.push(['_trackPageview']);
+
-
 
+
-
  (function() {
+
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
</html>
</html>
 +
[[Image:Washington_outreach4.JPG|border|200px|left|thumb|Students having fun "digesting DNA" and learning about synthetic biology!]]
 +
<html>
 +
<p>This year, we decided to teach basic restriction digest cloning using paper, tape, a shoebox and candy. We gave each student a single sheet of paper which contained two long blocks representing a vector backbone and an insert, complete with RFC10 compatible cutsites. They were instructed to cut these strips of paper out, serving as the process of PCR. Then, the ends were “restriction digested” with scissors along the dotted lines. The two pieces fit like a puzzle, and appropriate base-pairing could be observed. After they matched up the “sticky ends,” we gave them tape, which represents ligase, to complete their expression plasmid. </html>
 +
[[Image:Washington_Outreach5.JPG|border|200px|right|thumb|iGEM alumni sharing her love for science.]]
 +
<html>
 +
The ligated plasmid was then ready to be transformed into our shoebox cell. While we shook the box, we used the secret compartment in the back to throw in some Jolly Rancher “protein” that their expression plasmid encodes. After that, we lysed the cell by opening the box so the student could extract both their plasmid and candy proteins to complete the protein expression process. </p>
-
=='''Outreach'''==
+
<html>
-
<blockquote>
+
We enjoyed this opportunity to teach the local students about the basics of what we do in the lab, and spread our excitement about science. Although there was a lot enthusiasm from the students, this was also met with confusion and a lot of questions. We quickly realized that many of the students did not yet have a solid foundation in biology, and background explanations were key to understanding the cloning activity. For example, we had to explain how a specific “flavor” of gene encodes a very specific protein -- in our case, the corresponding flavor of candy. This required us to put our knowledge in simplified terms so that even young children could understand and confirmed that we knew the processes well enough to do so. This experience left the whole team more inspired to further educate the public about synthetic biology.</p>
-
  <p>&nbsp;</p>
+
    <p><br>
-
  <blockquote>
+
-
    <p> Every year the University of Washington College of Engineering invites K-8 students to participate in Engineering Discovery Days. There, the students engage in interactive activities put on by the engineering undergraduates. Like in years past, the UW iGEM team was invited to teach students about the basics of synthetic biology and biotechnology.</p>
+
-
    <p>This year, we decided to teach basic restriction digest cloning using paper, tape, a shoebox and candy. We gave each student a single sheet of paper which contained two long blocks representing a vector backbone and an insert, complete with RFC10 compatible cutsites. They were instructed to cut these strips of paper out, serving as the process of PCR. Then, the ends were “restriction digested” with scissors along the dotted lines. The two pieces fit like a puzzle, and appropriate base-pairing could be observed. After they matched up the “sticky ends,” we gave them tape, which represents ligase, to complete their expression plasmid. The ligated plasmid was then ready to be transformed into our shoebox cell. While we shook the box, we used the secret compartment in the back to throw in some Jolly Rancher “protein” that their expression plasmid encodes. After that, we lysed the cell by opening the box so the student could extract both their plasmid and candy proteins to complete the protein expression process. </p>
+
-
    <p>We enjoyed this opportunity to teach the local students about the basics of what we do in the lab, and spread our excitement about science. Although there was a lot enthusiasm from the students, this was also met with confusion and a lot of questions. We quickly realized that many of the students did not yet have a solid foundation in biology, and background explanations were key to understanding the cloning activity. For example, we had to explain how a specific “flavor” of gene encodes a very specific protein -- in our case, the corresponding flavor of candy. This required us to put our knowledge in simplified terms so that even young children could understand and confirmed that we knew the processes well enough to do so. This experience left the whole team more inspired to further educate the public about synthetic biology.<br>
+
     </p>
     </p>
   </blockquote>
   </blockquote>
   </blockquote>
   </blockquote>
-
<br>
+
</html>
 +
 
 +
 
 +
 
 +
[[Image:Washington_Igem2013powerpoint.jpg|border|800px|center|thumb|Teaching students how to clone using paper and tape!]]

Latest revision as of 01:10, 27 September 2013



Outreach

 

Every year the University of Washington College of Engineering invites K-8 students to participate in Engineering Discovery Days. There, the students engage in interactive activities put on by the engineering undergraduates. Like in years past, the UW iGEM team was invited to teach students about the basics of synthetic biology and biotechnology.

Students having fun "digesting DNA" and learning about synthetic biology!

This year, we decided to teach basic restriction digest cloning using paper, tape, a shoebox and candy. We gave each student a single sheet of paper which contained two long blocks representing a vector backbone and an insert, complete with RFC10 compatible cutsites. They were instructed to cut these strips of paper out, serving as the process of PCR. Then, the ends were “restriction digested” with scissors along the dotted lines. The two pieces fit like a puzzle, and appropriate base-pairing could be observed. After they matched up the “sticky ends,” we gave them tape, which represents ligase, to complete their expression plasmid.

iGEM alumni sharing her love for science.

The ligated plasmid was then ready to be transformed into our shoebox cell. While we shook the box, we used the secret compartment in the back to throw in some Jolly Rancher “protein” that their expression plasmid encodes. After that, we lysed the cell by opening the box so the student could extract both their plasmid and candy proteins to complete the protein expression process.

We enjoyed this opportunity to teach the local students about the basics of what we do in the lab, and spread our excitement about science. Although there was a lot enthusiasm from the students, this was also met with confusion and a lot of questions. We quickly realized that many of the students did not yet have a solid foundation in biology, and background explanations were key to understanding the cloning activity. For example, we had to explain how a specific “flavor” of gene encodes a very specific protein -- in our case, the corresponding flavor of candy. This required us to put our knowledge in simplified terms so that even young children could understand and confirmed that we knew the processes well enough to do so. This experience left the whole team more inspired to further educate the public about synthetic biology.



Teaching students how to clone using paper and tape!
Retrieved from "http://2013.igem.org/Team:Washington/Outreach"