Difference between revisions of "Team:UMaryland/buildingwithbiology"

Line 274: Line 274:
  
 
         h1 {
 
         h1 {
             max-width: 759px;
+
             max-width: 705px;
             min-width: 759px;
+
             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" class="profiles">
+
         <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
             $('.profiles').css('display','none'); // hides all text
+
             $('#div-' + current).css('display','none'); // hides all text
             $('.profiles').css('margin-left', '60px') // slighly shifts right all text to set up for animation
+
             $('#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

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

Contact Us

© University of Maryland iGEM 2016