Team:WITS-CSIR SA/Project/Protocols

From 2011.igem.org

(Difference between revisions)

Revision as of 20:13, 17 September 2011

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

sidebar

Flourometry

@@ 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 - Protocols</title>
+     <title>Biotweet - Safety</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'"
-                <h1>
+                    style="height: 100%;">
-                   Protocols</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;">
+<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Protocols'">
 <a href="https://static.igem.org/mediawiki/2011/5/5f/Fluorometry.pdf">Flourometry</a>
-<p></p>
+                    </div>
-            </div>
+                 </div>
-            <div class="north">
-                 &nbsp;</div>
-            <div class="west">
-            </div>
-            <div class="south">
              </div>
          </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>