(Prototype team page) |
Huiyee11186 (Talk | contribs) |
||
(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=" | + | <!--Page_Content--> |
− | < | + | <div class="container content"> |
− | < | + | <div class="headstyle"> |
− | < | + | <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=" | + | <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"> |
− | + | ||
− | + | ||
− | <p> | + | <div id="pt"> |
− | + | <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> | ||
− | < | + | <div id="pt"> |
− | + | <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 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&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&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