Team:WPI-Worcester/Practices/Outreach
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 24: | Line 24: | ||
margin-left:300px; | margin-left:300px; | ||
float:left; | float:left; | ||
+ | } | ||
+ | #bottombox > a{ | ||
+ | color:#FFF; | ||
+ | margin-left:300px; | ||
+ | margin-top:25px; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | text-decoration:none; | ||
} | } | ||
#floatbar { | #floatbar { | ||
Line 31: | Line 39: | ||
width: 80px; | width: 80px; | ||
margin-top: 50px; | margin-top: 50px; | ||
- | z-index: | + | z-index:2; |
} | } | ||
#logo{ | #logo{ | ||
Line 38: | Line 46: | ||
margin-top:0px; | margin-top:0px; | ||
position:fixed; | position:fixed; | ||
- | z-index: | + | z-index:1; |
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
- | -moz- | + | transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s; |
- | -ms- | + | transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s; |
transition: transform .4s ease-in-out 0s, ease-in-out 0s; | transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
} | } | ||
Line 53: | Line 61: | ||
width:100%; | width:100%; | ||
position:absolute; | position:absolute; | ||
+ | z-index:2; | ||
} | } | ||
#shift:hover > #logo{ | #shift:hover > #logo{ | ||
Line 88: | Line 97: | ||
z-index:8; | z-index:8; | ||
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
- | transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | + | -moz-transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; |
- | transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | + | -ms-transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; |
transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
} | } | ||
Line 106: | Line 115: | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
font-size:20px; | font-size:20px; | ||
- | padding: 8px | + | padding: 8px 25px; |
+ | padding-top:0px; | ||
color:#000; | color:#000; | ||
margin-right: 10px; | margin-right: 10px; | ||
Line 112: | Line 122: | ||
text-decoration:none; | text-decoration:none; | ||
float:left; | float:left; | ||
+ | z-index:10; | ||
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
} | } | ||
Line 117: | Line 128: | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
font-size:20px; | font-size:20px; | ||
- | padding: | + | padding: 3px 15px; |
color:#000; | color:#000; | ||
margin-left: 150px; | margin-left: 150px; | ||
Line 165: | Line 176: | ||
margin-right:10px; | margin-right:10px; | ||
transition: color .2s ease-in-out 0s; | transition: color .2s ease-in-out 0s; | ||
+ | |||
} | } | ||
.menuslide:hover > .dropdown { | .menuslide:hover > .dropdown { | ||
Line 187: | Line 199: | ||
margin-bottom:20px; | margin-bottom:20px; | ||
padding:10px; | padding:10px; | ||
+ | z-index:999; | ||
} | } | ||
- | #toptext > | + | #toptext > a{ |
- | margin- | + | float:left; |
- | + | font-family:Arial, Helvetica, sans-serif; | |
- | + | font-size:17px; | |
- | + | background: #888; | |
+ | padding: 15px; | ||
+ | color:#000; | ||
+ | margin: 50px; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | border-radius:3px; | ||
+ | z-index:999; | ||
+ | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | #toptext > a:hover{ | ||
+ | background: #333; | ||
+ | color: #FFF; | ||
} | } | ||
#maintext { | #maintext { | ||
Line 200: | Line 225: | ||
font-size:25px; | font-size:25px; | ||
padding:10px; | padding:10px; | ||
- | margin-left: | + | margin-left:280px; |
- | + | ||
text-decoration:none; | text-decoration:none; | ||
- | z-index: | + | z-index:10; |
+ | max-width:80%; | ||
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s; | -moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
Line 214: | Line 239: | ||
padding:10px; | padding:10px; | ||
float:left; | float:left; | ||
- | + | min-height:400px; | |
+ | } | ||
+ | |||
+ | .links > a{ | ||
+ | float:left; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:17px; | ||
+ | background: #888; | ||
+ | padding: 15px; | ||
+ | color:#000; | ||
+ | margin: 50px; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | border-radius:3px; | ||
+ | z-index:999; | ||
+ | transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | |||
+ | .links > a:hover{ | ||
+ | background: #333; | ||
+ | color: #FFF; | ||
} | } | ||
Line 253: | Line 298: | ||
display: none; | display: none; | ||
} | } | ||
- | + | .textitem > a, #toptext > a{ | |
- | + | ||
float:left; | float:left; | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
Line 271: | Line 315: | ||
background: #333; | background: #333; | ||
color: #FFF; | color: #FFF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.textitem > img{ | .textitem > img{ |
Revision as of 20:53, 15 October 2014
Women in Science Outreach
We invited a Women in Science day camp to come come and visit the lab. The camp consisted of 30 middle school girls that were split into 6 groups of 5. We organized 3 different activities that the girls rotated through.
Download the Curriculum HereRainbow Gel
Contaminated Water
To teach the girls from the Women in Science Day Camp about bacteria that can
be engineered to perform certain functions, we designed an activity which uses
bacteria to detect pollution in water. When a plasmid containing the arsenic
dependent promoter (part BBa_J33201) and the ribosome binding site, ATF1 gene,
and double terminator construct (part BBa_J45199) in introduced into E. coli,
isoamyl alcohol will be converted into isoamyl acetate when arsenic, or any
other heavy metal, is present. Thus, water contaminated with heavy metals
will smell like bananas. When a plasmid containing the tetR promoter, ribosome
binding site, BSMT1 gene, and the double terminator (part BBa_J45120), salicylic
acid will be converted to methyl salicylate in the presence of the antibiotic
tetracycline. Thus, water contaminated with antibiotics will smell like wintergreen.
The cloning of the banana arsenic construct was not complete by the time
the campers arrived so the pollution detecting E. coli could not be used. Instead,
cultures of non-transformed E. coli were prepared. Methyl salicylate was added
to samples that were 'contaminated' with antibiotics and isoamyl acetate was added
to samples that were 'contaminated' with heavy metals. This set up allowed the
campers to perform a safe sniff test without any actual contaminants.
Build-a-DNA
We thought it was unlikely that 5-7th graders would have a firm understanding
of how DNA works based on what they’ve most likely learned in school so far. In order
to help them grasp the concept in a hands-on way that’s fun and easy, we had them build
their own codon out of colorful paper pieces representing deoxyribose, phosphate groups,
and nucleotides. All of the pieces were cut out ahead of time to save time and make the
project more enjoyable for the girls, and a sample was built for them to use as a guide
and to help us explain the different parts of DNA more visually as they constructed their
own. While they were putting their codons together, we explained how DNA works as a code
'read' by bacteria to make proteins and what the different combinations of nucleotides might
mean. To make things simpler, we used 'instructions' as a metaphor: you can't build a bike
that works if you don’t know how to put the pieces together.
The girls got to take their codons home as a reminder of everything they learned.