Line 274: | Line 274: | ||
h1 { | h1 { | ||
− | max-width: | + | max-width: 705px; |
− | min-width: | + | min-width: 705px; |
background: rgb(0, 0, 0); /* fallback color */ | background: rgb(0, 0, 0); /* fallback color */ | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
Line 582: | Line 582: | ||
</table> | </table> | ||
<div id="div-content"> | <div id="div-content"> | ||
− | <div id="div-super | + | <div id="div-super"> |
<p> superhero station </p> | <p> superhero station </p> | ||
<img src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--superorganisms.jpg" id="img-super"/img> | <img src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--superorganisms.jpg" id="img-super"/img> | ||
Line 746: | Line 746: | ||
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 | ||
if (selected != current) { // only change display / trigger animation if clicking different nav | if (selected != current) { // only change display / trigger animation if clicking different nav | ||
− | $(' | + | $('#div-' + current).css('display','none'); // hides all text |
− | $(' | + | $('#div-' + selected).css('margin-left', '60px') // slighly shifts right all text to set up for animation |
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed | $('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed | ||
$('#div-' + selected).animate({ marginLeft: '0px'}, 200); // the text is animated to quickly move left | $('#div-' + selected).animate({ marginLeft: '0px'}, 200); // the text is animated to quickly move left |
Revision as of 16:06, 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 you can learn more about below.
Super Organisms! |
Kit of Parts |
Bio Bistro |
Tech Tokens |
Build Your Own Bacteria |
Make Your Own LB Broth |
Colorful Creations |
---|
superhero station
kit of parts
bio bistro
tech tokens
build your own bacteria
lemonade
food color