Team:WITS-CSIR SA

From 2011.igem.org

(Difference between revisions)

Revision as of 09:58, 17 September 2011

<!DOCTYPE html> Biotweet

Concept
Meet the Team
Parts submitted

The team has submitted a number of parts to the registry, including our final genetic machine. We have submitted and characterized two theophylline riboswitches and one atrazine riboswitch. Our flip recombinase toggle switch and its corresponding lox66-promoter-lox 71 construct have also been submitted.
Modelling
Sponsors

We would like to thank our sponsors for their contributions.

Bottom

@@ Line 1: / Line 1: @@
+<!DOCTYPE html>
 <html>
 <head>
      <title>Biotweet</title>
-     <!--<link href="css/layout.css" rel="stylesheet" type="text/css" />
+     <link type="text/css" media="screen" rel="Stylesheet" href="http://www.biotweet.org/cdn/js/dojo/dojo/resources/dojo.css" />
-     <link href="css/presentation.css" rel="stylesheet" type="text/css" />
+     <link type="text/css" media="screen" rel="Stylesheet" href="http://www.biotweet.org/cdn/js/dojo/dijit/themes/claro/claro.css" />
-     <link href="css/theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
+     <style type="text/css">
-     <link href="css/liteaccordion.css" rel="stylesheet" type="text/css" />-->
+        html, body, div.container
+        {
+            height: 100%;
+            padding: 0px;
+            margin: 0px;
+        }
+        div.top
+        {
+            height: 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: true
+        }
+    </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">
@@ Line 11: / Line 51: @@
      <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 21: / 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 src="js/lib/liteaccordion.jquery.js" type="text/javascript"></script>-->
      <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
      <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
@@ Line 39: / Line 67: @@
      <!-- 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="http://www.biotweet.org/cdn/js/dojo/dojo/dojo.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");
+    </script>
 </head>
-<body class="start lightblue">
+<body class="claro">
-     <div id="target">
+     <script src="../client/MenuModel.js" type="text/javascript"></script>
-        <input type="hidden" id="hidStart" value="true" />
+    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-        <!--<script src="client/MenuModel.js" type="text/javascript"></script>-->
+        class="container">
-        <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.ContentPane" data-dojo-props="region: 'top'" class="top">
-         <div class="banner">
+             <a href="http://www.biotweet.org/tests/layout.htm">
-             <h1 id="logo">
+                 <img src="../images/logo.png" alt="Biotweet" height="100px" style="float: left; margin-bottom: 10px;
-                 biotweet
+                    border: none;" />
-            </h1>
+            </a><a href="http://www.google.co.za" target="_blank">
-            <h1 id="igemLogo" style="display: inline-block;">
+                <img src="../images/igem.png" alt="iGem" height="100px" style="float: right; margin-bottom: 10px;
-                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+                    border: none;" />
-             </h1>
+            </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: 933px; margin: auto;">
-            <div class="north">
+                <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Introduction'">
-                &nbsp;</div>
+                    <embed width="100%" height="250px" name="plugin" src="http://www.biotweet.org/images/intro.swf"
-            <div class="center lightblue">
+                        type="application/x-shockwave-flash" />
-                <iframe frameborder="0" width="930" height="230" src="animation/Placeholder.htm"
+                </div>
-                scrolling="no" style="border: 1px solid #3C5792;"></iframe>
+                <br />
                  <div id="one" class="accordion" style="margin-top: 3px;">
                      <ol>
@@ Line 73: / Line 115: @@
                              <div>
                                  <figure>
-                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto; margin-left: -48px;">
                                  <div class="margin padding">
-                                     <img src="https://static.igem.org/mediawiki/2011/0/07/Wits_Home_Page_Concept.jpg">
+                                     <img src="https://static.igem.org/mediawiki/2011/0/07/Wits_Home_Page_Concept.jpg" />
                                  </div>
                              </div>
                              <figcaption>
-                                 <div style="text-align:right; padding-right:40px;">
+                                 <div style="text-align:right; padding-right:96px;">
                                      <input type="button" value="Read more" />
                                  </div>
@@ Line 92: / Line 134: @@
                              <div>
                                  <figure>
-                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto; margin-left: -48px;">
                                  <div class="margin padding">
-<img src="https://static.igem.org/mediawiki/2011/d/dc/Wits_Home_Page_Meet_the_team.JPG">
+<img src="https://static.igem.org/mediawiki/2011/d/dc/Wits_Home_Page_Meet_the_team.JPG" />
                                  </div>
                              </div>
                              <figcaption>
-                                 <div style="text-align:right; padding-right:40px;">
+                                 <div style="text-align:right; padding-right:96px;">
                                      <input type="button" value="Read more" />
                                  </div>
@@ Line 110: / Line 152: @@
                              <div>
                                  <figure>
-                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto; margin-left: -48px;">
                                  <div class="margin padding">
 <p>The team has submitted a number of parts to the registry, including our final genetic machine. We have submitted and characterized two theophylline riboswitches and one atrazine riboswitch. Our flip recombinase toggle switch and its corresponding lox66-promoter-lox 71 construct have also been submitted.</p>
@@ Line 116: / Line 158: @@
                              </div>
   <figcaption>
-                                 <div style="text-align:right; padding-right:40px;">
+                                 <div style="text-align:right; padding-right:96px;">
                                      <input type="button" value="Read more" />
                                  </div>
@@ Line 128: / Line 170: @@
                              <div>
                                  <figure>
-                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto; margin-left: -48px;">
                                  <div class="margin padding">
-<img src="https://static.igem.org/mediawiki/2011/0/0b/Wits_Home_Page_Modelling.JPG">
+<img src="https://static.igem.org/mediawiki/2011/0/0b/Wits_Home_Page_Modelling.JPG" />
                                  </div>
                              </div>
   <figcaption>
-                                 <div style="text-align:right; padding-right:40px;">
+                                 <div style="text-align:right; padding-right:96px;">
                                      <input type="button" value="Read more" />
                                  </div>
@@ Line 146: / Line 188: @@
                              <div>
                                  <figure>
-                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
+                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto; margin-left: -48px;">
                                  <div class="margin padding">
 <p>We  would like to thank our sponsors for their contributions.</p>
-<img src="https://static.igem.org/mediawiki/2011/a/a1/Wits_Home_Page_Sponsors.jpg">
+<img src="https://static.igem.org/mediawiki/2011/a/a1/Wits_Home_Page_Sponsors.jpg" />
                                  </div>
                              </div>
   <figcaption>
-                                 <div style="text-align:right; padding-right:40px;">
+                                 <div style="text-align:right; padding-right:96px;">
                                      <input type="button" value="Read more" />
                                  </div>
@@ Line 168: / Line 210: @@
              </div>
          </div>
-         <script type="text/javascript">
+         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
-            $(function () {
+            class="bottom">
-                $('#globalWrapper').hide();
+             Bottom
-                $('#target').appendTo('body');
+         </div>
-                $('.left-menu').prependTo('body').css('z-index', 100);
-                $('#footer-box').appendTo('div.south');
-                $('.left-menu li:last').remove();
-                $('.right-menu').prependTo('body').css('z-index', 100);
-                $.fling('publish', 'ready');
-                $('#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();
-             });
-         </script>
      </div>
+    <script type="text/javascript">
+        dojo.ready(function () {
+            $.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();
+        });
+    </script>
 </body>
 </html>

Team:WITS-CSIR SA

From 2011.igem.org

Revision as of 09:58, 17 September 2011

Concept

Meet the Team

Parts submitted

Modelling

Sponsors