Difference between revisions of "Team:Rice/Building With Biology"
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
| − | h1 { | + | .h1 { |
font-family: "Abadi MT Condensed Extra Bold", Helvetica, Arial; | font-family: "Abadi MT Condensed Extra Bold", Helvetica, Arial; | ||
font-size: 30px; | font-size: 30px; | ||
| Line 12: | Line 12: | ||
} | } | ||
| − | h3 { | + | .h3 { |
font-family: "DIN Alternate", Helvetica, Arial; | font-family: "DIN Alternate", Helvetica, Arial; | ||
font-size: 18pt; | font-size: 18pt; | ||
| Line 22: | Line 22: | ||
} | } | ||
| − | h2 { | + | .h2 { |
font-family: "DIN Alternate", Helvetica, Arial; | font-family: "DIN Alternate", Helvetica, Arial; | ||
font-size: 18px; | font-size: 18px; | ||
| Line 33: | Line 33: | ||
padding: 5px 15px 5px 15px; | padding: 5px 15px 5px 15px; | ||
} | } | ||
| − | + | .para { | |
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
font-size: 11px; | font-size: 11px; | ||
| Line 71: | Line 71: | ||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> | <br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
<div class = "fixed_flyer" id = "sec1" style="position:relative;z-index:8;"> | <div class = "fixed_flyer" id = "sec1" style="position:relative;z-index:8;"> | ||
| − | <h1 style="color:white">Introduction</ | + | <div class = "h1" style="color:white">Introduction</div> |
</div> | </div> | ||
<div class="pagediv"> | <div class="pagediv"> | ||
| − | < | + | <div class = "para">We facilitated a Building with Biology event at the Children’s Museum of Houston. Through hands-on activities like extracting DNA from wheat germ and helping kids to design their own superorganisms, we had the opportunity to introduce young children to the exciting field of synthetic biology and to clear up a few of their parents’ misconceptions. |
| − | </ | + | </div> |
</div> | </div> | ||
<div class = "fixed_flyer" id = "sec2" style="position:relative;z-index:9;"> | <div class = "fixed_flyer" id = "sec2" style="position:relative;z-index:9;"> | ||
| − | <h1 style="color:white">Background</ | + | <div class = "h1" style="color:white">Background</div> |
</div> | </div> | ||
<div class="pagediv"> | <div class="pagediv"> | ||
| − | < | + | <div class = "para">The Building with Biology project is dedicated to spreading STEM learning and discussion about the technological and societal implications of synthetic biology through public and scientist dialogue. Successful applicants receive a physical kit with all of the supplies necessary to host an event with six hands-on activities. |
| − | </ | + | </div> |
<ol> | <ol> | ||
| − | <li>< | + | <li><div class = "para">Bio Bistro: and insert the one sentence description here</div></li> |
| − | <li>< | + | <li><div class = "para">Kit of Parts</div></li> |
| − | <li>< | + | <li><div class = "para">See DNA</div></li> |
| − | <li>< | + | <li><div class = "para">Super Organisms</div></li> |
| − | <li>< | + | <li><div class = "para">Tech Tokens</div></li> |
| − | <li>< | + | <li><div class = "para">VirEx Delivery</div></li> |
</ol> | </ol> | ||
</div> | </div> | ||
<div class = "fixed_flyer" id = "sec3" style="position:relative;z-index:10;"> | <div class = "fixed_flyer" id = "sec3" style="position:relative;z-index:10;"> | ||
| − | < | + | <div class = "para" style="color:white">Timeline</div> |
</div> | </div> | ||
| − | <div class="pagediv">< | + | <div class="pagediv"><div class = "para" style="float:left"> </div> |
<div id ="one"style="height:20px; width:50px;background:red;display:block;float:left"></div> | <div id ="one"style="height:20px; width:50px;background:red;display:block;float:left"></div> | ||
<div id ="two"style="height:20px; width:200px;background:blue;display:block;float:left"></div> | <div id ="two"style="height:20px; width:200px;background:blue;display:block;float:left"></div> | ||
| Line 105: | Line 105: | ||
<br> | <br> | ||
<div id = "info"> | <div id = "info"> | ||
| − | < | + | <div class = "para" id = "defaulti" style="display:box">Above is a timeline for Building with Biology, hover over different sections to learn more!</div> |
| − | < | + | <div class = "para" id = "onei" style="display:none">Volunteer orientation at the Children’s Museum & Building with Biology training</div> |
| − | < | + | <div class ="para" id = "twoi"style="display:none">Studying the background materials for our respective stations and practicing our presentations.</div> |
| − | < | + | <div class = "para" id = "threei"style="display:none">Set up</div> |
| − | < | + | <div class = "para" id = "fouri"style="display:none">Building with Biology Event</div> |
| − | < | + | <div class = "para" id = "fivei"style="display:none">Clean up</div> |
| − | < | + | <div class = "para" id = "sixi"style="display:none">Debrief</div> |
| − | < | + | <div class = "para" id = "seveni"style="display:none">Building with Biology Facilitator Feedback Survey</div> |
</div> | </div> | ||
</div> | </div> | ||
<div class = "fixed_flyer" id = "sec4" style="position:relative;z-index:11;"> | <div class = "fixed_flyer" id = "sec4" style="position:relative;z-index:11;"> | ||
| − | <h1 style="color:white">Significance</ | + | <div class = "h1" style="color:white">Significance</div> |
</div> | </div> | ||
<div class="pagediv"> | <div class="pagediv"> | ||
| − | < | + | <div class = "para">The afternoon we spent at the Children’s Museum was particularly rewarding because we had the opportunity to interact with a cross section of the general public. The attendees had not come to the museum expecting to learn about synthetic biology, but they were eager to actively participate in the activities and to engage in conversations about the potential impact of the field. We were reminded by their vehement objections to buzzwords like “GMOs” of the significant resistance that synthetic biology still faces. </div> |
</div> | </div> | ||
</body> | </body> | ||
Revision as of 04:31, 19 October 2016
