Team:WITS-CSIR SA

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html>
<html>
<html>
<head>
<head>
Line 46: Line 47:
</head>
</head>
<body class="start lightblue">
<body class="start lightblue">
-
     <!--<script src="client/MenuModel.js" type="text/javascript"></script>-->
+
     <div id="target">
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
+
        <input type="hidden" id="hidStart" value="true" />
-
    <div class="banner">
+
        <!--<script src="client/MenuModel.js" type="text/javascript"></script>-->
-
        <h1>
+
        <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
-
            biotweet</h1>
+
        <div class="banner">
-
        <h1>
+
            <h1>
-
            <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
                biotweet</h1>
-
        </h1>
+
            <h1>
-
    </div>
+
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
-
    <div class="menu padding">
+
            </h1>
-
    </div>
+
        </div>
-
    <div class="layout" style="margin: 0px auto; width: 960px;">
+
        <div class="menu padding">
-
        <div class="north">
+
        </div>
-
            &nbsp;</div>
+
        <div class="layout" style="margin: 0px auto; width: 960px;">
-
        <div class="center lightblue">
+
            <div class="north">
-
            <!--<iframe frameborder="0" width="930" height="230" src="animation/Placeholder.htm"
+
                &nbsp;</div>
 +
            <div class="center lightblue">
 +
                <!--<iframe frameborder="0" width="930" height="230" src="animation/Placeholder.htm"
                 scrolling="no" style="border: 1px solid #3C5792;"></iframe>-->
                 scrolling="no" style="border: 1px solid #3C5792;"></iframe>-->
-
            <div id="one" class="accordion" style="margin-top: 3px;">
+
                <div id="one" class="accordion" style="margin-top: 3px;">
-
                <ol>
+
                    <ol>
-
                    <li>
+
                        <li>
-
                        <h2>
+
                            <h2>
-
                            <span>Concept</span></h2>
+
                                <span>Concept</span></h2>
-
                        <div>
+
                            <div>
-
                            <figure>
+
                                <figure>
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                                 <div class="margin padding">
                                 <div class="margin padding">
Line 91: Line 94:
                             </figcaption>
                             </figcaption>
    </figure>
    </figure>
-
                        </div>
+
                            </div>
-
                    </li>
+
                        </li>
-
                    <li>
+
                        <li>
-
                        <h2>
+
                            <h2>
-
                            <span>Meet the Team</span></h2>
+
                                <span>Meet the Team</span></h2>
-
                        <div>
+
                            <div>
-
                            <figure>
+
                                <figure>
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                                 <div class="margin padding">
                                 <div class="margin padding">
Line 108: Line 111:
                             </figcaption>
                             </figcaption>
    </figure>
    </figure>
-
                        </div>
+
                            </div>
-
                    </li>
+
                        </li>
-
                    <li>
+
                        <li>
-
                        <h2>
+
                            <h2>
-
                            <span>Slide 6</span></h2>
+
                                <span>Slide 6</span></h2>
-
                        <div>
+
                            <div>
-
                            <figure>
+
                                <figure>
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                                 <div class="margin padding">
                                 <div class="margin padding">
Line 121: Line 124:
                              
                              
    </figure>
    </figure>
-
                        </div>
+
                            </div>
-
                    </li>
+
                        </li>
-
                    <li>
+
                        <li>
-
                        <h2>
+
                            <h2>
-
                            <span>Slide 6</span></h2>
+
                                <span>Slide 6</span></h2>
-
                        <div>
+
                            <div>
-
                            <figure>
+
                                <figure>
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                                 <div class="margin padding">
                                 <div class="margin padding">
Line 134: Line 137:
                              
                              
    </figure>
    </figure>
-
                        </div>
+
                            </div>
-
                    </li>
+
                        </li>
-
                    <li>
+
                        <li>
-
                        <h2>
+
                            <h2>
-
                            <span>Slide 6</span></h2>
+
                                <span>Slide 6</span></h2>
-
                        <div>
+
                            <div>
-
                            <figure>
+
                                <figure>
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                             <div style="background:white; height: 240px; width: 690px; overflow-y: auto;">
                                 <div class="margin padding">
                                 <div class="margin padding">
Line 147: Line 150:
                              
                              
    </figure>
    </figure>
-
                        </div>
+
                            </div>
-
                    </li>
+
                        </li>
-
                </ol>
+
                    </ol>
-
                <noscript>
+
                    <noscript>
-
                    <p>
+
                        <p>
-
                        Please enable JavaScript to get the full experience.</p>
+
                            Please enable JavaScript to get the full experience.</p>
-
                </noscript>
+
                    </noscript>
 +
                </div>
             </div>
             </div>
         </div>
         </div>
-
    </div>
+
        <script type="text/javascript">
-
    <script type="text/javascript">
+
            $(function () {
-
        $(function () {
+
                $('#globalWrapper').hide();
-
            $('#globalWrapper').hide();
+
                $('#target').appendTo('body');
-
            $('#target').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.south');
+
                $('.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);
+
-
            $.fling('publish', 'ready');
+
                $.fling('publish', 'ready');
-
            $('#one').liteAccordion({
+
                $('#one').liteAccordion({
-
                onActivate: function () {
+
                    onActivate: function () {
-
                    this.find('figcaption').fadeOut();
+
                        this.find('figcaption').fadeOut();
-
                },
+
                    },
-
                slideCallback: function () {
+
                    slideCallback: function () {
-
                    this.find('figcaption').fadeIn();
+
                        this.find('figcaption').fadeIn();
-
                },
+
                    },
-
                autoPlay: false,
+
                    autoPlay: false,
-
                pauseOnHover: true,
+
                    pauseOnHover: true,
-
                theme: 'dark',
+
                    theme: 'dark',
-
                rounded: false,
+
                    rounded: false,
-
                enumerateSlides: true,
+
                    enumerateSlides: true,
-
                containerWidth: 932,
+
                    containerWidth: 932,
-
                containerHeight: 240
+
                    containerHeight: 240
-
            }).find('figcaption:first').show();
+
                }).find('figcaption:first').show();
-
        });
+
            });
-
    </script>
+
        </script>
 +
    </div>
</body>
</body>
</html>
</html>

Revision as of 11:45, 3 September 2011

<!DOCTYPE html> Biotweet

 

  1. Concept

    To genetically reprogram the chemotactic behaviour of E. coli, through the use of synthetic riboswitches. This will enable bacteria to search a defined area for a particular ligand and return to a set location (the starting point), where they can report on their findings. As a proof of principle, we want to test the ability of the reprogrammed cells to locate atrazine/theophylline on a petri-dish, and return to the initial point of departure for reporting. To do this we have three constructs that will make the bacteria toggle between two states of chemotactic responsiveness to different substances.

  2. Meet the Team

  3. Slide 6

  4. Slide 6

  5. Slide 6

Retrieved from "http://2011.igem.org/Team:WITS-CSIR_SA"