Team:BU Wellesley Software/Outreach

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>  
+
<head>
 +
<title>BU-Wellesley iGEM Wet Lab</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
<style type="text/css">
<style type="text/css">
-
body {background:#FFFFFF; width: 800px; margin: auto;}
 
-
 
/*hide default igem banner and reformat style into blank slate*/
/*hide default igem banner and reformat style into blank slate*/
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
Line 22: Line 23:
/*actual content styles*/
/*actual content styles*/
 +
body {width: 860px; margin:auto;}
-
 
+
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
-
#bu-wellesley_wiki_content {font-size:18pt; color:#bababa; height:700px; line-height:100%;}
+
#bu-wellesley_wiki_content a {color:#69d01d;}
-
#bu-wellesley_wiki_content a {color:#69d01d; text-transform:uppercase;}
+
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
-
.intro_greeting {font-size: 16pt; line-height: 120%;}
+
 
 +
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
 +
H6 {
 +
      font-family: Helvetica;
 +
      text-transform: uppercase;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #8f8f8f;
 +
      font-size: 40pt;
 +
      padding-left: 40px;
 +
    }
</style>
</style>
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Generic.css">
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/WetLab.css">
 +
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/scrollable-navigator.css">
 +
 
</head>
</head>
-
<body>
+
<body class="basiclayout">
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="100%"></a>
 
-
<br>
 
-
As the Boston University/Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology. Our current plan is to formulate an outreach plan with Gretchen Fougere, Assistant Dean of Outreach and Diversity at the College of Engineering within Boston University. We realize that the future of synthetic biology is heavily dependent upon the future generation’s interest in the field. Our goal is to spark the interest of middle and high school students in synthetic biology through a short presentation and an interactive game. The presentation portion allows us to provide the students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer. The interactive game provides the students with a more hands-on approach to the design and construction of genetic circuits. Our version of Scrabble teaches students how to compose valid genetic circuits and learn about their interactions with one another. Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future. We want them to see the current and potential future applications of this field and how rewarding a career in synthetic biology can be!
+
<p  style="text-align:center;"><a href="https://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="800px"></a></p>
 +
 
 +
<h6>Wet Lab</h6>
 +
 
 +
<!--wrapper for navigator elements-->
 +
<p style="text-align:center;"><div class="navi" ></div></p>
 +
 
 +
<!-- "previous page" action -->
 +
<a class="prev browse left"></a>
 +
<!-- root element for scrollable -->
 +
<div class="scrollable" id="browsable" width="800px"> 
 +
  <div class="items">
 +
  <div id="comp">
 +
<h1>Overview</h1>
 +
 
 +
                        <!-- Background content in here-->
 +
<p>As the Boston University/Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology.
 +
                        <br>
 +
                        <img style="float:right; width:280px; height:200px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>
 +
                        <br>
 +
                        Our current plan is to formulate an outreach plan with Gretchen Fougere, Assistant Dean of Outreach and Diversity at the College of Engineering within Boston University. We realize that the future of synthetic biology is heavily dependent upon the future generation’s interest in the field. <img style="float:right; width:280px; height:200px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/> Our goal is to spark the interest of middle and high school students in synthetic biology through a short presentation and an interactive game. The presentation portion allows us to provide the students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer.
 +
 
 +
                        <br><br>
 +
The interactive game provides the students with a more hands-on approach to the design and construction of genetic circuits. Our version of Scrabble teaches students how to compose valid genetic circuits and learn about their interactions with one another. Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future.
 +
 
 +
<br><br>
 +
 +
We want them to see the current and potential future applications of this field and how rewarding a career in synthetic biology can be!  
 +
                        </p>
 +
  </div>
 +
 
 +
  <div id="advisers">
 +
<h1>Results</h1>
 +
 +
                        <!-- Results content in here-->
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam.
 +
                          Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in
 +
                          euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum 
 +
                          volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et
 +
                          malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu
 +
                          egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.
 +
                        </p>
 +
  </div>
 +
 +
 +
  <div id="wetlab">
 +
<h1>Approach</h1>
 +
                     
 +
                        <!-- Approach content in here-->
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam.
 +
                          Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in
 +
                          euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum 
 +
                          volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et
 +
                          malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu
 +
                          egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.
 +
                        </p>
 +
  </div>
 +
 
 +
  </div>
 +
 
 +
</div>
 +
<!-- "next page" action -->
 +
<a class="next browse right"></a>
 +
 +
<script>
 +
// execute your scripts when the DOM is ready. this is mostly a good habit
 +
$(function() {
 +
 
 +
// initialize scrollable
 +
$(".scrollable").scrollable().navigator();
 +
 +
                        //move the scrollable content to show the middle section
 +
                        var api = $(".scrollable").data("scrollable");
 +
                        api.seekTo(1, 500);
 +
                       
 +
});
 +
 
 +
 +
</script>
 +
</div><!--end bu-wellesley_wiki_content div-->
</div><!--end bu-wellesley_wiki_content div-->
 +
</body>
</body>
</html>
</html>

Revision as of 17:26, 10 September 2011

BU-Wellesley iGEM Wet Lab

Wet Lab

Overview

As the Boston University/Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology.

Our current plan is to formulate an outreach plan with Gretchen Fougere, Assistant Dean of Outreach and Diversity at the College of Engineering within Boston University. We realize that the future of synthetic biology is heavily dependent upon the future generation’s interest in the field. Our goal is to spark the interest of middle and high school students in synthetic biology through a short presentation and an interactive game. The presentation portion allows us to provide the students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer.

The interactive game provides the students with a more hands-on approach to the design and construction of genetic circuits. Our version of Scrabble teaches students how to compose valid genetic circuits and learn about their interactions with one another. Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future.

We want them to see the current and potential future applications of this field and how rewarding a career in synthetic biology can be!

Results

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam. Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.

Approach

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam. Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.

Retrieved from "http://2011.igem.org/Team:BU_Wellesley_Software/Outreach"