Team:WashU/YLC

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{WashUback}}
{{WashUback}}
 +
==YLC Outreach==
==YLC Outreach==
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.
Line 10: Line 11:
===The Experiment===
===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-item2">
 +
      <h5><a href="#">Overview</a></h5>
 +
    </div>
 +
 +
    <div class="menu-item2">
 +
      <h5><a href="#">Lesson</a></h5>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Experiment</a></h5>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="/Team:WashU/BiologicalParts">Parts Utilized</a></h5>
 +
      <ul>
 +
        <li><a href="#">Characterization</a></li>
 +
      </ul>
 +
    </div>
 +
 +
<div class="menu-item2">
 +
      <h5><a href="#">Testing and Results</a></h5>
 +
    </div>
 +
 +
 +
<div class="menu-item2">
 +
      <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-item2 {
 +
  background: #fff;
 +
  width: 150px;
 +
  float: left;
 +
}
 +
 +
/*Menu Header Styles*/
 +
.menu-item2 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-item2 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-item2 h5 a {
 +
  color: white;
 +
  display: block;
 +
  text-decoration: none;
 +
  width: 200px;
 +
  list-style: none;
 +
}
 +
 +
/*ul Styles*/
 +
.menu-item2 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-item2:hover ul {
 +
  height: 31px;
 +
  list-style: none;
 +
}
 +
 +
.menu-item2 ul a {
 +
  margin-left: 20px;
 +
  text-decoration: none;
 +
  color: #aaa;
 +
  display: block;
 +
  width: 160px;
 +
  float: left;
 +
 +
}
 +
 +
/*li Styles*/
 +
.menu-item2 li {
 +
  border-bottom: 1px solid #eee;
 +
  list-style: none;
 +
}
 +
 +
.menu-item2 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 id="Sitemap">
 +
<a href="https://2012.igem.org/Team:WashU/Sitemap">
 +
<img src="http://www.pimicleaning.co.uk/images/pimi-sitemap.png" width="80px" />
 +
</a>
 +
</div>
 +
 +
</body>
 +
</html>

Revision as of 16:48, 13 June 2012


YLC Outreach

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.

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

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