Revision as of 18:23, 17 September 2011

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

sidebar

Lab Project

This page contains information about the following aspects of our project:

Design
Construction
Riboswitch Design Considerations
Cloning
Testing

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

Riboswitch design considerations

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 - Lab Project</title>
+     <title>Biotweet – Lab Project</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;" />
-        </div>
+            </a>
-        <div class="menu padding">
+            <div class="menu padding ui-helper-clearfix">
+            </div>
          </div>
-         <div class="layout" style="margin: 0px auto; width: 960px;">
+         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-            <div class="center">
+            class="center">
-<p id="Top">
+            <div style="width: 903px; margin: auto; height: 100%;">
-                <h1>
+                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
+                    style="height: 100%;">
+                    <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>
                     Lab Project</h1>
 <p>This page contains information about the following aspects of our project:</p>
@@ Line 78: / Line 128: @@
 <a href="#Testing">Testing</a>
 <p id="Design">
-<h2>Design</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Design'">
 <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 ="RiboDesign">
-<h2>Riboswitch design considerations</h2>
+<h2>Riboswitch design considerations</h2
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Riboswitch design considerations'">
+</div>
 <p id="Construction">
-<h2>Construction</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Construction'">
 <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="Cloning">
-<h2>Cloning strategy</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Cloning'">
 <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="Testing">
-<h2>Testing</h2>
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Testing'">
 <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 class="north">
+                            </div>
-                &nbsp;</div>
+                        </div>
-            <div class="west">
+                    </div>
-            </div>
+                </div>
-            <div class="south">
              </div>
+        </div>
+        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
+            class="footerBox" style="background-color: #ffffff;">
          </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/Send

From 2011.igem.org

Revision as of 18:23, 17 September 2011

Lab Project

Riboswitch design considerations