Difference between revisions of "Team:Tacoma RAINmakers/Public Engagement"

Line 1: Line 1:
 
{{Tacoma_RAINmakers}}
 
{{Tacoma_RAINmakers}}
<html>
+
 
 +
<!DOCTYPE html>
 +
<html lang="en" dir="ltr" class="client-nojs">
 
<head>
 
<head>
 +
<meta charset="UTF-8" />
 +
<title>Team:TacomaRAINMakers/PublicEngagement.igem.org</title>
 +
<meta name="generator" content="MediaWiki 1.24.1" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
 +
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
 +
<link rel="alternate" hreflang="x-default" href="/Team:Imperial_College/Experiments" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 +
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
 +
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 +
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
 +
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 +
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
 +
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
 +
<script>if(window.mw){
 +
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Imperial_College/Experiments","wgTitle":"Team:Imperial College/Experiments","wgCurRevisionId":421339,"wgRevisionId":421339,"wgArticleId":1288,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Xuhei","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Imperial_College/Experiments","wgUserId":9970,"wgUserEditCount":0,"wgUserRegistration":1532368247000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
 +
}</script><script>if(window.mw){
 +
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
 +
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"34ee894f33abd8d089d9c03ca4226f86+\\","patrolToken":"ee86af8f9bff43c53800ca1522e6d5cc+\\","watchToken":"54cb1aa6630936e337a2cc3f9a020d3d+\\"});},{},{});
 +
/* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:4a61ca288db799f371fc6079ee1969fd */
 +
}</script>
 +
<script>if(window.mw){
 +
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 +
}</script>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Imperial_College_Experiments skin-igem action-view">
 +
 +
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
 +
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
 +
 +
 +
    <div id='globalWrapper'>
 +
        <div id='top_menu_under' class='noprint'></div>
 +
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3AImperial%20College%2FExperiments",
 +
a:"View+%2FTeam%3AImperial_College%2FExperiments++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AImperial_College%2FExperiments%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AImperial_College%2FExperiments%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AImperial_College%2FExperiments%26action%3Dwatch%26token%3D5ae911c6f897468def2a0220f8a3f3c2%252B%255C++Page+%2FTeam%3AImperial_College%2FExperiments++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AImperial_College%2FExperiments%26action%3Dedit%26redlink%3D1++" });
 +
</script>
 +
 +
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
 +
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
 +
 +
            <div id="top_title">
 +
                <div class="logo_2016">
 +
                    <a href="https://2016.igem.org">
 +
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
 +
                    </a>
 +
                </div>
 +
 +
        <h1 id="firstHeading" class="firstHeading">
 +
            <span dir="auto">Team:Imperial College/Experiments</span>
 +
        </h1>
 +
            </div>
 +
 +
            <div id="HQ_page">
 +
                <div id="bodyContent">
 +
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 +
<head>
 +
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:Bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:BootstrapStyling?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 +
 +
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:NEStyle?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Imperial_College/Resources/JS?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:VerticalScroll&amp;action=raw&amp;ctype=text/css">
 +
 +
<script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<script src="https://2016.igem.org/Team:Imperial_College/Resources/Modernizers&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2016.igem.org/Team:Imperial_College/Resources/JS:Bootstrap&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2016.igem.org/Team:Imperial_College/Resources/JS:Jquery&amp;action=raw&amp;ctype=text/javascript"></script>
 +
 +
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
 +
 
<style>
 
<style>
* {
+
 
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 
 +
#sideMenu,
 +
#top_title {
 +
  display: none;
 +
}
 +
 
 +
#content {
 +
  padding: 0px;
 +
  width: 100%;
 +
}
 +
 
 +
body {
 +
  background-color: white;
 +
  width: 100%;
 +
}
 +
 
 +
#bodyContent h1,
 +
#bodyContent h2,
 +
#bodyContent h3,
 +
#bodyContent h4,
 +
#bodyContent h5 {
 +
  margin-bottom: 0px;
 +
}
 +
 
 +
#bodyContent {
 +
  padding-right: 0px;
 +
}
 +
 
 +
#globalWrapper {
 +
  font-size: 100%;
 +
  padding: 0px;
 +
  margin: -10px -20px -20px -20px;
 +
}
 +
 
 +
.navbar-collapse {
 +
  padding-left: 0px;
 +
}
 +
 
 +
#banner {
 +
  margin-top: 50px;
 +
}
 +
 
 +
#sideMenu {
 +
  margin-top: 10px;
 +
}
 +
 
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
 
 +
 
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 
 +
 
 +
/* Wrapper for the content */
 +
 
 +
.content_wrapper {
 +
  width: 85%;
 +
  margin-left: 150px;
 +
  padding: 0px;
 +
  float: left;
 +
  background-color: white;
 +
}
 +
 
 +
 
 +
/*LAYOUT */
 +
 
 +
.column {
 +
  padding: 10px 0px;
 +
  float: left;
 +
  background-color: white;
 +
}
 +
 
 +
.full_size {
 +
  width: 100%;
 +
}
 +
 
 +
.full_size img {
 +
  padding: 10px 15px;
 +
  width: 96.5%;
 +
}
 +
 
 +
.half_size {
 +
  width: 50%;
 +
}
 +
 
 +
.half_size img {
 +
  padding: 10px 15px;
 +
  width: 93%;
 +
}
 +
 
 +
.img:hover {
 +
  opacity: 1.0 !important;
 +
}
 +
 
 +
.clear {
 +
  clear: both;
 +
}
 +
 
 +
.highlight {
 +
  width: 90%;
 +
  margin: auto;
 +
  padding: 15px 5px;
 +
  background-color: #f2f2f2;
 +
}
 +
 
 +
.judges-will-not-evaluate {
 +
  border: 4px solid #72c9b6;
 +
  display: block;
 +
  margin: 5px 15px;
 +
  width: 95%;
 +
  font-weight: bold;
 +
}
 +
 
 +
 
 +
/*STYLING */
 +
 
 +
 
 +
/* styling for the titles */
 +
 
 +
.content_wrapper h1,
 +
.content_wrapper h2 {
 +
  padding: 5px 15px;
 +
  border-bottom: 0px;
 +
  color: #72c9b6;
 +
}
 +
 
 +
.content_wrapper h3,
 +
.content_wrapper h4,
 +
.content_wrapper h5,
 +
.content_wrapper h6 {
 +
  padding: 5px 15px;
 +
  border-bottom: 0px;
 +
  color: #000000;
 +
}
 +
 
 +
 
 +
/* font and text */
 +
 
 +
