Team:WITS-CSIR SA

From 2011.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE 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>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
     <title>Biotweet</title>
     <title>Biotweet</title>
Line 15: Line 15:
         div.top
         div.top
         {
         {
-
             height: 140px;
+
             height: 95px;
             background-color: #2d4782;
             background-color: #2d4782;
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
Line 39: Line 39:
             background-color: #eeeeff;
             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 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 li {overflow:visible !important;}
Line 62: Line 61:
     <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 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>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/underscore.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/underscore.js?action=raw&amp;ctype=text/js"></script>
Line 69: Line 78:
     <!-- End:  Core -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- Begin: Library -->
-
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.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>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/sammy-latest.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/sammy-latest.min.js?action=raw&amp;ctype=text/js"></script>
Line 98: Line 107:
         dojo.require("dijit.form.TextBox");
         dojo.require("dijit.form.TextBox");
         dojo.require("dojo.parser");
         dojo.require("dojo.parser");
 +
        dojo.require("dojox.image.Lightbox");
     </script>
     </script>
</head>
</head>
<body class="claro">
<body class="claro">
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
 
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
         class="container">
         class="container">
 +
<div style="position: absolute; width: 100%; top: 80px;">
 +
<ul class="dropdown dropdown-horizontal">
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
 +
<li><a href="#" class="dir">Project</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Collaboration/Index">Collaboration</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Notebook">Lab notebook</a></li>
 +
<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">
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
+
                 <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
-
                     style="float: left; margin-bottom: 10px; border: none;" />
+
                     style="float: left; margin-bottom: 5px; border: none;" />
-
             </a><a href="https://igem.org/Main_Page" target="_blank">
+
             </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="100px"
+
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
-
                     style="float: right; margin-bottom: 10px; border: none;" />
+
                     style="float: right; margin-bottom: 5px; border: none;" />
             </a>
             </a>
-
             <div class="menu padding ui-helper-clearfix">
+
             <div class="ui-helper-clearfix">
             </div>
             </div>
         </div>
         </div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
             class="center">
             class="center">
-
            <div style="width: 903px; margin: auto;">
+
<div style="width: 903px; margin: auto;">
-
                 <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Biotweet concept'">
+
                 <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Biotweet: A riboswitch-controlled location-based networking framework'">
                     <embed width="100%" height="250px" name="plugin" src="https://static.igem.org/mediawiki/2011/5/58/Wits_Biotweet_Flash_Animation_Final.swf"
                     <embed width="100%" height="250px" name="plugin" src="https://static.igem.org/mediawiki/2011/5/58/Wits_Biotweet_Flash_Animation_Final.swf"
                         type="application/x-shockwave-flash" wmode="transparent" />
                         type="application/x-shockwave-flash" wmode="transparent" />
                 </div>
                 </div>
                 <br />
                 <br />
-
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Explanation of Biotweet'">
+
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'What is Biotweet?' ">
-
<div style="float: left; width: 49%;">
+
-
<img src="https://static.igem.org/mediawiki/2011/7/77/Wits_Africa_Map.gif" align ="left" style="padding: 5px;"/><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.</p> </div>
+
<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>  
-
<div style="width: 49%; float:right;"><p> 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></div>
+
 
-
<div class="ui-helper-clearfix"></div>
+
<table border="0" cellpadding="0" cellspacing="0">
-
</div>
+
<tr>
-
<br/>
+
 
-
<div id="accordion" class="large tall">
+
 
 +
<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">  
<ul id="slider">  
<li>  
<li>  
-
<img src="https://static.igem.org/mediawiki/2011/4/44/Wits_Home_Page_Project_Tab.jpg" width="600" height="400" alt="Project Image" />  
+
<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-bg"></div>  
<div class="slider-info">  
<div class="slider-info">  
<strong>Project</strong>  
<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">[Read more]</a></p>  
+
<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>  
</div>  
</li>  
</li>  
<li>  
<li>  
-
<img src="https://static.igem.org/mediawiki/2011/8/8e/Ezio.jpg" />  
+
<img src="https://static.igem.org/mediawiki/2011/0/0b/TEAM2.jpg" />  
<div class="slider-bg"></div>  
<div class="slider-bg"></div>  
<div class="slider-info">  
<div class="slider-info">  
<strong>Meet the team</strong>  
<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
<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">[Read more]</a></p>
+
               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>  
</div>  
</li>  
</li>  
<li>  
<li>  
-
<img src="http://www.armagost.com/wp-content/themes/assassin/images/shop.jpg" width="600" height="400" alt="Example Slide Image 3" />  
+
<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-bg"></div>  
<div class="slider-info">  
<div class="slider-info">  
<strong>Parts submitted</strong>  
<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">[Read more]</a></p>  
+
<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>  
</div>  
</li>
</li>
-
<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" />  
-
<img src="http://www.armagost.com/wp-content/themes/assassin/images/balcony.jpg" width="600" height="400" alt="Example Slide Image 4" />  
+
<div class="slider-bg"></div>  
<div class="slider-bg"></div>  
<div class="slider-info">  
<div class="slider-info">  
-
<strong>Modelling</strong>  
+
<strong>Achievements</strong>  
-
<p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p>  
+
<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>  
</div>  
</li>
</li>
-
<li>
+
-
<img src="http://www.armagost.com/wp-content/themes/assassin/images/balcony.jpg" width="600" height="400" alt="Example Slide Image 4" />
+
-
<div class="slider-bg"></div>
+
-
<div class="slider-info">
+
-
<strong>Sponsors</strong>
+
-
<p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p>
+
-
</div>
+
-
</li>
+
</ul>  
</ul>  
-
</div>
+
</div></center>
 +
 
 +
<br/>
 +
            </div> <br/>
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Our Sponsors'">
<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>
<center><img src="https://static.igem.org/mediawiki/2011/a/a1/Wits_Home_Page_Sponsors.jpg"></center>
</div>
</div>
-
<br/>
 
-
            </div>
 
-
        </div>
 
-
       
+
                           
-
    </div>
+
 
-
    <script type="text/javascript">
+
                           
 +
 
 +
                            </div>
 +
 +
 +
                   
 +
                    </div>
 +
                <script type="text/javascript">
         dojo.ready(function () {
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();

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


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]!