Line 354: | Line 354: | ||
#div-lowertable { | #div-lowertable { | ||
margin-top: -14px; | margin-top: -14px; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 410: | Line 406: | ||
.borderLeft { | .borderLeft { | ||
border-left: 2px solid #A8A8A8; | border-left: 2px solid #A8A8A8; | ||
+ | border-bottom: 1px solid #A8A8A8; | ||
} | } | ||
Line 415: | Line 412: | ||
border-left: 2px solid #A8A8A8; | border-left: 2px solid #A8A8A8; | ||
border-right: 2px solid #A8A8A8; | border-right: 2px solid #A8A8A8; | ||
+ | border-bottom: 1px solid #A8A8A8; | ||
} | } | ||
Line 787: | Line 785: | ||
var lastAct = 'bacteria'; | var lastAct = 'bacteria'; | ||
$('.navigator').click( function() { // when any element with .class is clicked, trigger function | $('.navigator').click( function() { // when any element with .class is clicked, trigger function | ||
− | $('.navigator').css('border-bottom',' | + | $('.navigator').css('border-bottom','1px solid #A8A8A8'); // make all navigational element shave no bottom border |
$(this).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border | $(this).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border | ||
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked | var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked | ||
Line 806: | Line 804: | ||
}) | }) | ||
$('.belowNav').click( function() { // when any element with .class is clicked, trigger function | $('.belowNav').click( function() { // when any element with .class is clicked, trigger function | ||
− | $('.belowNav').css('border-bottom',' | + | $('.belowNav').css('border-bottom','1px solid #A8A8A8'); // make all navigational element shave no bottom border |
$(this).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border | $(this).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border | ||
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked | var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked |
Revision as of 23:42, 2 August 2016
</div></div>
Building with Biology: Port Discovery
July 30th, 2016
We volunteered at the Building with Biology Event held at Port Discovery in Baltimore, Md to raise awareness about synthetic biology among children 8 and up. We manned six tables with different activities involving synthetic biology, which are described in more depth below.
Building with Biology Activities |
Our Activities |
---|
Super Organisms! |
Kit of Parts |
Bio Bistro |
Tech Tokens |
---|
superhero station
Goal: Understand the concept of standardized parts and potential uses of a engineered organism
Activity:
bio bistro
tech tokens