.content_wrapper p {
 +
  padding: 0px 15px;
 +
  font-size: 13px;
 +
  font-family: 'Spinnaker', sans-serif;
 +
}
 +
 
 +
 
 +
/* Links */
 +
 
 +
.content_wrapper a {
 +
  font-weight: bold;
 +
  text-decoration: underline;
 +
  text-decoration-color: #72c9b6;
 +
  color: #72c9b6;
 +
  -webkit-transition: all 0.4s ease;
 +
  -moz-transition: all 0.4s ease;
 +
  -ms-transition: all 0.4s ease;
 +
  -o-transition: all 0.4s ease;
 +
  transition: all 0.4s ease;
 +
}
 +
 
 +
 
 +
/* hover for the links */
 +
 
 +
.content_wrapper a:hover {
 +
  text-decoration: none;
 +
  color: #000000;
 +
}
 +
 
 +
 
 +
/* non numbered lists */
 +
 
 +
.content_wrapper ul {
 +
  padding: 0px 20px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
 
 +
/* numbered lists */
 +
 
 +
.content_wrapper ol {
 +
  padding: 0px;
 +
  font-size: 13px;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
 
 +
/* Table */
 +
 
 +
.content_wrapper table {
 +
  width: 97%;
 +
  margin: 15px 10px;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
}
 +
 
 +
 
 +
/* table cells */
 +
 
 +
.content_wrapper td {
 +
  padding: 10px;
 +
  vertical-align: text-top;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
}
 +
 
 +
 
 +
/* table headers */
 +
 
 +
.content_wrapper th {
 +
  padding: 10px;
 +
  vertical-align: text-top;
 +
  border: 1px solid #d3d3d3;
 +
  border-collapse: collapse;
 +
  background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
/* Button class */
 +
 
 +
.button_click {
 +
  margin: 10px auto;
 +
  padding: 15px;
 +
  width: 12%;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  background-color: #72c9b6;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.4s ease;
 +
  -moz-transition: all 0.4s ease;
 +
  -ms-transition: all 0.4s ease;
 +
  -o-transition: all 0.4s ease;
 +
  transition: all 0.4s ease;
 +
}
 +
 
 +
 
 +
/* button class on hover */
 +
 
 +
.button_click:hover {
 +
  background-color: #000000;
 +
  color: #72c9b6;
 +
}
 +
 
 +
.top-pad {
 +
  padding: 35px;
 +
}
 +
 
 +
 
 +
/********************************* RESPONSIVE STYLING ********************************/
 +
 
 +
 
 +
/* IF THE SCREEN IS LESS THAN 1000PX */
 +
 
 +
@media only screen and (max-width: 1000px) {
 +
  #content {
 +
    width: 100%;
 +
  }
 +
  .menu_wrapper {
 +
    width: 15%;
 +
  }
 +
  .content_wrapper {
 +
    margin-left: 15%;
 +
  }
 +
  .menu_item {
 +
    display: block;
 +
  }
 +
  .icon {
 +
    display: none;
 +
  }
 +
  .highlight {
 +
    padding: 10px 0px;
 +
  }
 +
}
 +
 
 +
 
 +
/* IF THE SCREEN IS LESS THAN 680PX */
 +
 
 +
@media only screen and (max-width: 680px) {
 +
  .collapsable_menu_control {
 +
    display: block;
 +
  }
 +
  .menu_item {
 +
    display: none;
 +
  }
 +
  .menu_wrapper {
 +
    width: 100%;
 +
    height: 15%;
 +
    position: relative;
 +
  }
 +
  .content_wrapper {
 +
    width: 100%;
 +
    margin-left: 0px;
 +
  }
 +
  .column.half_size {
 +
    width: 100%;
 +
  }
 +
  .column img {
 +
    width: 100%;
 +
    padding: 5px 0px;
 +
  }
 +
  .icon {
 +
    display: block;
 +
  }
 +
  .highlight {
 +
    padding: 15px 5px;
 +
  }
 +
}
 +
 
 +
   
 +
   
 +
/* Heidi's new stylin' */
 +
    * {
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
}
 
}
Line 32: Line 443:
 
}
 
}
 
</style>
 
</style>
 +
 +
<script>
 +
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
 +
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
 +
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 +
// this adds the page's title as an h4
 +
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
 +
 +
 +
 +
 +
$('#accordion').find('.menu_item').click(function(){
 +
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 +
icon = $(this).find('.icon');
 +
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 +
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 +
 +
});
 +
 +
 +
 +
 +
</script>
 
</head>
 
</head>
 +
 +
 +
<!--
 
<body>
 
<body>
 +
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 +
    <div class="container-fluid">
 +
      <div class="navbar-header">
 +
 +
        <a class="navbar-logo" href="https://2016.igem.org/Team:Imperial_College">
 +
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2016/2/2a/T--Imperial_College--Logo.png" height="80" width="80">
 +
        </a>
 +
 +
 +
      </div>
 +
      <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
 +
        <a class="navbar-logo" href="https://2016.igem.org/Team:Imperial_College">
 +
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2016/1/1a/T--Imperial_College--Imperial_Logo.png" height="120" width="120">
 +
        </a>
 +
      </div>
 +
 +
      <div id="navbar" class="navbar-collapse collapse">
 +
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Description">Project <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Description">Description</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Results">Results</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Proof">Proof</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Basic_Part">Basic Parts</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Composite_Part">Composite Parts</a></li>
 +
            </ul>
 +
          </li>
 +
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Model">Modelling <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Model">Overview</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/SingleCell">Single Cell Model</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/GRO">Population Model</a></li>
 +
 +
            </ul>
 +
          </li>
 +
 +
 +
          <li>
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Software">Software Tools </a></li>
 +
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Notebook">Notebook <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Notebook">Lab book</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Experiments">Protocols</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Medals">Medal Criteria</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/BrainStorm">Brainstorm</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Human_Practices">Human Practices <span class="caret"></span></a>
 +
            <ul class="dropdown-menu">
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Human_Practices">Human Practices</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Integrated_Practices">Integrated Practices</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">Public Engagement</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Collaborations">Collaborations</a></li>
 +
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle active" href="https://2016.igem.org/Team:Imperial_College/Team">Team <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="text-align: right;">
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Team">Team</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Imperial_College/Attributions">Attributions</a></li>
 +
 +
            </ul>
 +
          </li>
 +
        </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
    </div>
 +
    <!-- /.container-fluid -->
 +
 +
-->
 +
 +
 +
<body>
 +
<div class="bg-primary">
 +
<section>
 +
   
 +
    <!--
 +
