Team:WashU/YLC

From 2012.igem.org

(Difference between revisions)
Line 12: Line 12:
===The Experiment===
===The Experiment===
-
{{WashUprojectbar}}
+
<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 {
 +
color: #ccc;
 +
}
 +
 
 +
</style>
 +
</nav>
 +
</html>

Revision as of 16:38, 14 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"