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

(Prototype team page)
 
 
(21 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{NCKU_Tainan}}
+
{{NCKU_Tainan/header}} {{NCKU_Tainan/navbar}} {{NCKU_Tainan/style}}
 +
 
 
<html>
 
<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">
  
<div class="column full_size judges-will-not-evaluate">
+
    <!--Page_Content-->
<h3>★  ALERT! </h3>
+
    <div class="container content">
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
            <div class="headstyle">
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
                <h1 class="head">Demonstrate</h1>
</div>
+
            </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 class="clear"></div>
+
                            <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>
  
<div class="column full_size">
+
                                <img class="contentimg" src="https://static.igem.org/mediawiki/2018/5/51/T--NCKU_Tainan--demonstrate3.jpeg">
<h1>Demonstrate</h1>
+
<h3>Gold Medal Criterion #4</h3>
+
  
<p>
+
                                <div id="pt">
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
                                    <p class="pcontent">
</p>
+
                                        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>
  
<p>
+
                                <div id="pt">
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
                                    <p class="pcontent">
</p>
+
                                        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>
 
  
 +
                            <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>
 
</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.)