<div class="col-lg-16">
 +
<center>
 +
            <img src="https://static.igem.org/mediawiki/2016/e/e4/T--Imperial_College--ProtoBanner.png" height="450"/>
 +
          </center>
 +
 +
</div>
 +
-->
 +
 +
 +
 +
<div class="col-lg-10 col-centered">
 +
    <!--
 +
<p>On this page, the ecolibrium team would like to share with you the protocols that we have been using over the summer. This library of protocols has been developed alongside our supervisors for the purpose of this study. Here you can find the exact methods we use to generate our data and results. We share them in the interest of reproducibility.<br><br></p>
 +
-->
 +
    <h2> Public Engagement and Education <br><br></h2>
 +
   
 +
    <p>“Synthetic Biology” can sound daunting to even the bravest of academics. We want to change that. Removing the stigma around science might not be accomplished in one iGEM season, or even by one iGEM team, but we made a difference this year...and that’s something to be proud of.
 +
We taught high schoolers about bioengineering to help them gain confidence in their ability. We played with lots of kids to inspire them to pursue science. We threw a party to tell people all about iGEM and what biology can do.  We made an app that will introduce people to plasmids wherever they are. Most of all, we told everyone we met how much is possible thanks to synthetic biology.
 +
<br><br></p>
 +
   
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P1">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P1-collapse" aria-expanded="false" aria-controls="P1-collapse">
 +
<div>
 +
                    <div class="col-md-11">Bioengineering Camp</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P1-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P1">
 +
                    <div class="panel-body">
 +
 +
<!-- <p>
 +
<b>Materials:</b><br>
 +
LB broth<br>
 +
Ice<br>
 +
Selection plates<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
<ol style="font-size:16px;">
 +
<li>Thaw 50µL competent E. coli cells on ice for 10 minutes<br></li>
 +
<li>Add:
 +
<ul style="font-size:16px;">
 +
<li>5-10 µl DNA from a ligation reaction mix or </li>
 +
<li>10-100ng DNA of a known plasmid </li>
 +
</ul>
 +
</li>
 +
<li>Carefully flick the tube 4-5 times to mix cells and DNA. <b>Do not vortex.</b></li>
 +
<li>Place the mixture on ice for 30 minutes. <b>Do not mix.</b></li>
 +
<li>Heat shock at exactly 42°C for exactly 30 seconds. <b>Do not mix.</b></li>
 +
<li>Place on ice for 5 minutes. <b>Do not mix.</b></li>
 +
<li>Pipette 950 µl of room temperature SOC or LB media into the mixture.</li>
 +
<li>Incubate at 37°C and 200-250 rpm for 60 minutes.</li>
 +
<li>Mix the cells thoroughly by flicking the tube and inverting.</li>
 +
<li>Spread:
 +
<ul style="font-size:16px;">
 +
<li>For ligation reaction DNA: 100µl of each transformation reaction onto a selection plate. For the rest of 900 µL:
 +
<ol style="font-size:16px;">
 +
<li>Pellet cells at 8000rpm for 3 minutes</li>
 +
<li>Remove and dispense 600 µL of supernatant </li>
 +
<li>Re-suspend cells by light vortexing</li>
 +
<li>Plate resuspended cells as above</li>
 +
</ol></li>
 +
 +
<li>For known plasmid: 10 &amp; 100 µL of each transformation reaction onto a selection plate. For the rest of 890 µL:
 +
<ol style="font-size:16px;">
 +
<li>Pellet cells at 8000rpm for 3 minutes</li>
 +
<li>Remove and dispense 600 µL of supernatant </li>
 +
<li>Re-suspend cells by light vortexing</li>
 +
<li>Plate resuspended cells as above</li>
 +
</ol></li>
 +
</ul>
 +
<li>Incubate overnight at 37°C with plates upside down.</li>
 +
</ol>
 +
                       
 +
</p>
 +
-->
 +
                       
 +
                        <p> At the end of July we helped RAIN Incubator launch a week long summer camp that introduced incoming ninth and tenth graders to the world of synthetic biology. The campers were local public school students with little to no experience in science. We designed nine experiments for them to run. The first half of the week was spent running agarose gels, learning how to identify cells under a microscope, extracting their own DNA, and creating art in 96 well plates with Bradford Reagent and BSA. The second half of the week we got into more advanced biology. They ran endpoint PCR and learned how to use agarose gels to analyze their results, then split into groups to grow bacteria cultures. We used the BioBuilder kit, Eau That Smell, based on the 2006 MIT iGEM team’s project. For the purpose of the camp, we created a new protocol that showed the students how adding isoamyl alcohol to their cultures affects the growth. They learned that while adding isoamyl alcohol will make the culture smell like bananas, adding too much will, as one camper put it, “make the bacteria smell like feet”.
 +
                        <br>
 +
                           
 +
                            The feedback from the campers was incredible. They all took short tests, to assess their understanding of biology, before and after the camp. Scores from the first test, taken at the beginning of the camp, averaged 57.7% with a standard deviation of 22.7%. Scores from the second test, taken at the end of the camp, averaged 93.4% with a standard deviation of 7.3%. This shows that every camper learned the concepts presented throughout the week, regardless of their background knowledge. Many of the students began the week with no interest in science, and very little confidence in their ability. We are so proud to say that every student left the camp feeling excited about science, and feeling like they could have a future in biology.
 +
                            <br>
 +
                            <br>
 +
                           
 +
                            “While excited to try [the camp], I wasn’t really sure if it was going to be something I’d be interested in.  But from the first day I came here the lab work we’ve been doing and the stuff we’ve been working on has been something that sparks that interest for science.  The mentors and peers here have been unbelievably nice and helpful and I would recommend this camp to anyone interested in science, biology, or engineering.”
 +
                            <br>
 +
                            -- Chista Lackey, 15, Lincoln High School
 +
                            <br>
 +
                            <br>
 +
 +
                            “At first I was a little hesitant and scared coming here because of the title ‘bioengineering.’  I thought no way could I ever do that I don’t even know what a cell membrane is. RAIN proved me wrong. I was able to understand what we were taught.”
 +
                            <br>
 +
                            -- Alice Wagar, 14, SAMI
 +
                            <br>
 +
                            <br>
 +
 +
                            “I have learned so much over this week that I had no idea about.  I found the lab about PCR screening fascinating. The fact that we can essentially reproduce DNA at mass quantities with just some chemicals and a thermocycler is just so amazing.  Normally biologist learn about this in college but the fact that I got this opportunity so early really made me inspired.”
 +
                            <br>
 +
                            -- Madison Auble, 15, Stadium High School
 +
                            <br>
 +
                            <br>
  
