Team:WashU/YLC

From 2012.igem.org

(Difference between revisions)
 
(55 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===
+
-
 
+
-
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="#">Lesson</a></h5>
+
-
    </div>
+
-
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Experiment</a></h5>
+
-
    </div>
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="/Team:WashU/BiologicalParts">Parts Utilized</a></h5>
+
-
      <ul>
+
-
        <li><a href="#">Characterization</a></li>
+
-
      </ul>
+
-
    </div>
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Testing and Results</a></h5>
+
-
    </div>
+
-
 
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Future Vision</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: center;
+
-
  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, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
+
-
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
-
}
+
-
 
+
-
.menu-item3 h5:hover { 
+
-
  background: #cc002c; /* Old browsers */
+
-
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
+
-
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',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: 31px;
+
-
  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 {
+
-
color: #ccc;
+
-
}
+
-
 
+
-
</style>
+
-
</nav>
+
-
</html>
+
-
<html>
+
-
<head>
+
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
  <style type="text/css">
+
-
 
+
-
    #BackToTop {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  right:0;
+
-
  }
+
-
 
+
-
  #Sitemap {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  left:0;
+
-
  }
+
-
 
+
-
  </style>
+
-
  </head>
+
-
 
+
-
</html>
+
-
 
+
-
<html>
+
-
<body>
+
-
 
+
-
<div id="BackToTop">
+
-
<a href="#top">
+
-
<img src="http://aux.iconpedia.net/uploads/11879496962061246695.png" width="48px" />
+
-
</a>
+
</div>
</div>
-
<div id="Sitemap">
+
<div align = "center">
-
<a href="https://2012.igem.org/Team:WashU/Sitemap">
+
<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&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;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&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;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>
-
<img src="http://www.pimicleaning.co.uk/images/pimi-sitemap.png" width="80px" />
+
-
</a>
+
</div>
</div>
-
</body>
+
<div align = "center">
 +
<a href="/Team:WashU/YLCLesson"><img src ="http://aux.iconpedia.net/uploads/1782679686.png" width=82px height=82px></a></div>
</html>
</html>

Latest revision as of 15:54, 17 August 2012




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 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.

YLC on Prezi

Retrieved from "http://2012.igem.org/Team:WashU/YLC"