Difference between revisions of "Team:NCKU Tainan/Demonstrate"

(Blanked the page)
 
(20 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 +
{{NCKU_Tainan/header}} {{NCKU_Tainan/navbar}} {{NCKU_Tainan/style}}
  
 +
<html>
 +
 +
<head>
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/hardware?action=raw&ctype=text/css">
 +
</head>
 +
 +
<body data-spy="scroll" data-target=".navbar-example">
 +
 +
    <!--Page_Content-->
 +
    <div class="container content">
 +
            <div class="headstyle">
 +
                <h1 class="head">Demonstrate</h1>
 +
            </div>
 +
            <div class="righttitle">
 +
                <h6 class="subtitle">Actions Speak Louder than Words</h6>
 +
            </div>
 +
        <div class="navbar-example">
 +
            <div class="row">
 +
                <div class="col-2 side">
 +
                    <div id="sidelist" class="list-group">
 +
                        <a class="list-group-item list-group-item-action" href="#Introduction">Introduction</a>
 +
                        <a class="list-group-item list-group-item-action" href="#Video">Video</a>
 +
                        <a class="list-group-item list-group-item-action" href="#Sensors">Sensors</a>
 +
                        <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x"
 +
                                aria-hidden="true"></i></a>
 +
                    </div>
 +
                </div>
 +
 +
                <div class="col-10">
 +
                    <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 +
                        <div class="container">
 +
 +
                            <div id="Introduction">
 +
                                </br></br></br></br>
 +
                                <div id="pt">
 +
                                    <p class="pcontent">
 +
                                        The goal of our project is to solve the problem of carbon dioxide (CO<sub>2</sub>) by using
 +
                                        engineered <i>E. coli</i> to fix CO<sub>2</sub> emitted from industries. To
 +
                                        achieve our goal, we designed a device that we will upscale our project to be used
 +
                                        on fields and aim to integrate the device into industrial IGCC system.
 +
                                    </p>
 +
                                </div>
 +
 +
                             
 +
 +
                                <div id="pt">
 +
                                    <p class="pcontent">
 +
                                        Our device is divided into three main parts: a bioreactor, a medium tank and a
 +
                                        collection tank. Carbon dioxide fixation process takes place in bioreactor
 +
                                        which contains our engineered <i>E.coli</i>.
 +
                                    </p>
 +
                                </div>
 +
 +
                                <img class="contentimg" src="https://static.igem.org/mediawiki/2018/5/51/T--NCKU_Tainan--demonstrate3.jpeg">
 +
 +
                                <div id="pt">
 +
                                    <p class="pcontent">
 +
                                        In order to maintain the optimal conditions, the bioreactor consists of a pH
 +
                                        meter and a thermometer. Besides, a CO<sub>2</sub> sensor is mounted at the top
 +
                                        of the lid to sense to CO<sub>2</sub> concentration of the gas. All of the data
 +
                                        will be transmitted to our IoT system so that we could online monitoring
 +
                                        conditions of the bioreactor.
 +
                                    </p>
 +
                                    </br>
 +
                                </div>
 +
 +
                                <div id="pt">
 +
                                    <p class="pcontent">
 +
                                        Here we are going to show how does our device works in the video below ! We
 +
                                        incubated our engineered <i>E. coli</i> in M9 xylose solution and successfully
 +
                                        implemented IoT system with our device.
 +
                                    </p>
 +
                                </div>
 +
 +
                            </div>
 +
 +
 +
                            <div id="Video">
 +
                                </br></br></br></br>
 +
                                <video class="video" controls="">
 +
                                        <source src="https://static.igem.org/mediawiki/2018/e/e5/T--NCKU_Tainan--Demonstrate_film.mp4" type="video/mp4">
 +
                                        Your browser does not support the video.
 +
                                    </video>
 +
                                </br></br>
 +
                                <p class="pcontent">
 +
                                    00:00~01:12 Operation procedure (couldn’t think of a better words lol)</br>
 +
                                    01:13~03:00 Bioreactor</br>
 +
                                    03:00~05:00 Database + App</br>
 +
                                </p>
 +
                            </div>
 +
 +
                            <div id="Sensors">
 +
 +
                                </br></br></br></br>
 +
                                <h3>Sensors/Wi-Fi module</h3>
 +
 +
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--image003.png">
 +
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/4/47/T--NCKU_Tainan--image004.jpg">
 +
                                <img class="contentimg fig" src="https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--image005.jpg">
 +
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <script>
 +
        $(document).ready(function () {
 +
            $(window).scroll(function () {
 +
                if ($(this).scrollTop() >= 500) {
 +
                    var position = $("#sidelist").position();
 +
                    if (position == undefined) {} else {
 +
                        $('#sidelist').css({
 +
                            "position": "fixed",
 +
                            "top": "145px",
 +
                            "margin-top": "0px"
 +
                        });
 +
                    }
 +
                } else {
 +
                    $('#sidelist').removeAttr('style');
 +
                }
 +
            });
 +
            $(function () {
 +
                $('i.fa-arrow-up').click(function () {
 +
                    $('html, body').animate({
 +
                        scrollTop: 0
 +
                    }, 600);
 +
                    return false;
 +
                });
 +
            });
 +
        });
 +
    </script>
 +
    <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
</body>
 +
 +
</html>
 +
 +
{{NCKU_Tainan/footer}}

Latest revision as of 20:50, 17 October 2018

Demonstrate

Actions Speak Louder than Words

Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)