<h2>Responsive "Side-by-Side" Images</h2>
+
                            “Now, a week ago, if you were to ask me the question, ‘what do you want to be when you grow up?’ I would have panicked and said computer programmer...  But I have a question to ask back-- ‘how can I choose when I don’t know what I’m choosing?’ I might say I want to be an astronaut, but do I know what that really entails?  So I want to thank everyone that was a part of making this camp possible. Getting to see what bioengineering really is and what it means to be a bioengineer has been an incredibly valuable experience… I hope that this program can continue on in the future so that more students can experience this amazing opportunity.
<p>How to create side-by-side images with the CSS float property. On screens that are 500px wide or less, the images will stack on top of each other instead of next to each other:</p>
+
                            <br>
<p>Resize the browser window to see the effect.</p>
+
                            --Kendall Dawson, 14, SAMI
 +
                            <br>
  
<div class="heidirow">
+
                       
 +
                        </p>
 +
                       
 +
                       
 +
                        <div class="heidirow">
 +
<div class="heidirow">
 
   <div class="heidicolumn">
 
   <div class="heidicolumn">
 
     <img class = "heidisize" src="https://static.igem.org/mediawiki/2018/9/9e/T--Tacoma_RAINmakers--BiocampMandySarahPictionary.jpg" alt="Biocamp" style="width:100%">
 
     <img class = "heidisize" src="https://static.igem.org/mediawiki/2018/9/9e/T--Tacoma_RAINmakers--BiocampMandySarahPictionary.jpg" alt="Biocamp" style="width:100%">
Line 49: Line 727:
 
     <img class = "heidisize" src="https://static.igem.org/mediawiki/2018/1/1f/T--Tacoma_RAINmakers--BiocampGroupPhoto.jpg" alt="Biocamp" style="width:100%">
 
     <img class = "heidisize" src="https://static.igem.org/mediawiki/2018/1/1f/T--Tacoma_RAINmakers--BiocampGroupPhoto.jpg" alt="Biocamp" style="width:100%">
 
   </div>
 
   </div>
 +
</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
               
 +
                       
 +
                   
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P2">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P2-collapse" aria-expanded="false" aria-controls="P2-collapse">
 +
<div>
 +
                    <div class="col-md-11">Visit to Sherman Elementary</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P2-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P2">
 +
                    <div class="panel-body">
 +
    <!--
 +
<p>
 +
<b>Materials:</b><br>
 +
5 ml LB broth<br>
 +
5 μl antibiotic<br>
 +
Loops<br>
 +
12 ml culture tube<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
Overnight cultures were prepared under sterile conditions using a Bunsen burner<br>
 +
<ol style="font-size:16px;">
 +
<li>Add 5 ml liquid LB media into 12 ml culture tubes</li>
 +
<li>Add 5 μl of appropriate antibiotic into the broth</li>
 +
<li>Using the loop, pick a single colony and inoculate the cultures by dipping the loop into the LB broth</li>
 +
<li>Seal the tubes and incubate overnight at 37°C shaking at 200-250 rpm</li>
 +
</ol>
 +
</p>
 +
-->
 +
                        <p>
 +
                        In an effort to get younger generations interested in science, we visited the third grade classes of Sherman Elementary School. Sherman Elementary is a Tacoma public school that practices project based learning. We designed an activity to teach students about DNA and how base pairing works. We started by talking about the DNA in their bodies, as their current unit was on the human body. By making a connection to something they had learned about in class, the students were able to better understand how we used DNA to make an arsenic test. The sessions were closed with a discussion about arsenic, and the potential dangers of having arsenic in their soil. The students were all very excited to hear about our lab work, especially when we talked about growing bacteria!
 +
                            </p>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P3">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P3-collapse" aria-expanded="false" aria-controls="P3-collapse">
 +
<div>
 +
                    <div class="col-md-11">Sue’s Tech Kitchen</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P3-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P3">
 +
                    <div class="panel-body">
 +
<!--
 +
<p>
 +
<b>Materials:</b><br>
 +
2x Phusion Mastermix<br>
 +
10 µM forward primer<br>
 +
10 µM forward primer<br>
 +
PCR tube<br>
 +
Sterile water<br>
 +
Plasmid DNA<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
For a 25 µL reaction<br>
 +
<ol style="font-size:16px;">
 +
<li>In a PCR tube on ice, combine  1-10 ng of plasmid DNA, 1.25 µL of 10 µM forward primer, 1.25 µL of 10 µM reverse primer to a PCR tube on ice, 12.5 µL of 2x Phusion Mastermix, and sterile water up to 25 µL.
 +
<br><i>Note: It is important to add Phusion Master Mix last in order to prevent primer degradation
 +
caused by the 3 ́→ 5 ́ exonuclease activity</i></li>
 +
<li>Gently mix the reaction</li>
 +
<li>If necessary, collect the liquid to the bottom of the PCR tube by spinning briefly</li>
 +
<li>Transfer the PCR tube from ice to a PCR machine to begin thermocycling</li>
 +
</ol>
 +
 +
<p><br>For a 50 µL reaction<br></p>
 +
<ol style="font-size:16px;">
 +
<li>In a PCR tube on ice, combine  1-10 ng of plasmid DNA, 2.50 µL of 10 µM forward primer, 2.50 µL of 10 µM reverse primer to a PCR tube on ice, 25 µL of 2x Phusion Mastermix, and sterile water up to 50 µL.
 +
<br><i>Note: It is important to add Phusion Master Mix last in order to prevent primer degradation
 +
caused by the 3 ́→ 5 ́ exonuclease activity</i></li>
 +
<li>Gently mix the reaction</li>
 +
<li>If necessary, collect the liquid to the bottom of the PCR tube by spinning briefly</li>
 +
<li>Transfer the PCR tube from ice to a PCR machine preheated to 98°C to begin thermocycling</li>
 +
</ol>
 +
<p><br><b>Thermocycling</b><br>
 +
The PCR machine should be set to run the following steps: </p>
 +
<table class="table table-bordered table-striped">
 +
