Team:WITS-CSIR SA/AboutUs/MeetTheTeam

From 2011.igem.org

(Difference between revisions)
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>
<head>
-
     <title>Biotweet - Team</title>
+
     <title>Biotweet - Profile</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/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/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/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 -->
     <!-- 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/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>
     <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 -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- 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-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>
     <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/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/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 -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- 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/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 -->
     <!-- 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>
</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/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>
     <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>
-
         <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">
-
                <h1>
+
            <div style="width: 903px; margin: auto; height: 100%;">
-
                  Meet the team</h1>
+
                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
-
<h2>Team Profile</h2>
+
                    style="height: 100%;">
-
<p>Coming soon!</p>
+
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'leading', style:'overflow-y: auto;'"
-
 
+
                        class="west">
-
<h2>Advisor Profile</h2>
+
                        sidebar
-
<p>Coming soon!</p>
+
                    </div>
-
 
+
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
-
<h2>Attributions</h2>
+
                        <div style="height: 100%; overflow-y: auto;">
-
<p>Lab work: All of the lab work presented on this wiki is the work of the team members.</p>
+
                            <h1>
-
<p>Modelling: All modelling was completed by Brad, our information engineer.</p>
+
                                Meet the team</h1>
-
<p>Logo: Our logo was also designed by Brad</p>
+
                            <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Team Profile'">
-
<p>Animation: This task was performed by an animator.</p>
+
                                <p>
-
<p>Website: Our site was built by a web developer.</p>
+
                                    Coming soon!</p>
-
 
+
                            </div>
-
<h2>Acknowledgements</h2>
+
                            <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Advisor Profile'">
-
<p> We would like to thank the following people for their invaluable contributions to the project:</p>
+
                                <p>
-
            </div>
+
                                    Coming soon!</p>
-
            <div class="north">
+
                            </div>
-
                 &nbsp;</div>
+
                            <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Attributions'">
-
            <div class="west">
+
                                <p>
-
            </div>
+
                                    Lab work: All of the lab work presented on this wiki is the work of the team members.</p>
-
            <div class="south">
+
                                <p>
 +
                                    Modelling: All modelling was completed by Brad, our information engineer.</p>
 +
                                <p>
 +
                                    Logo: Our logo was also designed by Brad</p>
 +
                                <p>
 +
                                    Animation: This task was performed by an animator.</p>
 +
                                <p>
 +
                                    Website: Our site was built by a web developer.</p>
 +
                            </div>
 +
                            <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Acknowledgements'">
 +
                                <p>
 +
                                    We would like to thank the following people for their invaluable contributions to
 +
                                    the project:</p>
 +
                            </div>
 +
                        </div>
 +
                 </div>
             </div>
             </div>
         </div>
         </div>
 +
    </div>
 +
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
 +
        class="footerBox" style="background-color: #ffffff;">
 +
    </div>
     </div>
     </div>
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function () {
+
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();
-
             $('#target').appendTo('body');
+
             $('.container').appendTo('body');
             $('.left-menu').prependTo('body').css('z-index', 100);
             $('.left-menu').prependTo('body').css('z-index', 100);
-
             $('#footer-box').appendTo('div.south');
+
             $('#footer-box').appendTo('div.footerBox');
             $('.left-menu li:last').remove();
             $('.left-menu li:last').remove();
             $('.right-menu').prependTo('body').css('z-index', 100);
             $('.right-menu').prependTo('body').css('z-index', 100);
 +
 +
            $('body').addClass('claro');
             $.fling('publish', 'ready');
             $.fling('publish', 'ready');
 +
 +
            dojo.parser.parse();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 11:58, 17 September 2011

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

sidebar

Meet the team

Coming soon!

Coming soon!

Lab work: All of the lab work presented on this wiki is the work of the team members.

Modelling: All modelling was completed by Brad, our information engineer.

Logo: Our logo was also designed by Brad

Animation: This task was performed by an animator.

Website: Our site was built by a web developer.

We would like to thank the following people for their invaluable contributions to the project: