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

 
(66 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>
          <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
+
            <div class="righttitle">
            <div class="container">
+
                <h6 class="subtitle">Foresee Danger and Take Precautions</h6>
              <h1 class="head">Safety</h1>
+
            </div>
              <div id="list-item-1">
+
         <div class="navbar-example">
                <h10>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 the project as well as synthetic will not do harm to the environment and the society. We make checks on every safety detail including materials, lab, designed device, and every team member.</h10>              
+
            <div class="row">
              </div>
+
                <div class="col-2 side">
              <div id="list-item-2">
+
                    <div id="sidelist" class="list-group">
                <h3>1. Material and project safety? OF COURSE</h3>
+
                        <a class="list-group-item list-group-item-action" href="#Biosafety">Biosafety</a>
                <div id="pt"><h8>Chassis organism</h8></br>
+
                        <a class="list-group-item list-group-item-action" href="#Safety_Design">Safety Design</a>
                 <h10>We chose E. coli as our chassis organism. Three lab strains were selected: “DH5 alpha”, “BL21(DE3)”, “W3110”, and ”W3110 (L5T7)”. These lab strains are reported to be not pathogenic to human. We construct our design with these strains in authorized lab (biosafety level 1 lab) only.</h10></div>
+
                        <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">
  
                <div id="pt"><h8>New parts construction</h8></br>
+
                            </br></br></br></br>
                <h10>We chose E. coli as our chassis organism. Three lab strains were selected: “DH5 alpha”, “BL21(DE3)”, “W3110”, and ”W3110 (L5T7)”. These lab strains are reported to be not pathogenic to human. We construct our design with these strains in authorized lab (biosafety level 1 lab) only.</h10></div>
+
                            <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.
 +
</p></br>
  
  
 +
                            <div id="Biosafety">
 +
                                <h3>Biosafety</h3></br>
 +
                                <h8>1. Material and project safety? OF CO<sub>2</sub>URSE</h8>
 +
                                <div id="pt">
 +
                                    </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.
  
              </div>
+
                                    </p></br>
              <div id="list-item-3">
+
                                </div>
                <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>
+
    </div>
+
  </div>
+
  
<style>
+
                                <div id="pt">
/*header*/
+
                                    </br></br>
  .carousel-item {
+
                                    <h8>New parts construction</h8></br>
    height: 100vh;
+
                                    <p class="pcontent">
    min-height: 300px;
+
                                    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
    background: no-repeat center center scroll;
+
level 1 nonpathogenic cyanobacteria.
    -webkit-background-size: cover;
+
 
    -moz-background-size: cover;
+
                                    </p></br>
    -o-background-size: cover;
+
                                </div>
    background-size: cover;
+
    }
+
  
  .head {
 
    color: white;
 
    width: 30%;
 
    font-size: 50px;
 
    font-weight: 700;
 
    border-bottom: 10px solid #7ae26f !important;
 
    position: relative;
 
  }
 
  
  /* paragraph content*/
 
  
  #pt{
+
                                </br></br></br></br>
    padding-top: 10px;
+
                                <h8>2. Establishment of the iGEM lab</h8></br>
  }
+
                                <div id="pt">
 +
                                    <p class="pcontent">
 +
                                        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.
  
  h10 {
+
                                    </p>
    color: white;
+
                                </div>
    font-size: 1.4rem;
+
    line-height: 150%;
+
  }
+
  
  h8 {
+
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/9/95/T--NCKU_Tainan--safety_biosafety.jpg">
    color: white;
+
    font-size: 1.8rem;
+
    line-height: 150%;
+
  }
+
  
body {
+
                                <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/9/90/T--NCKU_Tainan--safety_biosafety2.jpg">
    background-color: #272625;
+
<p class="pcenter"> Fig 1. Pictures of NCKU Tainan team headquarter  </p>    
    font-family: 'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif;
+
   }
+
  
 +
                                <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>
  
p {
 
  color: white;
 
  font-size: 20px;
 
}
 
  
h3 {
 
  color: white;
 
  font-size: 35px;
 
}
 
  
  .navbar {
+
                                </br></br></br></br>
    padding-top: 10px;
+
                                <h8>3. Safety training for every teammate</h8>
    margin-bottom: 0;
+
                                <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>
  .navbar-brand {
+
                                </div>
    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: 18%;
+
    font-size: 50px;
+
    font-weight: 700;
+
    border-bottom: 10px solid #7ae26f;
+
    position: relative;
+
  }
+
  .container.content {
+
    margin-top: 80px;
+
  }
+
  
  @media (min-width: 992px) {
+
                                </br></br>
    .navbar {
+
                                <img class="contentimg sfp" src="https://static.igem.org/mediawiki/2018/d/d8/T--NCKU_Tainan--home_safety.png">
      padding-left: 80px;
+
          <p class="pcenter"> Fig 2. Certificate of online course</p>                 
      padding-right: 80px;
+
</div>
    }
+
  }
+
  @media (max-width: 768px) {
+
    .navbar-right form {
+
      display: none;
+
    }
+
  }
+
  @media (max-width: 568px) {
+
    footer {
+
      text-align: center;
+
    }
+
    .list-group {
+
      display: none;
+
    }
+
  }
+
  
  /*folded-corner*/
+
                            <div id="Safety_Design">
  .post {
+
                                <h3>Safety Design</h3>
    position: relative;
+
                                <div id="pt"></br>
  }
+
                                    <p class="pcontent">
  .folded-corner {
+
                                        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.
    position: absolute;
+
                                    </p></br></br>
    bottom: 0px; 
+
                                </div>
    right: 0px;
+
                            </div>
    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-"] {
+
                            <div id="Biosafety_Test">
    float: left;
+
                                <h3>Biosafety Test</h3>
    padding: 13px;
+
                                <div id="pt"></br>
  }
+
                                    <p class="pcontent">       
  a.list-group-item:visited {
+
                                        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.
    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;
+
  }
+
  
    
+
                                    </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: 20px;
+
      text-align:justify;
+
  }
+
  #list-item-2 {
+
      padding-top: 20px;
+
      text-align:justify;
+
  }
+
  #list-item-3 {
+
      padding-top: 20px;
+
      text-align:justify;
+
  }
+
  #list-item-4 {
+
      padding-top: 20px;
+
      text-align:justify;
+
  }
+
  #list-item-5 {
+
      padding-top: 20px;
+
      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.)