<thead>
 +
        <tr>
 +
            <th>Step</th>
 +
            <th>Temperature (°C)</th>
 +
            <th>Time</th>
 +
         
 +
        </tr>
 +
    </thead>
 +
    <tbody>
 +
        <tr>
 +
            <td>Initial denaturation</td>
 +
            <td>98</td>
 +
            <td>30 seconds</td>
 +
        </tr>
 +
        <tr>
 +
            <td>25-35 cycles</td>
 +
            <td>98 (denaturation)<br>
 +
                45-72 (annealing) <a href="#Note1">see Note 1</a><br>
 +
                72 (extension)</td>
 +
            <td>5-10 seconds <br>
 +
                10-30 seconds<br>
 +
                15-30 seconds per kb</td>
 +
        </tr>
 +
        <tr>
 +
            <td>Final extension</td>
 +
            <td>72</td>
 +
            <td>2-5 minutes</td>
 +
        </tr>
 +
        <tr>
 +
            <td>Hold</td>
 +
            <td>4</td>
 +
            <td>Indefinitely</td>
 +
        </tr>
 +
 +
    </tbody>
 +
</table>
 +
 +
<p id="Note1">Note 1: Use the NEB Tm calculator should be used to determine the annealing temperature when using Phusion: <a target="_blank" href="http://tmcalculator.neb.com/#!/">http://tmcalculator.neb.com/#!/</a></p>
 +
 +
 +
</p>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P4">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P4-collapse" aria-expanded="false" aria-controls="P4-collapse">
 +
<div>
 +
                    <div class="col-md-11">Launch Party</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P4-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P4">
 +
                    <div class="panel-body">
 +
<p>
 +
<b>Materials:</b><br>
 +
Sterile Water<br>
 +
25 µL RedTaq mastermix<br>
 +
1 E. coli colony<br>
 +
2.5 µL of 10 µM forward primer<br>
 +
2.5 µL of 10 µM reverse primer<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
<ol style="font-size:16px;">
 +
<li>Add a single colony of cells to 50 µL of water. Incubate at 95C for a minute to lyse the cells.</li>
 +
<li>Combine 1 µL cell lysate, 25 µL RedTaq mastermix, 2.5 µL of 10 µM forward primer, 2.5 µL of 10 µM reverse primer, and sterile water up to 50 µL. <br>
 +
<i>Note: It is important to add RedTaq Master Mix last in order to prevent primer
 +
degradation caused by the 3 ́→ 5 ́ exonuclease activity</i></li>
 +
<li>Incubate in the thermocycler -  Taq has a lower optimum temperature than Phusion.</li>
 +
 +
</ol>
 +
 +
<p><br><b>Thermocycling</b><br>
 +
The PCR machine should be set to run the following steps: </p>
 +
<table class="table table-bordered table-striped">
 +
<thead>
 +
        <tr>
 +
            <th>Step</th>
 +
            <th>Temperature (°C)</th>
 +
            <th>Time</th>
 +
         
 +
        </tr>
 +
    </thead>
 +
    <tbody>
 +
        <tr>
 +
            <td>Initial denaturation</td>
 +
            <td>98</td>
 +
            <td>30 seconds</td>
 +
        </tr>
 +
        <tr>
 +
            <td>25-35 cycles</td>
 +
            <td>98 (denaturation)<br>
 +
                45-72 (annealing) <a href="#Note1">see Note 1</a><br>
 +
                68 (extension)</td>
 +
            <td>5-10 seconds <br>
 +
                10-30 seconds<br>
 +
                15-30 seconds per kb</td>
 +
        </tr>
 +
        <tr>
 +
            <td>Final extension</td>
 +
            <td>72</td>
 +
            <td>5-10 minutes</td>
 +
        </tr>
 +
        <tr>
 +
            <td>Hold</td>
 +
            <td>4</td>
 +
            <td>Indefinitely</td>
 +
        </tr>
 +
 +
    </tbody>
 +
</table>
 +
<p>Note: If loading on a gel, the RedTaq mix contains loading dye, so don’t add anything else.</p>
 +
-->
 +
<p>
 +
Sue’s Tech Kitchen, the creation of Randi Zuckerberg, is a nationwide event dedicated to getting people excited about science through food. It’s known for its’ 3D printed smores and miracle berries, but it also serves as an opportunity for local groups to share their projects and visions with the community. We held a booth at the event in Tacoma, and had a blast telling our community all about our project. We created a mockup of our project with pH strips to represent the sensor, and solutions of a known acidity to represent water samples from around Puget Sound. Kids loved the idea of putting what looked like paper, into what looked like water, and seeing the paper change colors before their eyes. Adults were more excited about the idea of getting to test their own water and get accurate results that were easy to read. On a whiteboard, we set up a magnetic puzzle of our plasmid parts. Guests got to put together the puzzle as fast as they could, and the best time of each day won a cool water bottle. We met some incredible people, including a woman who helped create the map of arsenic contamination caused by the smelter. We had many people ask to buy test strips, but since the sensor isn’t complete, they settled for signing up for the email list. The event gave us great insight on what matters to the community, and we even got ideas on how to expand the sensor in the future!                                         
 +
                        </p>
 +
                       
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P5">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P5-collapse" aria-expanded="false" aria-controls="P5-collapse">
 +
<div>
 +
                    <div class="col-md-11">Launch Party</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P5-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P5">
 +
                    <div class="panel-body">
 +
 +
<p>
 +
To kick off the iGEM season, and raise some money for jamboree, we held a team launch party. For the fundraising, members of our team collected, and in some cases created, items to be auctioned off at the party. We ended up with a beautiful auction, consisting of a serene hillside painting by Brendan Studebaker, one of our instructors, an amazing drawing on a papercut backdrop by Heidi Xu, a team member, and a stunning framed photo taken by Ian Gutierrez, a team member. During the event we spoke to guests about what our project was, and received input on how to make it even better. Since it was still the beginning of the season, it was the perfect time for us to talk to the community about what they wanted to see in an arsenic test.
 +
</p>
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P6">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P6-collapse" aria-expanded="false" aria-controls="P6-collapse">
 +
<div>
 +
                    <div class="col-md-11">Our App</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P6-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P6">
 +
                    <div class="panel-body">
 +
<p>
 +
This year, our tech savvier team members created an app to introduce our project! The goal of the app is much like the goal of our project: to make something that anyone can use. It’s a simple design that introduces the sensor in an engaging and entertaining environment. Hearing the words “synthetic biology” can be scary for some people, so it was important that our app be as accessible as possible. You play as our plasmid, out on an adventure to test samples. The goal is to get as far as possible while avoiding the towers of unknown DNA. Players can go for a personal best, or compete with their friends for the high score!
 +
                        </p>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P7">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P7-collapse" aria-expanded="false" aria-controls="P7-collapse">
 +
              <div>
 +
                    <div class="col-md-11">Social Media</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P7-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P7">
 +
                    <div class="panel-body">
 +
