Team:William and Mary/project

<html class="html" lang="en-US">
 <head>

<style media="screen" type="text/css">

#content{
    width: 100%;
}

#globalWrapper{
    padding-bottom: 0px;
}

/* Removes header footer and borders */
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
    display:none;}
#top-section {
    border: none;
    height: 0px;}
#content {
    border: none;}

/* Removes "teams" from the menubar */
#menubar.left-menu.noprint > ul > li:last-child {
    display: none;}
/* Resizes the menubar to fik the links (default is 400px) */
#menubar {
    width: auto;}


body {
    margin: 10px 0 0 0;
    padding: 0;}
#top-section {
    width: 965px;
    height: 0;
    margin: 0 auto;
    padding: 0;
    border: none;}
#menubar {
    font-size: 65%;
    top: -14px;}
.left-menu:hover {
    background-color: transparent;}
#menubar li a {
    background-color: transparent;}
#menubar:hover {
    color: white;}
#menubar li a {
    color: transparent;}
#menubar:hover li a {
    color: white;}

</style>

  <script type="text/javascript">
   if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "jquery.musemenu.js", "project.css"], "outOfDate":[]};
</script>
  
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
  <meta name="generator" content="2014.2.0.284"/>
  <title>Project</title>
  <!-- CSS -->
  <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:William_and_Mary/wm_global.css?action=raw&amp;ctype=text/css"/>
  <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:William_and_Mary/wm_master.css?action=raw&amp;ctype=text/css"/>
  <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:William_and_Mary/wm_project.css?action=raw&amp;ctype=text/css" id="pagesheet"/>
  <!-- Other scripts -->
  <script type="text/javascript">
   document.documentElement.className += ' js';
