Difference between revisions of "Team:UMaryland/buildingwithbiology"

Line 145: Line 145:
 
             position: absolute;
 
             position: absolute;
 
             width: 100%;
 
             width: 100%;
−
             height: 75px;
+
             height: 100px;
−
             margin-top: 20px;
+
             margin-top: 50px;
 
             display: block;
 
             display: block;
 
             color: black;
 
             color: black;
Line 154: Line 154:
 
         }
 
         }
  
−
         #container {
+
         .pull-right a {
−
            width: 750px;
+
             padding-right: 0px !important;
−
            margin-left: auto;
+
−
            margin-right: auto;
+
−
             padding-right: 15px;
+
−
            padding-left: 15px;
+
−
            margin-top: -7px;
+
 
         }
 
         }
  
−
         #container img {
+
         .copyright {
−
            height: 20px;
+
−
            width: 20px;
+
−
            margin-top: -40px;
+
−
            -webkit-filter: grayscale(100%);
+
−
            filter: grayscale(100%);
+
−
        }
+
−
 
+
−
        #bot-nav img:hover {
+
−
            -webkit-filter: grayscale(0%);
+
−
            filter: grayscale(0%);
+
−
        }
+
−
 
+
−
        #container ul {
+
 
             text-align: center;
 
             text-align: center;
−
             margin-top: -13px;
+
             width: 100%;
−
             margin-right: -22px;
+
            max-width: 1200px;
 +
            min-width: 600px;
 +
            height: 30px;
 +
             margin-left: auto;
 +
            margin-right: auto;
 
         }
 
         }
  
−
         #container li {
+
         .pull-left {
 +
            margin-top: -3px;
 +
            width: 83px;
 +
            margin-left: 30px;
 +
            margin-right: auto;
 
             display: inline;
 
             display: inline;
−
             margin-right: -14px;
+
             height: 34px;
 
         }
 
         }
  
−
         #bot-nav a {
+
         .pull-left p {
−
             text-decoration: none;
+
             margin: 0 0 0 0;
−
             color: black;
+
            padding: 0 0 0 0 !important;
 +
            line-height: 0px !important;
 +
        }
 +
 
 +
        .pull-right {
 +
             width: 70px;
 +
            margin-right: 30px;
 +
            margin-left: auto;
 
         }
 
         }
  
 
         #copyright {
 
         #copyright {
 
             text-align: center;
 
             text-align: center;
−
             padding-top: 24px;
+
             left:auto;
−
             padding-right: 63px;
+
            right: auto;
 +
            width: 100%;
 +
             padding: 0 0 0 0;
 +
            margin-top: -27px;
 
         }
 
         }
  
−
         #contact:hover {
+
         #container {
−
             text-shadow: .1px .1px black;
+
             min-width: 600px;
 +
            max-width: 1200px;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
            margin-top: 25px;
 
         }
 
         }
  
−
        /* Resized bot-nav */
+
         #container img {
−
 
+
−
        h4, h5 {
+
−
            font-family: 'Lora', serif;
+
−
            font-weight: normal;
+
−
            font-size: 12pt;
+
−
        }
+
−
 
+
−
         #bot-navResized {
+
−
            text-align: center;
+
−
        }
+
−
 
+
−
        #bot-navResized img {
+
 
             height: 20px;
 
             height: 20px;
 
             width: 20px;
 
             width: 20px;
Line 221: Line 213:
 
         }
 
         }
  
−
         #bot-navResized ul {
+
         #bot-nav img:hover {
−
             text-align: center;
+
             -webkit-filter: grayscale(0%);
−
             margin-top: 6px;
+
             filter: grayscale(0%);
 
         }
 
         }
  
−
         #bot-navResized li {
+
         #container li {
 
             display: inline;
 
             display: inline;
−
             margin-right: -14px;
+
             list-style:none;
 
         }
 
         }
  
−
         #copyrightResized {
+
         #copyright {
−
             margin-top: -23px;
+
             float:left;
 
         }
 
         }
  
−
         #contactResized {
+
         .pull-left {
−
             margin-top: -10px;
+
             float:left;
 
         }
 
         }
  
−
         #contactResized:hover {
+
         #bot-nav a {
 +
            text-decoration: none;
 +
            color: black;
 +
        }
 +
 
 +
        #contact:hover {
 
             text-shadow: .1px .1px black;
 
             text-shadow: .1px .1px black;
 
         }
 
         }
 +
  
 
         /* Background of page */
 
         /* Background of page */
Line 671: Line 669:
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
−
        </div>
 
−
        <div id="bot-navResized">
 
−
            <a href="mailto:umarylandigem@gmail.com"><h4 id="contactResized"> Contact Us </h4></a>
 
−
            <h5 id="copyrightResized">© University of Maryland iGEM 2016</h5>
 
−
            <ul id="social-mediaResized">
 
−
                <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--FBlogo.png"/> </a> </li>
 
−
                <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--UMaryland--Instalogo.png"/> </a> </li>
 
−
            </ul>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 729: Line 719:
 
$('nav ul').addClass("scrolled");
 
$('nav ul').addClass("scrolled");
 
}
 
}
−
}
 
−
}
 
−
            function checkBotNav() {
 
−
if ($(window).width() < 980){
 
−
                    $('#container').css('display', 'none');
 
−
                    $('#bot-navResized').css('display', 'block');
 
−
                    $('#bot-nav').css('height', '110px');
 
−
} else {
 
−
                    $('#container').css('display', 'block');
 
−
                    $('#bot-navResized').css('display', 'none');
 
−
                    $('#bot-nav').css('height', '75px');
 
 
}
 
}
 
}
 
}
 
// Execute on load
 
// Execute on load
 
     checkWidth();
 
     checkWidth();
−
            checkBotNav();
 
 
     // Bind event listener
 
     // Bind event listener
 
     $(window).resize(checkWidth);
 
     $(window).resize(checkWidth);
−
    $(window).resize(checkBotNav);
 
 
});
 
});
 
// Resized nav bar effect when more icon is clicked
 
// Resized nav bar effect when more icon is clicked

Revision as of 19:58, 3 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 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

Contact Us