<p>
 +
Over the course of this iGEM season, members of our team have kept the community up to date with our project, through social media! Having an active digital presence helped us to stay in touch with what iGEM teams, and team members, from around the world. We started off the year with a team blog. It had detailed weekly updates about everything we were working on, but it didn’t allow for much communication with viewers. We switched over to an Instagram, and found much better results! Reaching nearly 40 posts this year, the account kept us in close contact with almost 100 iGEM teams that we wouldn’t have met otherwise. Every week we posted a “Meet the Team Monday” to spotlight the achievements of someone on our team. For every long day spent in the lab, we made a post to remember it. While the Instagram wasn’t as informative as our blog, the connections we made through it were even stronger!
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
    </div>
 +
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P8">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P8-collapse" aria-expanded="false" aria-controls="P8-collapse">
 +
<div>
 +
                    <div class="col-md-11">Pacific Northwest Meetup</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P8-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P8">
 +
                    <div class="panel-body">
 +
<p>
 +
This year, the Washington iGEM team hosted an event for teams around the world. It included industry panels, practice presentations, workshops, poster sessions, a Q+A, and a public fair at Gasworks Park. Human Practices has always been important to us, so we knew we’d have to do something extra special for the fair! We came up with an activity, that was later revised and used for more events. First we collected solutions with different acidity levels. They were labeled to correspond with a Puget Sound map of arsenic contamination. Then we handed out pH strips to represent our arsenic sensor. Visitors could dip the strips into the solution, and the color of the strip would tell them how much arsenic is in water at that location. The audience varied widely in age, so the event gave us good practice in tweaking our presentations on the spot. We had a great time at the meetup, and got great responses at the fair! Thank you Washington iGEM for hosting such a fun event!
 +
                        </p>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
   
 +
    <div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P9">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P9-collapse" aria-expanded="false" aria-controls="P9-collapse">
 +
<div>
 +
                    <div class="col-md-11">Clover Park Rotary Club Presentation</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P9-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P9">
 +
                    <div class="panel-body">
 +
 +
<p>
 +
This July, members of our team were able to present at a nearby branch of Rotary International. Rotary is a global organization dedicated to promoting peace, growing local economies, fighting disease, providing clean water, saving mothers and children, and supporting education. As local residents, the members had experienced the difficulties in testing their soil firsthand. We spoke about the potentials of synthetic biology, and the potential of our sensor. They seemed excited about just using a test strip for arsenic, and even more excited about what synthetic biology could do.
 +
</p>
 +
  </div>
 +
</div>
 +
</div>
 +
   
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
<!--
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P9">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P9-collapse" aria-expanded="false" aria-controls="P9-collapse">
 +
<div>
 +
                    <div class="col-md-11">Growth Characterisation</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P9-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P9">
 +
                    <div class="panel-body">
 +
<p>
 +
<b>Materials:</b><br>
 +
Microcentrifuge tube<br>
 +
Media of choice<br>
 +
Overnight Culture of Cells<br>
 +
96 well plate<br>
 +
Plate reader<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
<ol style="font-size:16px;">
 +
<li>Dilute overnight cultures to 0.1 OD. <b>Don’t forget the media control.</b></li>
 +
<li>Seed your cells in the 96 well plate at 100μL per well.</li>
 +
<li>Make reaction up to 20 µL using sterile water</li>
 +
<li>Set the plate reader for 600OD and run it for 12 hours for bacteria or 24 hours plus for yeast
 +
</li>
 +
</ol>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P10">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P10-collapse" aria-expanded="false" aria-controls="P10-collapse">
 +
<div>
 +
                    <div class="col-md-11">Cell Sorting for Co-Culture Characterisation</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P10-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P10">
 +
                    <div class="panel-body">
 +
<p>
 +
<b>Materials:</b><br>
 +
Microcentrifuge tube<br>
 +
Media of choice<br>
 +
Overnight Culture of Cells<br>
 +
96 well plate<br>
 +
Flow Cytometer<br>
 +
PBS<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
<ol style="font-size:16px;">
 +
<li>Use Flowjo to predefine the gates for the Flow cytometer. This allows the cells within the co culture to be counted based on size.</li>
 +
<li>Dilute the Cultures to 1 OD (don’t forget the media control) and culture together at desired inoculation ratio</li>
 +
<li>Set up samples in triplicate form on a 96 well plate. Dilute 10 fold and 100 fold in PBS.</li>
 +
<li>Incubate Cells and take samples at desired time points to obtain growth curves</li>
 +
</ol>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P11">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P11-collapse" aria-expanded="false" aria-controls="P11-collapse">
 +
 +
<div>
 +
                    <div class="col-md-11">Quorum Characterisation Experiments</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P11-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P11">
 +
                    <div class="panel-body">
 +
<p>
 +
<b>Materials:</b><br>
 +
Replica plate or glycerol stock of cells<br>
 +
Appropriate antibiotic<br>
 +
LB broth<br>
 +
96 well plate<br>
 +
AHLs (at concentrations of 10pM, 100pM, 1nM, 10nM, 100nM, 1µM, 10µM and 100µM)<br>
 +
<br>
 +
<b>Methods:</b><br>
 +
<ol style="font-size:16px;">
 +
<li>Grow overnight culture of cells, either from replica plate or glycerol stock (see overnight culture protocol)
 +
</li>
 +
<li>In the morning, add 100 µL of the cell suspension to 10 mL LB and 10µL of antibiotic</li>
 +
<li>Grow cells in incubator for 3-4 hours at 200rpm and 37°C</li>
 +
<li>Blank spectrophotometer with 1mL LB and measure OD of cells (dilute 10x in LB)</li>
 +
<li>Make up suspension of cells at OD 0.05</li>
 +
<li>Add 100µL of cells to each well in the 96-well plate using the block-filler machine</li>
 +
<li>Using the multi-channel pipette add 2µL of intended AHL to each well, add samples in triplicate form
 +
</li>
 +
<li>Using the multi-channel pipette add 2µL of intended AHL to each well, add samples in triplicate form
 +
</li>Run on plate-reader for 12 hours, with fluorescence and absorbance measurements taken every 15 minutes (set plate reader to 37°C and 500rpm shaking)
 +
</li>
 +
</ol>
 +
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P12">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P12-collapse" aria-expanded="false" aria-controls="P12-collapse">
 +
<div>
 +
                    <div class="col-md-11">PCR Purification, Gel Extraction &amp; Miniprep</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                 
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P12-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P12">
 +
                    <div class="panel-body">
 +
<p>
 +
