Difference between revisions of "Team:UMaryland/buildingwithbiology"
| Line 289: | Line 289: | ||
#div-content img { | #div-content img { | ||
| − | width: | + | width: 457px; |
height: 305px; | height: 305px; | ||
| + | margin-left: 500px; | ||
| + | margin-top: -50px; | ||
} | } | ||
| Line 344: | Line 346: | ||
.profiles { | .profiles { | ||
display: none; | display: none; | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | width: 1050px; | ||
} | } | ||
| Line 364: | Line 369: | ||
/* Classes */ | /* Classes */ | ||
| + | |||
| + | .center { | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | width: 1050px; | ||
| + | } | ||
.pInfo { | .pInfo { | ||
| Line 563: | Line 574: | ||
<div class="centered"> | <div class="centered"> | ||
<div id="Info" style="text-align: center"> | <div id="Info" style="text-align: center"> | ||
| − | <p class="pInfo"> 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 | + | <p class="pInfo"> 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. </p> |
</div> | </div> | ||
</div> | </div> | ||
| − | + | <table id="table-selector"> <!-- Table of navigational links --> | |
<thead> | <thead> | ||
<!-- .border classes signify where border needs to be drawn --> | <!-- .border classes signify where border needs to be drawn --> | ||
| Line 572: | Line 583: | ||
<!-- data-select attribute sends to script which element --> | <!-- data-select attribute sends to script which element --> | ||
<!-- was clicked --> | <!-- was clicked --> | ||
| − | <th class="borderRight navigator" id="th-super" data-select="super"><p>Super Organisms!</p></th> | + | <th class="borderRight navigator" id="th-building" data-select="building"><p>Building with Biology Activities</p></th> |
| − | + | <th class="borderLeft navigator" id="th-ours" data-select="ours"><p>Our Activities</p></th> | |
| − | + | </thead> | |
| − | + | </table> | |
| − | <th class=" | + | <div id = "div-lowertable"> |
| + | <div id="div-building"> | ||
| + | <table id="table-selector"> <!-- Table of navigational links --> | ||
| + | <thead> | ||
| + | <th class="borderRight navigator" id="th-super" data-select="super"><p>Super Organisms!</p></th> | ||
| + | <th class="borderBoth navigator" id="th-parts" data-select="parts"><p>Kit of Parts</p></th> | ||
| + | <th class="borderBoth navigator" id="th-bistro" data-select="bistro"><p>Bio Bistro</p></th> | ||
| + | <th class="borderLeft navigator" id="th-tech" data-select="tech"><p>Tech Tokens</p></th> | ||
| + | </thead> | ||
| + | </table> | ||
| + | </div> | ||
| + | <div id="div-ours" style="display: none"> | ||
| + | <table id="table-selector"> <!-- Table of navigational links --> | ||
| + | <thead> | ||
| + | <th class="borderRight navigator" id="th-bacteria" data-select="bacteria"><p>Build Your Own Bacteria</p></th> | ||
<th class="borderBoth navigator" id="th-broth" data-select="broth"><p>Make Your Own LB Broth</p></th> | <th class="borderBoth navigator" id="th-broth" data-select="broth"><p>Make Your Own LB Broth</p></th> | ||
<th class="borderLeft navigator" id="th-color" data-select="color"><p>Colorful Creations</p></th> | <th class="borderLeft navigator" id="th-color" data-select="color"><p>Colorful Creations</p></th> | ||
| + | </thead> | ||
| + | </table> | ||
| + | </div> | ||
| + | <div> | ||
| + | <table id="table-selector"> <!-- Table of navigational links --> | ||
| + | <thead> | ||
| + | <!-- .border classes signify where border needs to be drawn --> | ||
| + | <!-- navigator class trigger javascript on that element --> | ||
| + | <!-- data-select attribute sends to script which element --> | ||
| + | <!-- was clicked --> | ||
</thead> | </thead> | ||
</table> | </table> | ||
<div id="div-content"> | <div id="div-content"> | ||
| − | <div id="div-super"> | + | <div id="div-super" class="center"> |
<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> | ||
</div> | </div> | ||
<div id="div-parts" class="profiles"> | <div id="div-parts" class="profiles"> | ||
| − | <p> | + | <p> <strong> Goal: </strong> Understand the concept of standardized parts and potential uses of a engineered organism </p> |
| + | <br> | ||
| + | <p> Activity: </p> | ||
<img src="https://static.igem.org/mediawiki/2016/1/1f/T--UMaryland--kitofparts.jpg" id="img-parts"/img> | <img src="https://static.igem.org/mediawiki/2016/1/1f/T--UMaryland--kitofparts.jpg" id="img-parts"/img> | ||
</div> | </div> | ||
Revision as of 18:01, 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
build your own bacteria
lemonade
food color
