Team:WITS-CSIR SA

From 2011.igem.org

(Difference between revisions)
 
(130 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
[[Media:Example.ogg]]<!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</title>
     <title>Biotweet</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 href="css/liteaccordion.css" rel="stylesheet" type="text/css" />-->
+
        html, body, div.container
 +
        {
 +
            height: 100%;
 +
            padding: 0px;
 +
            margin: 0px;
 +
        }
 +
       
 +
        div.top
 +
        {
 +
            height: 95px;
 +
            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;
 +
        }
 +
#slider img {-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;position:absolute;z-index:5;}
 +
#slider li {overflow:visible !important;}
 +
#slider div.slider-bg {background:#000;top:300px;height:102px;width:600px;left:0;position:absolute;z-index:10;opacity:.5;}
 +
#slider strong {margin-bottom:5px;color:#fff;}
 +
#slider p {color:#fff;}
 +
#slider .slide-closed div.slider-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}
 +
#slider .slide-closed strong {font-size:16px;margin-bottom:5px;}
 +
#slider .slide-closed p {display:none;font-size:11px;line-height:14px;color:#fff;margin:0 !important;}
 +
#slider .slide-open div.slider-info {top:300px;height:72px;left:0;position:absolute;width:470px;z-index:15;padding:15px;padding-top:5px; padding-bottom: 5px;}
 +
#slider .slide-open p {margin-top:0.5em; margin-bottom: 0.5em;}
 +
#slider .slide-open strong {font-size:16px;color:#fff;}
 +
     </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">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
 +
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/image/resources/Lightbox.css" rel="stylesheet" type="text/css" />
 +
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/Dropdown.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.css?action=raw&amp;ctype=text/css" />
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.advanced.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
 +
<!--[if lt IE 7]>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/jquery.dropdown.js?action=raw&amp;ctype=text/js"></script>
 +
<![endif]-->
 +
     <!-- 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 21: Line 78:
     <!-- 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 src="js/lib/liteaccordion.jquery.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 37: Line 86:
     <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>
     <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>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/Accordion/jquery.easing.1.3.js?action=raw&amp;ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/Accordion/jquery.zaccordion.min.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");
 +
        dojo.require("dojox.image.Lightbox");
 +
    </script>
</head>
</head>
-
<body class="start lightblue">
+
<body class="claro">
-
     <div id="target">
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
         <input type="hidden" id="hidStart" value="true" />
+
         class="container">
-
        <!--<script src="client/MenuModel.js" type="text/javascript"></script>-->
+
<div style="position: absolute; width: 100%; top: 80px;">
-
        <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
+
<ul class="dropdown dropdown-horizontal">
-
        <div class="banner">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
-
            <h1 id="logo">
+
<li><a href="#" class="dir">Project</a>
-
                biotweet
+
<ul>
-
            </h1>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
-
             <h1 id="igemLogo" style="display: inline-block;">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
-
            </h1>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Collaboration/Index">Collaboration</a></li>
-
        </div>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Notebook">Lab notebook</a></li>
-
        <div class="menu padding">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Applications">Potential applications</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Achievements">Achievements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Parts">Parts submitted</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Data</a></li>
 +
<li><a href="./" class="dir">Outreach</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/SciBono">Scibono experience</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Forum">Synthetic biology forum</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Survey">Survey</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Safety">Safety</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery">Gallery</a></li>
 +
<li><a href="./" class="dir">About us</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetTheTeam">Meet the team</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/PublicRelations">Media attention</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Attributions">Attributions</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Acknowledgements">Acknowledgements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetOurBugs">Meet our bugs!</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/ContactUs">Contact us</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
 +
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
 +
                <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
 +
                    style="float: left; margin-bottom: 5px; border: none;" />
 +
            </a><a href="https://2011.igem.org/Main_Page" target="_blank">
 +
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
 +
                    style="float: right; margin-bottom: 5px; border: none;" />
 +
            </a>
 +
            <div class="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="north">
+
             class="center">
-
                &nbsp;</div>
+
<div style="width: 903px; margin: auto;">
-
            <div class="center lightblue">
+
                <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Biotweet: A riboswitch-controlled location-based networking framework'">
-
                <iframe frameborder="0" width="930" height="230" src="animation/Placeholder.htm"
+
                    <embed width="100%" height="250px" name="plugin" src="https://static.igem.org/mediawiki/2011/5/58/Wits_Biotweet_Flash_Animation_Final.swf"
-
                scrolling="no" style="border: 1px solid #3C5792;"></iframe>
+
                        type="application/x-shockwave-flash" wmode="transparent" />
-
<p> Bacterial chemotaxis is controlled via a signalling cascade, where CheZ is a protein integral in the directed movement of bacteria towards a stimulus. The aim was to control chemotaxis such that bacteria will be attracted to a defined substance followed by the ability to travel back to another stimulus at the start location, upon activation of an IPTG inducible toggle switch. Two riboswitches were used to control the translation of a CheZ fluorescent protein fusion, the first sensitive to theophylline and the second to atrazine. Fluorometry was used to prove the activation of the riboswitches. A theophylline concentration of 1.5mM resulted in the highest expression of the fusion protein. Motility experiments indicated that CheZ mutants regained motility in the presence of theophylline. Since riboswitches can be engineered for many substances, this system has possible applications as a networking template in multiple situations, be they industrial or medical.</p>
+
                </div>
 +
                <br />
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'What is Biotweet?' ">
 +
 
 +
<p>A defining characteristic of humanity is the constantly evolving sophistication with which human beings communicate and store information. Biologically, data communication networks exist too. The transfer of data occurs via signalling molecules incorporated into highly regulated and integrated networks.Our goal is to construct a bacterial communication network that will allow a group of engineered bacteria to transport messages in a directed manner, with the final aim of completing location-based functional tasks.We have focused on one aspect of this network: the directed transport of the message-carrying “communication modules” within our biological network. These communication modules will take the form of bacteria, which can move over physical distances carrying information. We have achieved this through engineering the exogenously controlled chemotactic behaviour of bacteria using synthetic riboswitches to regulate the expression of the CheZ protein required for bacterial motility.
 +
</p>
 +
 
 +
 
 +
 
 +
<table border="0" cellpadding="0" cellspacing="0">
 +
<tr>
 +
 
 +
 
 +
<td valign="left"> <img src="https://static.igem.org/mediawiki/2011/8/8e/Frontpage_newbanner1.jpg" alt="biotweet" height="432" />
 +
                   
 +
</td>
 +
<td width="22"></td>
 +
<td valign="right">
 +
<img src="https://static.igem.org/mediawiki/2011/2/2b/Frontpage_newbanner2.jpg" alt="biotweet" height="437" />
 +
</td>
 +
 
 +
 
 +
</tr>
 +
</table>
 +
<br>
 +
<br>
 +
 
 +
<center><div id="accordion" class="large tall">
 +
<ul id="slider">
 +
<li>
 +
<img src="https://static.igem.org/mediawiki/2011/9/90/WITS-home_pg_PROJECT.jpg" width="600" height="400" alt="Project Image" />
 +
<div class="slider-bg"></div>
 +
<div class="slider-info">
 +
<strong>Project</strong>
 +
<p class="slider-text">Biotweet is a biological networking framework. Our project page details all laboratory and modelling aspects of this project <a style="color:white;" href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept"><b>[Read more]</b></a></p>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="https://static.igem.org/mediawiki/2011/0/0b/TEAM2.jpg" />
 +
<div class="slider-bg"></div>
 +
<div class="slider-info">
 +
<strong>Meet the team</strong>
 +
<p class="slider-text">Our team consists of five enthusiastic undergraduate students each having their own area of expertise. Four of the members are studying science
 +
              and one is studying engineering at the University of the Witwatersrand. <a style="color:white;" href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetTheTeam"><b>[Read more]</b></a></p>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="https://static.igem.org/mediawiki/2011/c/cd/Wits-parts_submitted_EYEscape_81_-_Copy.jpg" width="600" height="400" alt="Example Slide Image 3" />
 +
<div class="slider-bg"></div>
 +
<div class="slider-info">
 +
<strong>Parts submitted</strong>
 +
<p class="slider-text">We submitted 16 parts to the registry. We also characterized a number of parts, including two theophylline riboswitches! <a style="color:white;" href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Parts"><b>[Read more]</b></a></p>
 +
</div>
 +
</li>
 +
<li> <img src="https://static.igem.org/mediawiki/2011/0/0e/A3_-_ACHIEV_wits_HG.jpg" width="600" height="400" alt="Example Slide Image 4" />
 +
<div class="slider-bg"></div>
 +
<div class="slider-info">
 +
<strong>Achievements</strong>
 +
<p class="slider-text">The team is proud to be a prize winner and one of the finalists from the European jamboree! For more details of our achievements in this competition <a style="color:white;" href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Achievements"><b>[click here]</b>!</a>
 +
</div>
 +
</li>
 +
 +
</ul>
 +
</div></center>
 +
 
 +
<br/>
 +
            </div> <br/>
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Our Sponsors'">
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2011/a/a1/Wits_Home_Page_Sponsors.jpg"></center>
 +
</div>
 +
 
-
                <div id="one" class="accordion" style="margin-top: 3px;">
 
-
                    <ol>
 
-
                        <li>
 
-
                            <h2>
 
-
                                <span>Concept</span></h2>
 
-
                            <div>
 
-
                                <figure>
 
-
                            <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
 
-
                                <div class="margin padding">
 
-
                                    <p>
 
-
                                        To genetically reprogram the chemotactic behaviour of E. coli, through the use of
 
-
                                        synthetic riboswitches. This will enable bacteria to search a defined area for a
 
-
                                        particular ligand and return to a set location (the starting point), where they
 
-
                                        can report on their findings. As a proof of principle, we want to test the ability
 
-
                                        of the reprogrammed cells to locate atrazine/theophylline on a petri-dish, and return
 
-
                                        to the initial point of departure for reporting. To do this we have three constructs
 
-
                                        that will make the bacteria toggle between two states of chemotactic responsiveness
 
-
                                        to different substances.
 
-
                                    </p>
 
-
                                </div>
 
-
                            </div>
 
                              
                              
-
                            <figcaption>
+
 
-
                                <div style="text-align:right; padding-right:36px;">
+
-
                                    <input type="button" value="Read more" />
+
-
                                </div>
+
-
                            </figcaption>
+
-
    </figure>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <h2>
+
-
                                <span>Meet the Team</span></h2>
+
-
                            <div>
+
-
                                <figure>
+
-
                            <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+
-
                                <div class="margin padding">
+
-
                                </div>
+
-
                            </div>
+
-
                            <figcaption>
+
-
                                <div style="text-align:right; padding-right:36px;">
+
-
                                    <input type="button" value="Read more" />
+
-
                                </div>
+
-
                            </figcaption>
+
-
    </figure>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <h2>
+
-
                                <span>Slide 6</span></h2>
+
-
                            <div>
+
-
                                <figure>
+
-
                            <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+
-
                                <div class="margin padding">
+
-
                                </div>
+
-
                            </div>
+
                              
                              
-
    </figure>
+
 
                             </div>
                             </div>
-
                        </li>
+
-
                        <li>
+
-
                            <h2>
+
                   
-
                                <span>Slide 6</span></h2>
+
                     </div>
-
                            <div>
+
                <script type="text/javascript">
-
                                <figure>
+
        dojo.ready(function () {
-
                            <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+
            $('#globalWrapper').hide();
-
                                <div class="margin padding">
+
            $('.container').appendTo('body');
-
                                </div>
+
            $('.left-menu').prependTo('body').css('z-index', 100);
-
                            </div>
+
            $('#footer-box').appendTo('div.footerBox');
-
                           
+
            $('.left-menu li:last').remove();
-
    </figure>
+
            $('.right-menu').prependTo('body').css('z-index', 100);
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <h2>
+
-
                                <span>Slide 6</span></h2>
+
-
                            <div>
+
-
                                <figure>
+
-
                            <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+
-
                                <div class="margin padding">
+
-
                                </div>
+
-
                            </div>
+
-
                           
+
-
    </figure>
+
-
                            </div>
+
-
                        </li>
+
-
                     </ol>
+
-
                    <noscript>
+
-
                        <p>
+
-
                            Please enable JavaScript to get the full experience.</p>
+
-
                    </noscript>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <script type="text/javascript">
+
-
            $(function () {
+
-
                $('#globalWrapper').hide();
+
-
                $('#target').appendTo('body');
+
-
                $('.left-menu').prependTo('body').css('z-index', 100);
+
-
                $('#footer-box').appendTo('div.south');
+
-
                $('.left-menu li:last').remove();
+
-
                $('.right-menu').prependTo('body').css('z-index', 100);
+
-
                $.fling('publish', 'ready');
+
            $('body').addClass('claro');
-
                $('#one').liteAccordion({
+
            $.fling('publish', 'ready');
-
                    onActivate: function () {
+
 
-
                        this.find('figcaption').fadeOut();
+
            var accordion = $("#slider").zAccordion({
-
                     },
+
                width: 900,
-
                     slideCallback: function () {
+
                speed: 1000,
-
                         this.find('figcaption').fadeIn();
+
                easing: 'easeOutBounce',
-
                    },
+
                click: function () {
-
                     autoPlay: false,
+
                    $("#slider").find("li.slide-open div.slider-info").css("display", "none");
-
                    pauseOnHover: true,
+
                     $("#slider").find("li.slide-previous div.slider-info").css("display", "none");
-
                    theme: 'dark',
+
                     setTimeout(function () {
-
                    rounded: false,
+
                         $("#slider").find("li.slide-open div.slider-info").css("display", "none").fadeIn(1200);
-
                    enumerateSlides: true,
+
                        $("#slider").find("li.slide-previous div.slider-info").css("display", "none").fadeIn(1200);
-
                    containerWidth: 932,
+
                     }, 500)
-
                    containerHeight: 240
+
                },
-
                 }).find('figcaption:first').show();
+
                slideWidth: 500,
 +
                 height: 400
             });
             });
-
         </script>
+
 
-
     </div>
+
            dojo.parser.parse();
 +
         });
 +
     </script>
</body>
</body>
</html>
</html>

Latest revision as of 20:45, 28 October 2011

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

Biotweet iGem

A defining characteristic of humanity is the constantly evolving sophistication with which human beings communicate and store information. Biologically, data communication networks exist too. The transfer of data occurs via signalling molecules incorporated into highly regulated and integrated networks.Our goal is to construct a bacterial communication network that will allow a group of engineered bacteria to transport messages in a directed manner, with the final aim of completing location-based functional tasks.We have focused on one aspect of this network: the directed transport of the message-carrying “communication modules” within our biological network. These communication modules will take the form of bacteria, which can move over physical distances carrying information. We have achieved this through engineering the exogenously controlled chemotactic behaviour of bacteria using synthetic riboswitches to regulate the expression of the CheZ protein required for bacterial motility.

biotweet biotweet


  • Project Image
    Project

    Biotweet is a biological networking framework. Our project page details all laboratory and modelling aspects of this project [Read more]

  • Meet the team

    Our team consists of five enthusiastic undergraduate students each having their own area of expertise. Four of the members are studying science and one is studying engineering at the University of the Witwatersrand. [Read more]

  • Example Slide Image 3
    Parts submitted

    We submitted 16 parts to the registry. We also characterized a number of parts, including two theophylline riboswitches! [Read more]

  • Example Slide Image 4
    Achievements

    The team is proud to be a prize winner and one of the finalists from the European jamboree! For more details of our achievements in this competition [click here]!



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