<b>PCR purification</b> was performed according to the QIAquick PCR Purification Kit<br>
 +
<b>Gel extraction</b> was performed according to the QIAquick Gel Extraction Kit<br>
 +
<b>Minipreps</b> were carried out according to the QIAprep Spin Miniprep Kit<br>
 +
 +
 +
  </div>
 +
</div>
 +
</div>
 +
-->
 +
</div>
 +
    </div>
 +
    </div>
 +
</section>
 +
    </div>
 
</body>
 
</body>
 +
                    <!--
 +
<img class="backTop" onclick="document.documentElement.scrollTop = document.body.scrollTop = 480;" src="https://static.igem.org/mediawiki/2016/1/19/T--Imperial_College--BackTop.png" height="40px" width="40px">
 +
 +
 +
<style>
 +
.footer-distributed{
 +
background-color: #F7F5E6;
 +
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 80px;
 +
}
 +
 +
.footer-distributed .footer-left p{
 +
        color:  #52658F;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
.footer-distributed .footer-right p{
 +
        color:  #52658F;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
 +
/* Footer links */
 +
 +
.footer-distributed p.footer-links{
 +
font-size:18px;
 +
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 +
}
 +
 +
 +
.footer-distributed p.footer-links a{
 +
display:inline-block;
 +
line-height: 1.8;
 +
text-decoration: none;
 +
color:  inherit;
 +
}
 +
 +
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 +
}
 +
 +
 +
 +
.footer-distributed .footer-right a{
 +
display: inline-block;
 +
width: 50px;
 +
height: 35px;
 +
background-color:  #33383b;
 +
border-radius: 2px;
 +
 +
font-size: 20px;
 +
color: #52658F;
 +
text-align: center;
 +
line-height: 35px;
 +
 +
margin-left: 3px;
 +
}
 +
 +
.sponsors {
 +
            margin: 2.5px;
 +
            width: 125px;
 +
        }
 +
 +
/* If you don't want the footer to be responsive, remove these media queries */
 +
 +
@media (max-width: 600px) {
 +
 +
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 +
}
 +
}
 +
</style>
 +
 +
<footer class="footer-distributed">
 +
 +
<div class="footer-right">
 +
                <a target="_blank" href="mailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
 +
    <a target="_blank" href="https://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a>
 +
<a target="_blank" href="https://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a>
 +
<a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a>
 +
<p> Email: igem.imperial2016@gmail.com </p>
 +
</div>
 +
 +
 +
<div class="footer-left">
 +
 +
<p class="footer-links">
 +
<a target="_blank" href="https://www.imperial.ac.uk/synthetic-biology">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/6/68/T--Imperial_College--csynbi.png">
 +
    </a>
 +
 +
<a target="_blank" href="http://www.synbicite.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1c/T--Imperial_College--synb.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://www.neb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
 +
    </a>
 +
<a target="_blank" href="https://www.sebiology.org/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/5e/T--Imperial_College--SEB.png">
 +
    </a>
 +
                             
 +
                                        <a target="_blank" href="https://wellcome.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/b/b5/T--Imperial_College--Wellcom.png">
 +
    </a> 
 +
 +
            <a target="_blank" href="https://www.epsrc.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/d/d9/T--Imperial_College--EPSRC.jpg">
 +
    </a>
 +
<a target="_blank" href="http://www.bbsrc.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1e/T--Imperial_College--BBSRC.gif">
 +
    </a>
 +
<a target="_blank" href="https://www.eppendorf.com/UK-en/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/3/3a/T--Imperial_College--Eppendorf.png">
 +
    </a>
 +
 +
<a target="_blank" href="http://www.bmglabtech.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ee/T--Imperial_College--BMG.png">
 +
    </a>
 +
 +
</p>
 +
 +
 +
</div>
 +
 +
</footer>
 +
 +
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.007 seconds
 +
Real time usage: 0.008 seconds
 +
Preprocessor visited node count: 14/1000000
 +
Preprocessor generated node count: 64/1000000
 +
Post‐expand include size: 82/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:1288-0!*!*!*!*!*!* and timestamp 20181004172450 and revision id 421339
 +
-->
 +
                   
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 +
        </div>
 +
 +
        <!-- Side Menubar -->
 +
        <div id="sideMenu">
 +
            <a href="https://2016.igem.org">
 +
                <div id="home_logo" >
 +
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
 +
                </div>
 +
            </a>
 +
 +
            <div style="clear:both; height:5px;"></div>
 +
 +
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
 +
        </div>
 +
 +
        <!-- Pop_Why Div is definded here -->
 +
        <div class="pop_why_cover"></div>
 +
 +
        <div class="pop_why_box" >
 +
            <div class="pop_close">× </div>
 +
            <div class="pop_why_content"><h3> Loading ... </h3></div>
 +
        </div>
 +
 +
    </body>
 +
   
 
</html>
 
</html>

Revision as of 03:20, 6 October 2018

Team:TacomaRAINmakers/Notebook - 2017.igem.org

Team:ECUST/Lab/Notebook

<!DOCTYPE html> Team:TacomaRAINMakers/PublicEngagement.igem.org

Loading menubar.....

Team:Imperial College/Experiments

-->

Public Engagement and Education

“Synthetic Biology” can sound daunting to even the bravest of academics. We want to change that. Removing the stigma around science might not be accomplished in one iGEM season, or even by one iGEM team, but we made a difference this year...and that’s something to be proud of. We taught high schoolers about bioengineering to help them gain confidence in their ability. We played with lots of kids to inspire them to pursue science. We threw a party to tell people all about iGEM and what biology can do. We made an app that will introduce people to plasmids wherever they are. Most of all, we told everyone we met how much is possible thanks to synthetic biology.

At the end of July we helped RAIN Incubator launch a week long summer camp that introduced incoming ninth and tenth graders to the world of synthetic biology. The campers were local public school students with little to no experience in science. We designed nine experiments for them to run. The first half of the week was spent running agarose gels, learning how to identify cells under a microscope, extracting their own DNA, and creating art in 96 well plates with Bradford Reagent and BSA. The second half of the week we got into more advanced biology. They ran endpoint PCR and learned how to use agarose gels to analyze their results, then split into groups to grow bacteria cultures. We used the BioBuilder kit, Eau That Smell, based on the 2006 MIT iGEM team’s project. For the purpose of the camp, we created a new protocol that showed the students how adding isoamyl alcohol to their cultures affects the growth. They learned that while adding isoamyl alcohol will make the culture smell like bananas, adding too much will, as one camper put it, “make the bacteria smell like feet”.
The feedback from the campers was incredible. They all took short tests, to assess their understanding of biology, before and after the camp. Scores from the first test, taken at the beginning of the camp, averaged 57.7% with a standard deviation of 22.7%. Scores from the second test, taken at the end of the camp, averaged 93.4% with a standard deviation of 7.3%. This shows that every camper learned the concepts presented throughout the week, regardless of their background knowledge. Many of the students began the week with no interest in science, and very little confidence in their ability. We are so proud to say that every student left the camp feeling excited about science, and feeling like they could have a future in biology.