</script>
  <!-- JS includes -->
  <!--[if lt IE 9]>
  <script src="scripts/html5shiv.js?4241844378" type="text/javascript"></script>
  <![endif]-->
   </head>
 <body>

  <div class="clearfix" id="page"><!-- column -->
   <div class="position_content" id="page_position_content">
    <div class="clearfix colelem" id="pu841"><!-- group -->
     <div class="browser_width grpelem" id="u841-bw">
      <div id="u841"><!-- group -->
       <div class="clearfix" id="u841_align_to_page">
        <a class="nonblock nontext clip_frame grpelem" id="u1083" href="https://2014.igem.org/Main_Page"><!-- image --><img class="block" id="u1083_img" src="https://static.igem.org/mediawiki/2014/c/c2/WM_Igem_logo_circle.png" alt="" width="150" height="150"/></a>
        <a class="nonblock nontext grpelem" id="u842-4" href="https://2014.igem.org/Team:William_and_Mary"><!-- rasterized frame --><img id="u842-4_img" alt="The Calcium Kit" width="537" height="73" src="https://static.igem.org/mediawiki/2014/4/45/WM_Header_CalciumKit_U842-4.png"/></a>
        <a class="nonblock nontext clip_frame grpelem" id="u874" href="https://igem.org/Team.cgi?year=2014&amp;team_name=William_and_Mary"><!-- image --><img class="block" id="u874_img" src="https://static.igem.org/mediawiki/2014/6/6b/WM_Constructioncolif.png" alt="" width="168" height="134"/></a>
       </div>
      </div>
     </div>
     <div class="clip_frame grpelem" id="u846"><!-- image -->
      <img class="block" id="u846_img" src="https://static.igem.org/mediawiki/2014/e/ec/Williamandmarywolf.png" alt="" width="532" height="84"/>
     </div>
     <a class="anchor_item grpelem" id="top"></a>
    </div>
    <nav class="MenuBar clearfix colelem" id="menuu386"><!-- horizontal box -->
     <div class="MenuItemContainer clearfix grpelem" id="u408"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u411" href="https://2014.igem.org/Team:William_and_Mary"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u413" alt="Home" src="https://static.igem.org/mediawiki/2014/a/a0/WM_Nav_Home_U413.png"/><!-- state-based BG images --></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u526"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u529" href="https://2014.igem.org/Team:William_and_Mary/team"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u531" alt="Team" src="https://static.igem.org/mediawiki/2014/8/82/WM_Nav_Team_U531.png"/><!-- state-based BG images --></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u446"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u449" href="https://2014.igem.org/Team:William_and_Mary/project"><!-- horizontal box --><div class="MenuItemLabel NoWrap grpelem" id="u451-4"><!-- rasterized frame --><div id="u451-4_clip"><img id="u451-4_img" alt="Project" width="135" height="29" src="https://static.igem.org/mediawiki/2014/5/57/WM_Nav_Project_U451-4-a.png"/></div></div></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u394"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u397" href="https://2014.igem.org/Team:William_and_Mary/parts"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u400" alt="Parts" src="https://static.igem.org/mediawiki/2014/5/50/WM_Nav_Parts_U400.png"/><!-- state-based BG images --></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u401"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u404" href="https://2014.igem.org/Team:William_and_Mary/notebook"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u406" alt="Notebook" src="https://static.igem.org/mediawiki/2014/1/1c/WM_Nav_Notebook_U406.png"/><!-- state-based BG images --></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u387"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u388" href="https://2014.igem.org/Team:William_and_Mary/safety"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u389" alt="Safety" src="https://static.igem.org/mediawiki/2014/b/b5/WM_Nav_Safety_U389.png"/><!-- state-based BG images --></a>
     </div>
     <div class="MenuItemContainer clearfix grpelem" id="u925"><!-- vertical box -->
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u926" href="https://2014.igem.org/Team:William_and_Mary/thanks"><!-- horizontal box --><img class="MenuItemLabel NoWrap grpelem" id="u929" alt="Thanks" src="https://static.igem.org/mediawiki/2014/0/04/WM_Nav_Thanks_U929.png"/><!-- state-based BG images --></a>
     </div>
    </nav>
    <div class="clearfix colelem" id="ppu655"><!-- group -->
     <div class="clearfix grpelem" id="pu655"><!-- column -->
      <a class="nonblock nontext anim_swing clip_frame colelem" id="u655" href="https://2014.igem.org/Team:William_and_Mary/project#groundwork"><!-- image --><img class="block" id="u655_img" src="https://static.igem.org/mediawiki/2014/0/09/WM_Isc_blueprint.jpg" alt="" width="328" height="328"/></a>
      <div class="clearfix colelem" id="u798-4"><!-- content -->
       <p>Click on a blueprint to progress to the next phase of construction!</p>
      </div>
     </div>
     <img class="grpelem" id="u645-20" alt="OUR GOAL: The goal of this project was to create a set of tools that would open up the door to studying calcium dynamics to future teams. Calcium is a crucial signal in many aspects for eukaryotic organisms, including brain development and function; however, creating molecular tools to study calcium dynamics in eukaryotes is extremely difficult. By creating parts to emulate, measure, and record calcium spikes in model prokaryotes, our team hoped to pave the way for future teams to build genetic circuits for eukaryotic systems. We planned to create three different classes of parts that can: 1. Create calcium influx in bacteria
2. Indicate the presence of calcium
3. Keep track of calcium spikes and produce a reporter molecule after a certain number of spikes " width="587" height="612" src="https://static.igem.org/mediawiki/2014/5/53/WM_Project_Goal-blurb_U645-20.png"/><!-- rasterized frame -->
    </div>
    <div class="clearfix colelem" id="pu646-3"><!-- group -->
     <div class="clearfix grpelem" id="u646-3"><!-- content -->
      <p>&nbsp;</p>
     </div>
     <div class="clearfix grpelem" id="u647-3"><!-- content -->
      <p>&nbsp;</p>
     </div>
    </div>
    <div class="clearfix colelem" id="u897-3"><!-- content -->
     <p>&nbsp;</p>
    </div>
    <div class="clearfix colelem" id="ppgroundwork"><!-- group -->
     <div class="clearfix grpelem" id="pgroundwork"><!-- column -->
      <a class="anchor_item colelem" id="groundwork"></a>
      <div class="clearfix colelem" id="pu663"><!-- group -->
       <a class="nonblock nontext anim_swing clip_frame grpelem" id="u663" href="https://2014.igem.org/Team:William_and_Mary/project#future_plans"><!-- image --><img class="block" id="u663_img" src="https://static.igem.org/mediawiki/2014/f/f1/WM_Isc_in_progress.jpg" alt="" width="760" height="380"/></a>
       <div class="clearfix grpelem" id="u799-4"><!-- content -->
        <p>Click on the construction site to progress to the next phase!</p>
       </div>
      </div>
      <div class="clearfix colelem" id="u670-6"><!-- content -->
       <p id="u670-2">3. Tracking and reporting Ca2+ spikes:</p>
       <p id="u670-4">A calcium&#45;dependent promoter would activate a genetic counting circuit that would, after a specified number of spikes, produce a reporter gene to indicate that this number of spikes occurred in the cells.</p>
      </div>
     </div>
     <img class="grpelem" id="u894-4" alt="Groundwork:" width="313" height="42" src="https://static.igem.org/mediawiki/2014/a/a3/WM_Project_Groundwork_U894-4.png"/><!-- rasterized frame -->
     <img class="grpelem" id="u896-15" alt="&nbsp;1. Creating Ca2+ influx in bacteria:
The green algae Chlamydomonas naturally produces two non&#45;specific cation channels that activate in response to particular wavelengths of light. Named channelrhodopsin&#45;1 (ChR1) and channelrhodopsin&#45;2 (ChR2), we thought that these could be used to induce calcium spikes in prokaryotes. There exist multiple varieties of ChR1 and ChR2, which have been optimized for different ions and conditions. 2. Indicating presence of Ca2+:
Genetically Encoded Calcium Indicators (GECIs) are fusion proteins of a fluorescent protein (XFP) and calmodulin (calcium&#45;binding messenger). XFP is initially in a non&#45;fluorescing state. Upon binding of Ca2+, a conformational change in calmodulin activates the XFP, producing fluorescent light. " width="384" height="759" src="https://static.igem.org/mediawiki/2014/a/a4/WM_Project_Groundwork_U896-15.png"/><!-- rasterized frame -->
    </div>
    <div class="clearfix colelem" id="pfuture_plans"><!-- group -->
     <a class="anchor_item grpelem" id="future_plans"></a>
     <img class="grpelem" id="u683-7" alt="Future Directions: With the tools that have been developed and are continuing to be developed, the William &amp; Mary iGEM team is making huge amounts of progress towards achieving our goals of inducing calcium spikes, reporting the presence of calcium, and counting calcium spikes in prokaryotes. We have adapted two channelrhodopsins to make them usable by iGEM teams, and have made great strides towards having a functioning RCaMP (or GCaMP) available to be used in future iGEM projects. We hope that opening up this door will create more options for future teams intending to study this important signaling molecule." width="812" height="314" src="https://static.igem.org/mediawiki/2014/1/1c/WM_Project_FutureDirections-blurb_U683-7.png"/><!-- rasterized frame -->
    </div>
    <a class="nonblock nontext clip_frame colelem" id="u677" href="https://2014.igem.org/Team:William_and_Mary/parts"><!-- image --><img class="block" id="u677_img" src="https://static.igem.org/mediawiki/2014/0/0f/Team_isc.jpg" alt="" width="582" height="873"/></a>
    <div class="verticalspacer"></div>
    <div class="clearfix colelem" id="u684-6"><!-- content -->
     <p><span id="u684">The Calcium Kids (and our marvelous PI!)</span></p>
     <p><span id="u684-3">Click on the photo to look at our Parts page!</span></p>
    </div>
   </div>
  </div>
  <div class="preload_images">
   <img class="preload" src="images/u413-a.png" alt=""/>
   <img class="preload" src="images/u531-a.png" alt=""/>
   <img class="preload" src="images/u400-a.png" alt=""/>
   <img class="preload" src="images/u406-a.png" alt=""/>
   <img class="preload" src="images/u389-a.png" alt=""/>
   <img class="preload" src="images/u929-a.png" alt=""/>
  </div>
  <!-- JS includes -->
  <script type="text/javascript">
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script type="text/javascript">
   window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script src="scripts/museutils.js?4050293121" type="text/javascript"></script>
  <script src="scripts/jquery.watch.js?3946357177" type="text/javascript"></script>
  <script src="scripts/jquery.musemenu.js?4027237583" type="text/javascript"></script>
  <!-- Other scripts -->
  <script type="text/javascript">
   $(document).ready(function() { try {
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.",(d=location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();
/* body */
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.resizeHeight()/* resize height */
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
   </body>
</html>