Team:WITS-CSIR SA/AboutUs/ContactUs

From 2011.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
[[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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
     <title>Biotweet - Contact Us</title>
+
     <title>Biotweet - Collaboration</title>
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.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 type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.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" />
Line 15: Line 15:
         div.top
         div.top
         {
         {
-
             height: 120px;
+
             height: 95px;
             background-color: #2d4782;
             background-color: #2d4782;
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
Line 50: Line 50:
     <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/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 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 -->
     <!-- 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/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
Line 84: Line 94:
         dojo.require("dijit.form.TextBox");
         dojo.require("dijit.form.TextBox");
         dojo.require("dojo.parser");
         dojo.require("dojo.parser");
 +
        dojo.require("dojox.image.Lightbox");
     </script>
     </script>
</head>
</head>
<body class="claro">
<body class="claro">
-
    <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/SideMenu.js?action=raw&amp;ctype=text/js"></script>
 
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
         class="container">
         class="container">
 +
<div style="position: absolute; width: 100%; top: 80px;">
 +
<ul class="dropdown dropdown-horizontal">
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
 +
<li><a href="#" class="dir">Project</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
 +
<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/Project/Notebook">Lab notebook</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/Project/Achievements">Achievements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Parts">Parts submitted</a></li>
 +
<li><a href="./" class="dir">Outreach</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/SciBono">Scibono experience</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Forum">Synthetic biology forum</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Survey">Survey</a></li>
 +
</ul>
 +
</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/Diary/Gallery">Gallery</a></li>
 +
<li><a href="./" class="dir">About us</a>
 +
<ul>
 +
<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/Outreach/PublicRelations">Media attention</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Attributions">Attributions</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Acknowledgements">Acknowledgements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetOurBugs">Meet our bugs!</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/ContactUs">Contact us</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 <img src="https://static.igem.org/mediawiki/2011/5/56/Wits_Logo_Biotweet.gif" alt="Biotweet" height="80px"
+
                 <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
-
                     style="float: left; margin-bottom: 10px; border: none;" />
+
                     style="float: left; margin-bottom: 5px; border: none;" />
             </a><a href="https://2011.igem.org/Main_Page" target="_blank">
             </a><a href="https://2011.igem.org/Main_Page" target="_blank">
-
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="80px"
+
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
-
                     style="float: right; margin-bottom: 10px; border: none;" />
+
                     style="float: right; margin-bottom: 5px; border: none;" />
             </a>
             </a>
-
             <div class="menu padding ui-helper-clearfix">
+
             <div class="ui-helper-clearfix">
             </div>
             </div>
         </div>
         </div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
             class="center">
             class="center">
 +
             <div style="width: 903px; margin: auto; height: 100%;">
             <div style="width: 903px; margin: auto; height: 100%;">
                 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
                 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
                     style="height: 100%;">
                     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 data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
                         <div style="height: 100%; overflow-y: auto;">
                         <div style="height: 100%; overflow-y: auto;">
-
                            <h1>
+
 
 +
<h1>
                                 Contact Us</h1>
                                 Contact Us</h1>
                             <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Email'">
                             <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Email'">
Line 133: Line 178:
                                     South Africa
                                     South Africa
                                 </p>
                                 </p>
 +
 +
 +
                            </div>
 +
 +
                           
 +
                             </div>
                             </div>
                         </div>
                         </div>
Line 138: Line 189:
                 </div>
                 </div>
             </div>
             </div>
-
        </div>
+
</div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
             class="footerBox" style="background-color: #ffffff;">
             class="footerBox" style="background-color: #ffffff;">
Line 155: Line 206:
             $.fling('publish', 'ready');
             $.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();
             dojo.parser.parse();

Latest revision as of 17:11, 22 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 - Collaboration