Team:WITS-CSIR SA

From 2011.igem.org

(Difference between revisions)
 
(163 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>
-
  <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&amp;ctype=text/css">
+
    <title>Biotweet</title>
-
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/vader/jquery-ui.css" />
+
    <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css" />
-
  <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&amp;ctype=text/js"></script>
+
    <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css" />
-
  <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/plugins.js?action=raw&amp;ctype=text/js"></script>
+
    <style type="text/css">
-
   <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/common.js?action=raw&amp;ctype=text/js"></script>
+
        html, body, div.container
-
   <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/menu.js?action=raw&amp;ctype=text/js"></script>
+
        {
-
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
+
            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/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/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 -->
 +
    <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/underscore.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/backbone.js?action=raw&amp;ctype=text/js"></script>
 +
    <!-- End:   Core -->
 +
    <!-- Begin: Library -->
 +
    <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/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/jQuery.BlockUI.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.sizes.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/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 -->
 +
    <!-- Begin: Custom -->
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
 +
    <!-- 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>
+
<body class="claro">
-
  <div class="menubar">
+
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
    <ul class="topnav">
+
        class="container">
-
      <li class="current"><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
+
<div style="position: absolute; width: 100%; top: 80px;">
-
      <li><a href="#">Project</a>
+
<ul class="dropdown dropdown-horizontal">
-
        <ul class="subnav">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
-
          <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Overview">Overview</a></li>
+
<li><a href="#" class="dir">Project</a>
-
          <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Submissions">Parts Submitted</a></li>
+
<ul>
-
        </ul>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
-
      </li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
-
      <li><a href="#">Scrapbook</a>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
-
        <ul class="subnav">
+
<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/Scrapbook/Calendar">Calendar</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/Scrapbook/Minutes">Minutes</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/Scrapbook/Gallery">Gallery</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/Scrapbook/Videos">Videos</a></li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Protocols">Protocols</a></li>
-
        </ul>
+
</ul>
-
      </li>
+
</li>
-
      <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Index">Outreach</a></li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Parts">Parts submitted</a></li>
-
      <li><a href="#">Sponsors</a>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Data</a></li>
-
        <ul class="subnav">
+
<li><a href="./" class="dir">Outreach</a>
-
          <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/CSIR">CSIR</a></li>
+
<ul>
-
          <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/Wits">Wits University</a></li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/SciBono">Scibono experience</a></li>
-
        </ul>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Forum">Synthetic biology forum</a></li>
-
      </li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Survey">Survey</a></li>
-
      <li><a href="#">About Us</a>
+
</ul>
-
        <ul class="subnav">
+
</li>
-
          <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/About/Team">Meet the Team</a></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/About/Contact">Contact Us</a></li>
+
-
        </ul>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery">Gallery</a></li>
-
      </li>
+
<li><a href="./" class="dir">About us</a>
-
      <li><a href="#">Resources</a>
+
<ul>
-
        <ul class="subnav">
+
<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/style.css">Stylesheet</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/igem.js">Script</a></li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Attributions">Attributions</a></li>
-
        </ul>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Acknowledgements">Acknowledgements</a></li>
-
      </li>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetOurBugs">Meet our bugs!</a></li>
-
    </ul>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/ContactUs">Contact us</a></li>
-
    <div class="ui-helper-clearfix">
+
</ul>
-
    </div>
+
</li>
-
  </div>
+
</ul>
-
  <div>
+
</div>
-
    <center>
+
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
-
      <table cellpadding="2" cellspacing="2" border="0">
+
            <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
        <tr valign="top">
+
                <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
-
          <td style="width: 250px;">
+
                    style="float: left; margin-bottom: 5px; border: none;" />
-
            <div class="ui-corner-all ui-widget-content equalHeights" style="padding: 0.25em;
+
            </a><a href="https://2011.igem.org/Main_Page" target="_blank">
-
              margin: 0.25em;">
+
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
-
              <div class="ui-corner-all ui-widget-header" style="padding: 0.25em;">
+
                    style="float: right; margin-bottom: 5px; border: none;" />
-
                 Header
+
            </a>
-
              </div>
+
            <div class="ui-helper-clearfix">
-
              <div style="padding: 0.25em;">
+
-
                <p>
+
-
                  The CSIR Wits South Africa team consists of six enthusiastic undergraduate students
+
-
                  each having their own area of expertise. Four of the members are studying science
+
-
                  and two are studying engineering at the University of the Witwatersrand. The biologists
+
-
                  are from the schools of Molecular and Cell Biology and Molecular Medicine and Hematology.
+
-
                  The team has two engineering students, one studying information engineering and
+
-
                  the other, chemical engineering. This team is a dynamic one where each team member
+
-
                  has something unique to offer to the competition.
+
-
                </p>
+
-
              </div>
+
             </div>
             </div>
-
          </td>
+
        </div>
-
          <td style="width: 618px;">
+
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-
            <div class="ui-corner-all ui-widget-content equalHeights" style="padding: 0.25em;
+
            class="center">
-
              margin: 0.25em;">
+
<div style="width: 903px; margin: auto;">
-
              <div style="padding: 0.25em;">
+
                <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Biotweet: A riboswitch-controlled location-based networking framework'">
-
                <div id="slider" class="nivoSlider">
+
                     <embed width="100%" height="250px" name="plugin" src="https://static.igem.org/mediawiki/2011/5/58/Wits_Biotweet_Flash_Animation_Final.swf"
-
                  <a href="#">
+
                        type="application/x-shockwave-flash" wmode="transparent" />
-
                    <img src="https://static.igem.org/mediawiki/2011/d/dd/DudeWithChalk.jpg" alt="" title="#dwc" />
+
-
                  </a><a href="#">
+
-
                     <img src="https://static.igem.org/mediawiki/2011/d/d4/ChickWithCPU.jpg" alt="" title="#cwc" />
+
-
                  </a><a href="#">
+
-
                    <img src="https://static.igem.org/mediawiki/2011/5/5a/SomeBoard.jpg" alt="" title="#brd" />
+
-
                  </a><a href="#">
+
-
                    <img src="https://static.igem.org/mediawiki/2011/1/19/ReadingStuff.jpg" alt="" title="#rds" />
+
-
                  </a>
+
                 </div>
                 </div>
-
                 <div id="dwc" class="nivo-html-caption">
+
                 <br />
-
                  <strong>This</strong> dude has some <em>chalk</em>. Mostly I don't have any content
+
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'What is Biotweet?' ">
-
                  <a href="#">to put here</a>.
+
 
-
                </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.
-
                <div id="cwc" class="nivo-html-caption">
+
</p>
-
                  <strong>This</strong> is the same thing as the last...
+
 
-
                </div>
+
 
-
                <div id="brd" class="nivo-html-caption">
+
 
-
                  <strong>A board</strong> ... with writing.
+
<table border="0" cellpadding="0" cellspacing="0">
-
                </div>
+
<tr>
-
                <div id="rds" class="nivo-html-caption">
+
 
-
                  <strong>Reading </strong>something.
+
 
-
                </div>
+
<td valign="left"> <img src="https://static.igem.org/mediawiki/2011/8/8e/Frontpage_newbanner1.jpg" alt="biotweet" height="432" />
-
              </div>
+
                   
-
            </div>
+
</td>
-
          </td>
+
<td width="22"></td>
-
        </tr>
+
<td valign="right">
-
        <tr>
+
<img src="https://static.igem.org/mediawiki/2011/2/2b/Frontpage_newbanner2.jpg" alt="biotweet" height="437" />
-
          <td colspan="2">
+
</td>
-
            <table cellpadding="0" cellspacing="0" border="0px" width="100%">
+
 
-
              <tr>
+
 
-
                <td style="width: 250px;">
+
</tr>
-
                  <div class="ui-corner-all ui-widget-content infoBox" style="padding: 0.25em; margin: 0.25em;">
+
</table>
-
                    <div class="ui-corner-all ui-widget-header" style="padding: 0.25em;">
+
<br>
-
                      Lorem Ipsum Dolor Sit Amet
+
<br>
-
                    </div>
+
 
-
                    <div style="padding: 0.25em;">
+
<center><div id="accordion" class="large tall">
-
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec venenatis ligula. Praesent faucibus imperdiet dui ac pharetra. Suspendisse sed dignissim lorem. Pellentesque ultrices tincidunt gravida. Duis id sapien et justo elementum aliquet a ut tellus. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed congue vulputate consectetur. Aliquam ut erat at ligula mattis fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non velit lacus. Sed in dui ligula, quis ultricies orci. Phasellus lobortis, urna ut fermentum mollis, tortor tellus rhoncus sem, et volutpat turpis enim sed arcu. Nam vel ante at quam molestie sodales a sed dolor. Mauris quis nisi risus. Integer in justo sit amet justo lacinia convallis. Aenean neque risus, laoreet vitae mattis non, viverra sit amet felis.
+
<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>
 +
 +
 +
                   
                     </div>
                     </div>
-
                  </div>
+
                <script type="text/javascript">
-
                </td>
+
        dojo.ready(function () {
-
                <td>
+
            $('#globalWrapper').hide();
-
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
+
            $('.container').appendTo('body');
-
                    <tr>
+
            $('.left-menu').prependTo('body').css('z-index', 100);
-
                      <td style="width: 50%;">
+
            $('#footer-box').appendTo('div.footerBox');
-
                        <div class="ui-corner-all ui-widget-content infoBox" style="padding: 0.25em; margin: 0.25em;">
+
            $('.left-menu li:last').remove();
-
                          <div class="ui-corner-all ui-widget-header" style="padding: 0.25em;">
+
            $('.right-menu').prependTo('body').css('z-index', 100);
-
                            Lorem Ipsum Dolor Sit Amet
+
 
-
                          </div>
+
            $('body').addClass('claro');
-
                          <div style="padding: 0.25em;">
+
 
-
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec venenatis ligula. Praesent faucibus imperdiet dui ac pharetra. Suspendisse sed dignissim lorem. Pellentesque ultrices tincidunt gravida. Duis id sapien et justo elementum aliquet a ut tellus. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed congue vulputate consectetur. Aliquam ut erat at ligula mattis fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non velit lacus. Sed in dui ligula, quis ultricies orci. Phasellus lobortis, urna ut fermentum mollis, tortor tellus rhoncus sem, et volutpat turpis enim sed arcu. Nam vel ante at quam molestie sodales a sed dolor. Mauris quis nisi risus. Integer in justo sit amet justo lacinia convallis. Aenean neque risus, laoreet vitae mattis non, viverra sit amet felis.
+
            $.fling('publish', 'ready');
-
                          </div>
+
 
-
                        </div>
+
            var accordion = $("#slider").zAccordion({
-
                      </td>
+
                width: 900,
-
                      <td style="width: 50%;">
+
                speed: 1000,
-
                        <div class="ui-corner-all ui-widget-content infoBox" style="padding: 0.25em; margin: 0.25em;">
+
                easing: 'easeOutBounce',
-
                          <div class="ui-corner-all ui-widget-header" style="padding: 0.25em;">
+
                click: function () {
-
                            Lorem Ipsum Dolor Sit Amet
+
                    $("#slider").find("li.slide-open div.slider-info").css("display", "none");
-
                          </div>
+
                    $("#slider").find("li.slide-previous div.slider-info").css("display", "none");
-
                          <div style="padding: 0.25em;">
+
                    setTimeout(function () {
-
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec venenatis ligula. Praesent faucibus imperdiet dui ac pharetra. Suspendisse sed dignissim lorem. Pellentesque ultrices tincidunt gravida. Duis id sapien et justo elementum aliquet a ut tellus. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed congue vulputate consectetur. Aliquam ut erat at ligula mattis fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non velit lacus. Sed in dui ligula, quis ultricies orci. Phasellus lobortis, urna ut fermentum mollis, tortor tellus rhoncus sem, et volutpat turpis enim sed arcu. Nam vel ante at quam molestie sodales a sed dolor. Mauris quis nisi risus. Integer in justo sit amet justo lacinia convallis. Aenean neque risus, laoreet vitae mattis non, viverra sit amet felis.
+
                        $("#slider").find("li.slide-open div.slider-info").css("display", "none").fadeIn(1200);
-
                          </div>
+
                        $("#slider").find("li.slide-previous div.slider-info").css("display", "none").fadeIn(1200);
-
                        </div>
+
                     }, 500)
-
                      </td>
+
                },
-
                     </tr>
+
                 slideWidth: 500,
-
                  </table>
+
                height: 400
-
                 </td>
+
             });
-
              </tr>
+
 
-
             </table>
+
            dojo.parser.parse();
-
          </td>
+
         });
-
         </tr>
+
     </script>
-
      </table>
+
-
      <br />
+
-
      <br />
+
-
      <br />
+
-
     </center>
+
-
  </div>
+
</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"