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

 
(84 intermediate revisions by 6 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
        <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/human_practice?action=raw&ctype=text/css">
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/safety?action=raw&ctype=text/css">
    </head>
+
</head>
<body>
+
  
<header>
+
<body data-spy="scroll" data-target=".navbar-example">
    <div class="carousel-inner" role="listbox">
+
      <div class="carousel-item active" style="background-image: url('http://placehold.it/1900x1080')">
+
      </div>
+
    </div>
+
</header>
+
  
  <!--Page_Content-->
+
    <!--Page_Content-->
  <div class="container content">
+
    <div class="container content">
    <div class="navbar-example">
+
             <div class="headstyle">
      <div class="row">
+
                <h1 class="head">Biosafety</h1>
        <div class="col-10">
+
          <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
+
             <div class="container">
+
              <h1 class="head">Safety</h1>
+
              <div id="list-item-1">
+
                <h3></h3>
+
                <h10>We use temperature sensor(DS18B20)�BpH meter and CO2 sensor(MG811) to monitor our
+
                  device. Besides, we use LCD to print datum and use Wi-Fi sensor(ESP8266) to upload
+
                  our records to database as well.</h10>               
+
              </div>
+
              <div id="list-item-2">
+
                <h3>Arduino Code</h3>
+
                <h10>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in arcu tincidunt,
+
                  finibus lectus sit amet, rhoncus erat. Nulla pretium eget est vel vehicula. In ut
+
                  urna
+
                  elit. Donec bibendum urna non turpis cursus rhoncus. Quisque ac augue elit. Class
+
                  aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
+
                  himenaeos.
+
                  Vestibulum tempor elit at lacus placerat ullamcorper sit amet vitae ante. Phasellus
+
                  enim nisi, pellentesque in ligula non, consectetur congue elit. Class aptent taciti
+
                  sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus
+
                  congue dictum urna a volutpat. Aliquam a mi eget nisi cursus molestie nec sit amet
+
                  felis.</h10>
+
              </div>
+
              <div id="list-item-3">
+
                <h3>Database</h3>
+
                <h10>In order to save data from our device, we set up a database in Firebase, including
+
                  carbon dioxide concentration, pH value and temperature obtained by sensors in our
+
                  device.</h10>
+
              </div>
+
              <div id="list-item-4">
+
                <h3>App</h3>
+
                <h10>To make our device more user-friendly, we designed an app to get data from our
+
                  database. The manager of the factory can easily see the data immediately. Besides,
+
                  we set up a notification system. As long as users connect their smart phone to the
+
                  internet, they can immediately get the warning notification from the device if the
+
                  data goes wrong.</h10>
+
              </div>
+
 
             </div>
 
             </div>
          </div>
+
            <div class="righttitle">
         </div>
+
                <h6 class="subtitle">Foresee Danger and Take Precautions</h6>
      </div>
+
            </div>
    </div>
+
         <div class="navbar-example">
  </div>
+
            <div class="row">
 +
                <div class="col-2 side">
 +
                    <div id="sidelist" class="list-group">
 +
                        <a class="list-group-item list-group-item-action" href="#Biosafety">Biosafety</a>
 +
                        <a class="list-group-item list-group-item-action" href="#Safety_Design">Safety Design</a>
 +
                        <a class="list-group-item list-group-item-action" href="#Biosafety_Test">Biosafety Test</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">
  
<style>
+
                            </br></br></br></br>
/*header*/
+
                            <p class="pcontent">NCKU-iGEM team is concerned with biosafety and biosecurity in every aspect of our project. We realize one major responsibility of iGEMers is to show the public that engineering microorganisms will not do harm to the environment and the society. We worked hard to ensure the safety of our materials, lab, designed device, and every team member.
  .carousel-item {
+
</p></br>
    height: 100vh;
+
    min-height: 300px;
+
    background: no-repeat center center scroll;
+
    -webkit-background-size: cover;
+
    -moz-background-size: cover;
+
    -o-background-size: cover;
+
    background-size: cover;
+
    }
+
  
  .head {
 
    color: white;
 
    width: 60%;
 
    font-size: 50px;
 
    font-weight: 700;
 
    border-bottom: 10px solid #7ae26f !important;
 
    position: relative;
 
  }
 
  
  /* paragraph content*/
+
                            <div id="Biosafety">
  h10 {
+
                                <h3>Biosafety</h3></br>
    color: white;
+
                                <h8>1. Material and project safety? OF CO<sub>2</sub>URSE</h8>
    font-size: 1.4rem;
+
                                <div id="pt">
    line-height: 150%;
+
                                    </br></br>
  }
+
                                    <h8>Chassis organism</h8></br>
 +
                                    <p class="pcontent">
 +
                                        We chose <i>E. coli</i> as our chassis organism. Three lab strains
 +
                                        were selected: “BL21(DE3)”, “W3110”, and ”W3110 (L5T7)”. These lab
 +
                                        strains are reported to be not pathogenic to human. We worked these strains in authorized labs (biosafety level 1 lab and higher) only.
  
body {
+
                                    </p></br>
    background-color: #272625;
+
                                </div>
    font-family: 'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif;
+
  }
+
  
 +
                                <div id="pt">
 +
                                    </br></br>
 +
                                    <h8>New parts construction</h8></br>
 +
                                    <p class="pcontent">
 +
                                    Three new basic parts with open reading frame were created in our project, which are Rubisco, prk, and CA. Three genes are derived from <i>Synechococcus elongatus</i> PCC 7002 and <i>Synechococcus elongatus</i> PCC 7942, which belong to biosafety
 +
level 1 nonpathogenic cyanobacteria.
 +
 
 +
                                    </p></br>
 +
                                </div>
  
p {
 
  color: white;
 
  font-size: 20px;
 
}
 
  
h3 {
 
  color: white;
 
  font-size: 35px;
 
}
 
  
  .navbar {
+
                                </br></br></br></br>
    padding-top: 10px;
+
                                <h8>2. Establishment of the iGEM lab</h8></br>
    margin-bottom: 0;
+
                                <div id="pt">
  }
+
                                    <p class="pcontent">
  .navbar-brand {
+
                                        This is the third year since the establishment of iGEM NCKU Tainan team. We have raised the awareness of synthetic biology in our campus. NCKU President Dr. Jenny Su and Dean of College of Engineering promised to provide us with a headquarter, including a meeting room and a lab. To meet the lab standard of Taiwan CDC (Center for Disease Control), we contacted with Mrs. Liu Yee Fen, the contact person of Center for Occupational Safety and Health and Environmental Protection, which is the authorized unit in NCKU responsible for lab safety and security. With the assistance of our PI, Pror. Ng, we successfully certified our lab to BSL-1, safety level one. Mrs. Liu gave us some lab security instructions and advice. Each of our members should attend the biosafety lab training program.
    font-size: 30px;
+
  }
+
  .nav-link {
+
    font-size: 20px;
+
  }
+
  a.dropdown-item {
+
    color: #4F7F52;
+
  }
+
  a.dropdown-item:active {
+
    background-color: #4F7F52;
+
  }
+
  .caret {
+
    display: inline-block;
+
    width: 0;
+
    height: 0;
+
    margin-left: 2px;
+
    vertical-align: middle;
+
    border-top: 4px solid;
+
    border-right: 4px solid transparent;
+
    border-left: 4px solid transparent;
+
  }
+
  /*滑到navbar就展開*/
+
  .dropdown-menu li:hover .sub-menu {visibility: visible;}
+
  .dropdown:hover .dropdown-menu {display: block;}
+
 
+
  .head {
+
    color: white;
+
    width: 50%;
+
    font-size: 50px;
+
    font-weight: 700;
+
    border-bottom: 10px solid #7ae26f;
+
    position: relative;
+
    margin-top: 100px;
+
  }
+
  .container.content {
+
    margin-top: 80px;
+
  }
+
  
  @media (min-width: 992px) {
+
                                    </p>
    .navbar {
+
                                </div>
      padding-left: 80px;
+
      padding-right: 80px;
+
    }
+
  }
+
  @media (max-width: 768px) {
+
    .navbar-right form {
+
      display: none;
+
    }
+
  }
+
  @media (max-width: 568px) {
+
    footer {
+
      text-align: center;
+
    }
+
    .list-group {
+
      display: none;
+
    }
+
  }
+
  
  /*folded-corner*/
+
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/9/95/T--NCKU_Tainan--safety_biosafety.jpg">
  .post {
+
    position: relative;
+
  }
+
  .folded-corner {
+
    position: absolute;
+
    bottom: 0px; 
+
    right: 0px;
+
    border-width: 0;
+
    border-style: solid;
+
    background: hsla(260,100%,100%,0.2);
+
    box-shadow: 0px -4px 0px rgba(0,0,0,0.3), -1px -4px 0px rgba(0,0,0,0.1);
+
    border-radius: 15px 0 0 0;
+
    border-color: transparent #B9DEBB transparent transparent;
+
    transition: border-width 0.2s ease-out;
+
  }
+
  .post:hover .folded-corner {
+
    border-width: 40px 40px 0 0;
+
  }
+
  .photo .folded-corner {
+
    background: hsla(260,5%,75%,0.5);
+
  }
+
  
  [class*="col-"] {
+
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/9/90/T--NCKU_Tainan--safety_biosafety2.jpg">
    float: left;
+
<p class="pcenter"> Fig 1. Pictures of NCKU Tainan team headquarter  </p>    
    padding: 13px;
+
  }
+
  a.list-group-item:visited {
+
    color: white;
+
  }
+
  a:hover {
+
    background-color: transparent;
+
  }
+
  .list-group {
+
    margin-top: 100px;
+
  }
+
  .col-2.side {
+
    padding: 0;
+
  }
+
  .list-group-item {
+
    padding: .55rem .35rem;
+
    background-color: #272625;
+
    color: white;
+
    border: none;
+
    font-size: 19px;
+
  }
+
  a.list-group-item.list-group-item-action {
+
    background-color: transparent;
+
  }
+
  a.list-group-item.list-group-item-action:hover {
+
    color: #98CC9B;
+
  }
+
  a.list-group-item.list-group-item-action.active {
+
    background-color: transparent;
+
    color: #7ae26f;
+
  }
+
  .scrollspy-example h4{
+
    font-size: 2rem;
+
   }
+
  
    
+
                                <div id="pt">
 +
                                    <p class="pcontent">In addition to the lab in iGEM headquarter, the wet lab team also performed experiments in various labs whose supervisors are Prof. I-Son Ng, Prof. I-Hsiu Huang, Prof. Han-Ching Wang, and Prof. Hashimoto Masayuki. The labs mentioned have all been certified as biosafety level one or two.
 +
</p></br>
 +
                                </div>
 +
 
 +
 
 +
 
 +
                                </br></br></br></br>
 +
                                <h8>3. Safety training for every teammate</h8>
 +
                                <div id="pt">
 +
                                    <p class="pcontent">It is a must for anyone to pass the authorized training session before conducting any experiments in the lab. Since our applied design must be tested with the constructed bacteria, all of our team members will be exposed to the lab. We, therefore, decided that the whole team should be certified to do the experiments in biosafety level one lab. Team members from biotechnology have already passed the training session, and the rest of team members have passed the training online course. We believe that learning safety and security knowledge could lower the risk when we conducted experiments inside a lab.</br></p>
 +
                                </div>
 +
 
 +
                                </br></br>
 +
                                <img class="contentimg sfp" src="https://static.igem.org/mediawiki/2018/d/d8/T--NCKU_Tainan--home_safety.png">
 +
          <p class="pcenter"> Fig 2. Certificate of online course</p>                 
 +
</div>
 +
 
 +
                            <div id="Safety_Design">
 +
                                <h3>Safety Design</h3>
 +
                                <div id="pt"></br>
 +
                                    <p class="pcontent">
 +
                                        The goal of our project is to utilize CO<sub>2</sub> emitted from industries by using modified <i>E. coli</i> , which has high potential to produce valuable byproducts. At the same time, we are aware of the safety concerns of introducing synthetic organisms into the environment. We designed a bioreactor that ensures the engineered <i>E. coli</i> in maintained in a closed system separated from the environment. Each inlet and outlet of the bioreactor is equipped with a filter to prevent the outflow of the engineered bacteria.
 +
                                    </p></br></br>
 +
                                </div>
 +
                            </div>
 +
 
 +
                            <div id="Biosafety_Test">
 +
                                <h3>Biosafety Test</h3>
 +
                                <div id="pt"></br>
 +
                                    <p class="pcontent">       
 +
                                        We tested the safety of our device by incubating bacteria inside. We collected the waste sample from the filter and checked for bacterial growth.  Comparing with the control group that does not pass the filter, we found out that the filter can effectively isolate the bacteria inside our device.
 +
 
 +
                                    </p></br></br>
 +
 
 +
                                    <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/1/1e/T--NCKU_Tainan--home_42856429_302508337211372_1417060309683666944_n.jpg">
 +
 
 +
                                    <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/9/97/T--NCKU_Tainan--home_42885010_1830869360314589_164317661969252352_n.jpg">
 +
<p class="pcenter"> Fig 3. Result of biosafety tests with our bioreactor</p>    
 +
 
 +
                                    <p class="pcontent">
 +
                                        In our product design, we planned to extract protein and bioproduct from <i>E. coli</i>. The waste should be then collected and sterilized. We planned to combine the waste heat recovery system in the factory to sterilize the waste medium. One of the many goals of our product design; to turn waste into valuable resource, has been fulfilled by this biosafety design.
 +
                                    </p>
 +
                                    </br></br></br></br>
 +
 
 +
                                </div>
 +
 
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
  
  img.contentimg {
+
    <style>
      width: 100%;
+
        .list-group-item {
      margin: 20px 0;
+
            margin: 10px 0 !important;
  }
+
        }
  a.link {
+
     </style>
      font-size: 30px;
+
      color: #4F7F52;
+
  }
+
  #list-item-1 {
+
      padding-top: 0px;
+
      text-align:justify;
+
  }
+
  #list-item-2 {
+
      padding-top: 0px;
+
      text-align:justify;
+
  }
+
  #list-item-3 {
+
      padding-top: 0px;
+
      text-align:justify;
+
  }
+
  #list-item-4 {
+
      padding-top: 0px;
+
      text-align:justify;
+
  }
+
  #list-item-5 {
+
      padding-top: 0px;
+
      text-align:justify;
+
  }
+
  a.reference {
+
     color: #4F7F52;
+
  }
+
 
+
</style>
+
  
 +
    <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>
 
</body>
  
 
</html>
 
</html>
 
{{NCKU_Tainan/footer}}
 
{{NCKU_Tainan/footer}}

Latest revision as of 15:28, 3 November 2018

Biosafety

Foresee Danger and Take Precautions
Follow us

Contact us

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