“While excited to try [the camp], I wasn’t really sure if it was going to be something I’d be interested in. But from the first day I came here the lab work we’ve been doing and the stuff we’ve been working on has been something that sparks that interest for science. The mentors and peers here have been unbelievably nice and helpful and I would recommend this camp to anyone interested in science, biology, or engineering.”
-- Chista Lackey, 15, Lincoln High School

“At first I was a little hesitant and scared coming here because of the title ‘bioengineering.’ I thought no way could I ever do that I don’t even know what a cell membrane is. RAIN proved me wrong. I was able to understand what we were taught.”
-- Alice Wagar, 14, SAMI

“I have learned so much over this week that I had no idea about. I found the lab about PCR screening fascinating. The fact that we can essentially reproduce DNA at mass quantities with just some chemicals and a thermocycler is just so amazing. Normally biologist learn about this in college but the fact that I got this opportunity so early really made me inspired.”
-- Madison Auble, 15, Stadium High School

“Now, a week ago, if you were to ask me the question, ‘what do you want to be when you grow up?’ I would have panicked and said computer programmer... But I have a question to ask back-- ‘how can I choose when I don’t know what I’m choosing?’ I might say I want to be an astronaut, but do I know what that really entails? So I want to thank everyone that was a part of making this camp possible. Getting to see what bioengineering really is and what it means to be a bioengineer has been an incredibly valuable experience… I hope that this program can continue on in the future so that more students can experience this amazing opportunity.”
--Kendall Dawson, 14, SAMI

Biocamp
Biocamp
Biocamp

In an effort to get younger generations interested in science, we visited the third grade classes of Sherman Elementary School. Sherman Elementary is a Tacoma public school that practices project based learning. We designed an activity to teach students about DNA and how base pairing works. We started by talking about the DNA in their bodies, as their current unit was on the human body. By making a connection to something they had learned about in class, the students were able to better understand how we used DNA to make an arsenic test. The sessions were closed with a discussion about arsenic, and the potential dangers of having arsenic in their soil. The students were all very excited to hear about our lab work, especially when we talked about growing bacteria!

Sue’s Tech Kitchen, the creation of Randi Zuckerberg, is a nationwide event dedicated to getting people excited about science through food. It’s known for its’ 3D printed smores and miracle berries, but it also serves as an opportunity for local groups to share their projects and visions with the community. We held a booth at the event in Tacoma, and had a blast telling our community all about our project. We created a mockup of our project with pH strips to represent the sensor, and solutions of a known acidity to represent water samples from around Puget Sound. Kids loved the idea of putting what looked like paper, into what looked like water, and seeing the paper change colors before their eyes. Adults were more excited about the idea of getting to test their own water and get accurate results that were easy to read. On a whiteboard, we set up a magnetic puzzle of our plasmid parts. Guests got to put together the puzzle as fast as they could, and the best time of each day won a cool water bottle. We met some incredible people, including a woman who helped create the map of arsenic contamination caused by the smelter. We had many people ask to buy test strips, but since the sensor isn’t complete, they settled for signing up for the email list. The event gave us great insight on what matters to the community, and we even got ideas on how to expand the sensor in the future!

To kick off the iGEM season, and raise some money for jamboree, we held a team launch party. For the fundraising, members of our team collected, and in some cases created, items to be auctioned off at the party. We ended up with a beautiful auction, consisting of a serene hillside painting by Brendan Studebaker, one of our instructors, an amazing drawing on a papercut backdrop by Heidi Xu, a team member, and a stunning framed photo taken by Ian Gutierrez, a team member. During the event we spoke to guests about what our project was, and received input on how to make it even better. Since it was still the beginning of the season, it was the perfect time for us to talk to the community about what they wanted to see in an arsenic test.

This year, our tech savvier team members created an app to introduce our project! The goal of the app is much like the goal of our project: to make something that anyone can use. It’s a simple design that introduces the sensor in an engaging and entertaining environment. Hearing the words “synthetic biology” can be scary for some people, so it was important that our app be as accessible as possible. You play as our plasmid, out on an adventure to test samples. The goal is to get as far as possible while avoiding the towers of unknown DNA. Players can go for a personal best, or compete with their friends for the high score!

Over the course of this iGEM season, members of our team have kept the community up to date with our project, through social media! Having an active digital presence helped us to stay in touch with what iGEM teams, and team members, from around the world. We started off the year with a team blog. It had detailed weekly updates about everything we were working on, but it didn’t allow for much communication with viewers. We switched over to an Instagram, and found much better results! Reaching nearly 40 posts this year, the account kept us in close contact with almost 100 iGEM teams that we wouldn’t have met otherwise. Every week we posted a “Meet the Team Monday” to spotlight the achievements of someone on our team. For every long day spent in the lab, we made a post to remember it. While the Instagram wasn’t as informative as our blog, the connections we made through it were even stronger!

This year, the Washington iGEM team hosted an event for teams around the world. It included industry panels, practice presentations, workshops, poster sessions, a Q+A, and a public fair at Gasworks Park. Human Practices has always been important to us, so we knew we’d have to do something extra special for the fair! We came up with an activity, that was later revised and used for more events. First we collected solutions with different acidity levels. They were labeled to correspond with a Puget Sound map of arsenic contamination. Then we handed out pH strips to represent our arsenic sensor. Visitors could dip the strips into the solution, and the color of the strip would tell them how much arsenic is in water at that location. The audience varied widely in age, so the event gave us good practice in tweaking our presentations on the spot. We had a great time at the meetup, and got great responses at the fair! Thank you Washington iGEM for hosting such a fun event!

This July, members of our team were able to present at a nearby branch of Rotary International. Rotary is a global organization dedicated to promoting peace, growing local economies, fighting disease, providing clean water, saving mothers and children, and supporting education. As local residents, the members had experienced the difficulties in testing their soil firsthand. We spoke about the potentials of synthetic biology, and the potential of our sensor. They seemed excited about just using a test strip for arsenic, and even more excited about what synthetic biology could do.

×

Loading ...