|
|
(52 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{WashUback}} | + | __NOTOC__ |
- | | + | {{WashUbackYLC}} |
- | ==YLC Outreach== | + | {{WashUprojectbarylc}} |
| + | <html> |
| + | <div align = "center"> |
| + | <div id = "overview"> |
| + | <p> |
| Washington University in Saint Louis has a history of volunteer activities at The Youth Learning Center (YLC) in the Central West End in Saint Louis. Many WashU students function as volunteer mentors, tutors, or assistants at the YLC. This year's WashU iGEM team will be traveling to the YLC to give a demonstration, lesson, experiment, and survey to a group of 6th through 8th graders. | | Washington University in Saint Louis has a history of volunteer activities at The Youth Learning Center (YLC) in the Central West End in Saint Louis. Many WashU students function as volunteer mentors, tutors, or assistants at the YLC. This year's WashU iGEM team will be traveling to the YLC to give a demonstration, lesson, experiment, and survey to a group of 6th through 8th graders. |
| | | |
- | We will begin with a survey to gain preliminary knowledge of the kids' general understanding of genetic engineering, its pros and cons, and their interest in the study of the sciences. | + | We will end with a survey to gain knowledge of the kids' interest in the study of the sciences, how informative they found our presentation, and how it can be improved in their eyes. |
- | | + | </p> |
- | ===The Lesson===
| + | </div> |
- | | + | |
- | The survey will be followed with a PowerPoint presentation (LINK HERE) complete with videos and useful information to keep the children engaged while providing them with am understanding of concepts about DNA and basic genetic engineering.
| + | |
- | | + | |
- | ===The Experiment===
| + | |
- | | + | |
- | <html> | + | |
- | <style type="text/css">
| + | |
- | body {background-color:#8f0222;background-repeat:repeat; }
| + | |
- | .firstHeading {display: none;}
| + | |
- | #content {padding-left:1px; padding-right:1px; background-color:#FFEFD5;}
| + | |
- | #footer-box {background-color:#FFEFD5; border-color:#8b0000;}
| + | |
- | #bodyContent {background-color: #FFEFD5;}
| + | |
- | | + | |
- | p {color:#000000;}
| + | |
- | p {font-size:14px;}
| + | |
- | /* Red Border */
| + | |
- | div#top-section {border-width:1px 1px; border-color:#ffefd5;}
| + | |
- | div#footer-box {border-width: 1px 1px; border-color:#ffffff;}
| + | |
- | div#content {border-width:0px; border-color: #FFEFD5}
| + | |
- | </style>
| + | |
- | | + | |
- | <nav>
| + | |
- | <font face = "Palatino Linotype, Book Antiqua">
| + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="#">Overview</a></h5>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="#">Design</a></h5>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="#">Modeling</a></h5>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="/Team:WashU/BiologicalParts">Parts</a></h5>
| + | |
- | <ul><a href="#">Characterization</a></ul>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="#">Testing and Results</a></h5>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | <div class="menu-item3">
| + | |
- | <h5><a href="#">Future Work</a></h5>
| + | |
- | </div>
| + | |
- | </nav>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | * {
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | nav {
| + | |
- | font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
| + | |
- | font-size: 14px;
| + | |
- | float: left;
| + | |
- | line-height: 1.5;
| + | |
- | margin: 1px;
| + | |
- | -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
| + | |
- | -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
| + | |
- | box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
| + | |
- | }
| + | |
- | | + | |
- | .menu-item3 {
| + | |
- | background: #fff;
| + | |
- | width: 150px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | /*Menu Header Styles*/
| + | |
- | .menu-item3 h5 {
| + | |
- | border-bottom: 1px solid rgba(0,0,0,0.3);
| + | |
- | border-top: 1px solid rgba(255,255,255,0.2);
| + | |
- | color: #fff;
| + | |
- | font-size: 15px;
| + | |
- | font-weight: 500;
| + | |
- | padding: 7px 12px;
| + | |
- | | + | |
- |
| + | |
- | /*Gradient*/
| + | |
- | background: #a90329; /* Old browsers */
| + | |
- | background: -moz-linear-gradient(top, #000000 0%, #000000 44%, #000000 100%); /* FF3.6+ */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(44%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
| + | |
- | background: -webkit-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* Chrome10+,Safari5.1+ */
| + | |
- | background: -o-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* Opera 11.10+ */
| + | |
- | background: -ms-linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* IE10+ */
| + | |
- | background: linear-gradient(top, #000000 0%,#000000 44%,#000000 100%); /* W3C */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
| + | |
- | }
| + | |
- | | + | |
- | .menu-item3 h5:hover {
| + | |
- | background: #000000; /* Old browsers */
| + | |
- | background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
| + | |
- | background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
| + | |
- | background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */
| + | |
- | background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */
| + | |
- | background: linear-gradient(top, #000000 0%,#000000 100%); /* W3C */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | .menu-item3 h5 a {
| + | |
- | color: white;
| + | |
- | display: block;
| + | |
- | text-decoration: none;
| + | |
- | width: 200px;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | /*ul Styles*/
| + | |
- | .menu-item3 ul {
| + | |
- | background: #fff;
| + | |
- | font-size: 13px;
| + | |
- | line-height: 30px;
| + | |
- | height: 0px;
| + | |
- | list-style-type: none;
| + | |
- | overflow: hidden;
| + | |
- | padding: 0px;
| + | |
- | display:block;
| + | |
- | position:absolute;
| + | |
- | | + | |
- | /*Animation*/
| + | |
- | -webkit-transition: height 1s ease;
| + | |
- | -moz-transition: height 1s ease;
| + | |
- | -o-transition: height 1s ease;
| + | |
- | -ms-transition: height 1s ease;
| + | |
- | transition: height 1s ease;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .menu-item3:hover ul {
| + | |
- | height: 93px;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | .menu-item3 ul a {
| + | |
- | margin-left: 20px;
| + | |
- | text-decoration: none;
| + | |
- | color: #aaa;
| + | |
- | display: block;
| + | |
- | width: 160px;
| + | |
- | float: left;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | /*li Styles*/
| + | |
- | .menu-item3 li {
| + | |
- | border-bottom: 1px solid #eee;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | .menu-item3 li:hover {
| + | |
- | background: #eee;
| + | |
- | | + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | /*First Item Styles*/
| + | |
- | .alpha p {
| + | |
- | padding: 8px 12px;
| + | |
- | color: #aaa;
| + | |
- | }
| + | |
- | | + | |
- | .alpha p a {
| + | |
- | color: #aaa;
| + | |
- | font-style: italic;
| + | |
- | }
| + | |
| | | |
- | .alpha p a:hover { | + | <div align = "center"> |
- | color: #ccc;
| + | <div class="prezi-player"><style type="text/css" media="screen">.prezi-player { width: 620px; } .prezi-player-links { text-align: center; }</style><object id="prezi_uzqc6qii9sxn" name="prezi_uzqc6qii9sxn" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="620" height="900"><param name="movie" value="http://prezi.com/bin/preziloader.swf"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="bgcolor" value="#ffffff"/><param name="flashvars" value="prezi_id=uzqc6qii9sxn&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0"/><embed id="preziEmbed_uzqc6qii9sxn" name="preziEmbed_uzqc6qii9sxn" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="780" height="600" bgcolor="#ffffff" flashvars="prezi_id=uzqc6qii9sxn&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0"></embed></object><div class="prezi-player-links"><p><a title="YLC" href="http://prezi.com/uzqc6qii9sxn/ylc/">YLC</a> on <a href="http://prezi.com">Prezi</a></p></div></div> |
- | }
| + | </div> |
| | | |
- | </style> | + | <div align = "center"> |
- | </nav> | + | <a href="/Team:WashU/YLCLesson"><img src ="http://aux.iconpedia.net/uploads/1782679686.png" width=82px height=82px></a></div> |
| </html> | | </html> |