Team:WITS-CSIR SA/Collaboration/Index

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
     <title>Biotweet - Collaboration</title>
     <title>Biotweet - Collaboration</title>
-
     <!--<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css" />
-
     <link href="../css/presentation.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css" />
-
    <link href="../css/theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />-->
+
     <style type="text/css">
-
     <!--<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css">-->
+
        html, body, div.container
 +
        {
 +
            height: 100%;
 +
            padding: 0px;
 +
            margin: 0px;
 +
        }
 +
       
 +
        div.top
 +
        {
 +
            height: 140px;
 +
            background-color: #2d4782;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#6279ad), to(#2d4782)); /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #6279ad,  #2d4782); /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.center
 +
        {
 +
            background-color: #b8bcbf;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bcbf', endColorstr='#ffffff') !important; /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#b8bcbf), to(#ffffff)) !important; /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #b8bcbf,  #ffffff) !important; /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.bottom
 +
        {
 +
            text-align: center;
 +
        }
 +
       
 +
        .dijitMenuItem
 +
        {
 +
            background-color: #eeeeff;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        var dojoConfig = {
 +
            isDebug: false,
 +
            parseOnLoad: false
 +
        }
 +
    </script>
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
     <!-- Begin: Core -->
     <!-- Begin: Core -->
-
    <!--<script src="../js/lib/jquery-1.5.1.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/modernizr-1.7.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/underscore.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/backbone.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
Line 20: Line 57:
     <!-- End:  Core -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- Begin: Library -->
-
    <!--<script src="../js/lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.fling.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/sammy-latest.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jQuery.BlockUI.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.sizes.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jlayout.border.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.jlayout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
Line 34: Line 64:
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&amp;ctype=text/js"></script>
     <!-- End:  Library -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- Begin: Custom -->
-
    <!--<script src="../js/common.js" type="text/javascript"></script>-->
 
-
    <!--<script src="../js/layout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/layout.js?action=raw&amp;ctype=text/js"></script>
 
     <!-- End:  Custom -->
     <!-- End:  Custom -->
 +
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
 +
    <script type="text/javascript">
 +
        dojo.require("dijit.layout.BorderContainer");
 +
        dojo.require("dijit.layout.ContentPane");
 +
        dojo.require("dijit.Menu");
 +
        dojo.require("dijit.MenuItem");
 +
        dojo.require("dijit.PopupMenuItem");
 +
        dojo.require("dijit.MenuBar");
 +
        dojo.require("dijit.MenuBarItem");
 +
        dojo.require("dijit.PopupMenuBarItem");
 +
        dojo.require("dijit.MenuSeparator");
 +
        dojo.require("dijit.TitlePane");
 +
        dojo.require("dijit.form.Button");
 +
        dojo.require("dijit.form.TextBox");
 +
        dojo.require("dojo.parser");
 +
    </script>
</head>
</head>
-
<body>
+
<body class="claro">
-
    <!--<script src="../client/MenuModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/CalendarModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/SideMenu.js" type="text/javascript"></script>-->
+
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/CalendarModel.js?action=raw&amp;ctype=text/js"></script>
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
-
     <div id="target">
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
        <input type="hidden" id="hidStart" value="false" />
+
        class="container">
-
         <div class="banner">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
-
             <h1 id="logo">
+
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 biotweet
+
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
-
            </h1>
+
                    style="float: left; margin-bottom: 10px; border: none;" />
-
            <h1 id="igemLogo" style="display: inline-block;">
+
            </a><a href="https://igem.org/Main_Page" target="_blank">
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="100px"
-
            </h1>
+
                    style="float: right; margin-bottom: 10px; border: none;" />
-
        </div>
+
            </a>
-
        <div class="menu padding">
+
            <div class="menu padding ui-helper-clearfix">
 +
            </div>
         </div>
         </div>
-
         <div class="layout" style="margin: 0px auto; width: 960px;">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-
            <div class="center">
+
            class="center">
-
                <h1>
+
            <div style="width: 903px; margin: auto; height: 100%;">
-
                    Collaboration</h1>
+
                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
-
<p>The Wits CSIR iGEM team collaborated with Imperial College London, both for the modeling and the potential suitability of motility experiments in the testing of our machines. The biologists in our team and those at Imperial College London had a number of skype conferences to discuss the progress of our lab work as well as to share insight into both qualitative and quantitative assay for motility. </p>
+
                    style="height: 100%;">
 +
                 
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
 +
                        <div style="height: 100%; overflow-y: auto;">
 +
<h1>
 +
                  Collaboration</h1>
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Introduction'">
 +
<p>The Wits CSIR iGEM team collaborated with Imperial College London, both for the modelling and the potential suitability of motility experiments in the testing of our machines. The biologists in our team and those at Imperial College London had a number of skype conferences to discuss the progress of our lab work as well as to share insight into both qualitative and quantitative assay for motility. </p>
 +
</div>
<br>
<br>
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Motility assays'">
<p>We provided Imperial College London with some ideas regarding motility assays using TTC in stab agar. Their team gave us some tips about the preparation of cells for motility experiments and recommended spinning down the bacteria and resuspending them in a low volume of broth to increase the density of cells. They also recommended the use of capillary motility assays.  There was an exchange of protocols both ways to aid in the set-up of our experiments. A week later we discussed the progress we had made in the lab. We gave each other tips and suggested more assays to indicate the ability of our bacteria to move towards a stimulus. Imperial College London shared with us a type of capillary assay they were performing at the time and we, too, shared a protocol with them which is detailed in Gullivan and Topps (2006) paper, Guiding bacteria with small molecules and RNA.</p>
<p>We provided Imperial College London with some ideas regarding motility assays using TTC in stab agar. Their team gave us some tips about the preparation of cells for motility experiments and recommended spinning down the bacteria and resuspending them in a low volume of broth to increase the density of cells. They also recommended the use of capillary motility assays.  There was an exchange of protocols both ways to aid in the set-up of our experiments. A week later we discussed the progress we had made in the lab. We gave each other tips and suggested more assays to indicate the ability of our bacteria to move towards a stimulus. Imperial College London shared with us a type of capillary assay they were performing at the time and we, too, shared a protocol with them which is detailed in Gullivan and Topps (2006) paper, Guiding bacteria with small molecules and RNA.</p>
 +
</div>
<br>
<br>
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Modelling'">
<p>Collaboration was also performed between the engineers to improve the modeling for both the teams (coming soon)</p>
<p>Collaboration was also performed between the engineers to improve the modeling for both the teams (coming soon)</p>
-
 
+
                            </div>
-
            </div>
+
                        </div>
-
            <div class="north">
+
                    </div>
-
                &nbsp;</div>
+
                </div>
-
           
+
-
            <div class="south">
+
             </div>
             </div>
 +
        </div>
 +
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
 +
            class="footerBox" style="background-color: #ffffff;">
         </div>
         </div>
     </div>
     </div>
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function () {
+
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();
-
             $('#target').appendTo('body');
+
             $('.container').appendTo('body');
             $('.left-menu').prependTo('body').css('z-index', 100);
             $('.left-menu').prependTo('body').css('z-index', 100);
-
             $('#footer-box').appendTo('div.south');
+
             $('#footer-box').appendTo('div.footerBox');
             $('.left-menu li:last').remove();
             $('.left-menu li:last').remove();
             $('.right-menu').prependTo('body').css('z-index', 100);
             $('.right-menu').prependTo('body').css('z-index', 100);
 +
 +
            $('body').addClass('claro');
             $.fling('publish', 'ready');
             $.fling('publish', 'ready');
 +
 +
            $('#one').liteAccordion({
 +
                onActivate: function () {
 +
                    this.find('figcaption').fadeOut();
 +
                },
 +
                slideCallback: function () {
 +
                    this.find('figcaption').fadeIn();
 +
                },
 +
                autoPlay: false,
 +
                pauseOnHover: true,
 +
                theme: 'dark',
 +
                rounded: false,
 +
                enumerateSlides: true,
 +
                containerWidth: 932,
 +
                containerHeight: 240
 +
            }).find('figcaption:first').show();
 +
 +
            dojo.parser.parse();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 21:28, 17 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biotweet - Collaboration

Biotweet iGem

Collaboration

The Wits CSIR iGEM team collaborated with Imperial College London, both for the modelling and the potential suitability of motility experiments in the testing of our machines. The biologists in our team and those at Imperial College London had a number of skype conferences to discuss the progress of our lab work as well as to share insight into both qualitative and quantitative assay for motility.


We provided Imperial College London with some ideas regarding motility assays using TTC in stab agar. Their team gave us some tips about the preparation of cells for motility experiments and recommended spinning down the bacteria and resuspending them in a low volume of broth to increase the density of cells. They also recommended the use of capillary motility assays. There was an exchange of protocols both ways to aid in the set-up of our experiments. A week later we discussed the progress we had made in the lab. We gave each other tips and suggested more assays to indicate the ability of our bacteria to move towards a stimulus. Imperial College London shared with us a type of capillary assay they were performing at the time and we, too, shared a protocol with them which is detailed in Gullivan and Topps (2006) paper, Guiding bacteria with small molecules and RNA.


Collaboration was also performed between the engineers to improve the modeling for both the teams (coming soon)

Retrieved from "http://2011.igem.org/Team:WITS-CSIR_SA/Collaboration/Index"