Revision as of 18:38, 17 September 2011

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

sidebar

Characterization of Parts

In order to characterize our final machines, we performed the following assays:

Fluorometry
Fluorescence microscopy
Motility
Chemotaxis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian

Back to top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian

Back to top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian

Back to top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian

Back to top

@@ 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>
-     <title>Biotweet - Characterization</title>
+     <title>Biotweet – Characterization</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/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">
      <!-- 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/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
@@ Line 20: / Line 57: @@
      <!-- End:   Core -->
      <!-- 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.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/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 -->
      <!-- 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/layout.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");
+    </script>
 </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/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>
-     <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;" />
+            </a>
+            <div class="menu padding ui-helper-clearfix">
+             </div>
          </div>
-         <div class="menu padding">
+         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-        </div>
+            class="center">
-        <div class="layout" style="margin: 0px auto; width: 960px;">
+            <div style="width: 903px; margin: auto; height: 100%;">
-            <div class="center">
+                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
-<p id="Top">
+                    style="height: 100%;">
-                <h1>
+                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'leading', style:'overflow-y: auto;'"
+                        class="west">
+                        sidebar
+                    </div>
+                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
+                        <div style="height: 100%; overflow-y: auto;">
+<h1>
                     Characterization of Parts</h1>
 <p>In order to characterize our final machines, we performed the following assays:</p>
-<a href="#Motility">Motility</a>
-<br>
-<a href="#Chemotaxis">Chemotaxis</a>
-<br>
 <a href="#Fluorometry">Fluorometry</a>
-<br>
+<br/>
-<p id="Motility">
 <a href="#Microscopy">Fluorescence microscopy</a>
-<h2>Motility assay</h2>
+<br/>
+<a href="#Motility">Motility</a>
+<br/>
+<a href="#Chemotaxis">Chemotaxis</a>
+<br/>
+<p id="Fluorometry">
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Fluorometry'">
 <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian
 </p>
+</div>
 <a href="#Top">Back to top</a>
-<p id="Chemotaxis">
+<p id="Microscopy">
-<h2>Chemotaxis assay</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title: ‘Fluorescence Microscopy'">
 <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian
 </p>
+</div>
 <a href="#Top">Back to top</a>
-<p id="Fluorometry">
+<p id="Motility">
-<h2>Fluorometry</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Motility assay'">
 <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian
 </p>
+</div>
 <a href="#Top">Back to top</a>
-<p id="Microscopy">
-<h2>Fluorescence Microscopy</h2>
+<p id="Chemotaxis">
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Chemotaxis assay'">
 <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fian
 </p>
+</div>
 <a href="#Top">Back to top</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
              </div>
-            <div class="north">
+        </div>
-                &nbsp;</div>
+        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
-            <div class="west">
+             class="footerBox" style="background-color: #ffffff;">
-             </div>
-            <div class="south">
-            </div>
          </div>
      </div>
      <script type="text/javascript">
-         $(function () {
+         dojo.ready(function () {
              $('#globalWrapper').hide();
-             $('#target').appendTo('body');
+             $('.container').appendTo('body');
              $('.left-menu').prependTo('body').css('z-index', 100);
-             $('#footer-box').appendTo('div.south');
+             $('#footer-box').appendTo('div.footerBox');
              $('.left-menu li:last').remove();
              $('.right-menu').prependTo('body').css('z-index', 100);
+            $('body').addClass('claro');
              $.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>
 </body>
 </html>

Team:WITS-CSIR SA/Project/Characterization

From 2011.igem.org

Revision as of 18:38, 17 September 2011

Characterization of Parts