Loading menubar.....

Difference between revisions of "Team:CAU China/Method"

(Created page with "<html><style> /*! * Bootstrap v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (http...")
 
 
(7 intermediate revisions by 2 users not shown)
Line 8,976: Line 8,976:
 
</style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html>
 
</style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html>
 
<style>
 
<style>
 +
 +
 +
  .embedbox embed {
 +
    -webkit-transform: translate(30px, -50px);
 +
    transform: translate(30px, -50px);
 +
    width: 900px;
 +
    height: 100%;
 +
  }
 
   /* DEFAULT WIKI SETTINGS */
 
   /* DEFAULT WIKI SETTINGS */
 
   /**************************************************************************************************************************************************************************************************/
 
   /**************************************************************************************************************************************************************************************************/
Line 9,569: Line 9,577:
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
 
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
Line 9,575: Line 9,582:
 
           </div>
 
           </div>
 
         </li>
 
         </li>
         <li class="nav-item dropdown mx-3">
+
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
 
            PARTS
+
         <li class="nav-item mx-3">
          </a>
+
           <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Parts">PARTS</a>
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Parts">Parts</a>
+
          </div>
+
 
         </li>
 
         </li>
  
Line 9,603: Line 9,607:
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
Line 9,632: Line 9,636:
 
<html>
 
<html>
 
<style>
 
<style>
 
 
   .pictureTitle{
 
   .pictureTitle{
 
     background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.8)), url("");
 
     background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.8)), url("");
Line 9,640: Line 9,643:
 
   }
 
   }
  
  /* for dark theme */
 
  .table-of-contents a {
 
    color:  #000000;
 
  }
 
  .table-of-contents a:before {
 
    color:  #000000;
 
  }
 
 
 
  @media only screen and (max-width: 809.99px) {
 
  
 +
  /* FlowChart*/
 +
  #conceptFlowTitle  {
 +
    font-size: 2.5rem;
 +
    font-weight: bold;
 
   }
 
   }
   @media only screen and (max-width: 1360.99px) and (min-width: 810px){
+
   .circleM {
 
+
    height: 100px;
 +
    width: 100px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-top: 2rem;
 +
    border-radius: 50%;
 +
    background-image: linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1));
 +
    color: black;
 +
    z-index: 2;
 
   }
 
   }
   .carousel-inner > .item > img,
+
   .circleM img {
  .carousel-inner > .item > a > img {
+
     max-height: 80px;
    display: block;
+
     width: auto;
     max-width: 100%;
+
     height: auto;
+
 
   }
 
   }
 
+
   #conceptFlow h5{
   .carousel {
+
     font-weight: bold;
     position: relative;
+
    font-size: 2rem;
 +
    margin-bottom: 30px;
 +
    color:#009ec6;
 +
    padding-top: 4rem;
 
   }
 
   }
   .carousel-inner {
+
   #conceptFlow span{
     position: relative;
+
     font-size: 1.5rem;
    width: 100%;
+
    overflow: hidden;
+
 
   }
 
   }
   .carousel-inner > .item {
+
  /* height of each section*/
     position: relative;
+
   .how-it-works.row{
    display: none;
+
     height: auto;
     -webkit-transition: .6s ease-in-out left;
+
     padding-bottom:
    -o-transition: .6s ease-in-out left;
+
    transition: .6s ease-in-out left;
+
 
   }
 
   }
   .carousel-inner > .item > img,
+
   .how-it-works.row .col-2 {
  .carousel-inner > .item > a > img {
+
     align-self: stretch;
     line-height: 1;
+
    padding-left: 0;
 +
    padding-right: 0;
 
   }
 
   }
   @media all and (transform-3d), (-webkit-transform-3d) {
+
   .how-it-works.row .col-2::after {
    .carousel-inner > .item {
+
     content: "";
      -webkit-transition: -webkit-transform .6s ease-in-out;
+
      -o-transition:      -o-transform .6s ease-in-out;
+
      transition:         transform .6s ease-in-out;
+
 
+
      -webkit-backface-visibility: hidden;
+
      backface-visibility: hidden;
+
      -webkit-perspective: 1000;
+
      perspective: 1000;
+
    }
+
    .carousel-inner > .item.next,
+
    .carousel-inner > .item.active.right {
+
      left: 0;
+
      -webkit-transform: translate3d(100%, 0, 0);
+
      transform: translate3d(100%, 0, 0);
+
     }
+
    .carousel-inner > .item.prev,
+
    .carousel-inner > .item.active.left {
+
      left: 0;
+
      -webkit-transform: translate3d(-100%, 0, 0);
+
      transform: translate3d(-100%, 0, 0);
+
    }
+
    .carousel-inner > .item.next.left,
+
    .carousel-inner > .item.prev.right,
+
    .carousel-inner > .item.active {
+
      left: 0;
+
      -webkit-transform: translate3d(0, 0, 0);
+
      transform: translate3d(0, 0, 0);
+
    }
+
  }
+
  .carousel-inner > .active,
+
  .carousel-inner > .next,
+
  .carousel-inner > .prev {
+
    display: block;
+
  }
+
  .carousel-inner > .active {
+
    left: 0;
+
  }
+
  .carousel-inner > .next,
+
  .carousel-inner > .prev {
+
 
     position: absolute;
 
     position: absolute;
     top: 0;
+
     border-left: 3px solid rgba(82, 187, 199,1);
     width: 100%;
+
     z-index: 1;
 
   }
 
   }
   .carousel-inner > .next {
+
   .how-it-works.row .col-2.bottom::after {
     left: 100%;
+
     height: 100%;
 +
    left: 50%;
 +
    top: 2rem;
 
   }
 
   }
   .carousel-inner > .prev {
+
   .how-it-works.row .col-2.fullRight::after {
    left: -100%;
+
     height: 100%;
  }
+
  .carousel-inner > .next.left,
+
  .carousel-inner > .prev.right {
+
    left: 0;
+
  }
+
  .carousel-inner > .active.left {
+
    left: -100%;
+
  }
+
  .carousel-inner > .active.right {
+
     left: 100%;
+
  }
+
  .carousel-control {
+
    position: absolute;
+
    top: 0;
+
    bottom: 0;
+
    left: 0;
+
    width: 15%;
+
    font-size: 20px;
+
    color: #fff;
+
    text-align: center;
+
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+
    filter: alpha(opacity=50);
+
    opacity: .5;
+
  }
+
  .carousel-control.left {
+
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
+
    background-image:        linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+
    background-repeat: repeat-x;
+
  }
+
  .carousel-control.right {
+
    right: 0;
+
    left: auto;
+
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
+
    background-image:        linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
+
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+
    background-repeat: repeat-x;
+
  }
+
  .carousel-control:hover,
+
  .carousel-control:focus {
+
    color: #fff;
+
    text-decoration: none;
+
    filter: alpha(opacity=90);
+
    outline: 0;
+
    opacity: .9;
+
  }
+
  .carousel-control .icon-prev,
+
  .carousel-control .icon-next,
+
  .carousel-control .glyphicon-chevron-left,
+
  .carousel-control .glyphicon-chevron-right {
+
    position: absolute;
+
    top: 50%;
+
    z-index: 5;
+
    display: inline-block;
+
  }
+
  .carousel-control .icon-prev,
+
  .carousel-control .glyphicon-chevron-left {
+
 
     left: 50%;
 
     left: 50%;
    margin-left: -10px;
 
 
   }
 
   }
   .carousel-control .icon-next,
+
   .how-it-works.row .col-2.top::after {
  .carousel-control .glyphicon-chevron-right {
+
     height: 3rem;
    right: 50%;
+
    margin-right: -10px;
+
  }
+
  .carousel-control .icon-prev,
+
  .carousel-control .icon-next {
+
    width: 20px;
+
    height: 20px;
+
    margin-top: -10px;
+
    font-family: serif;
+
     line-height: 1;
+
  }
+
  .carousel-control .icon-prev:before {
+
    content: '\2039';
+
  }
+
  .carousel-control .icon-next:before {
+
    content: '\203a';
+
  }
+
  .carousel-indicators {
+
    position: absolute;
+
    bottom: 10px;
+
 
     left: 50%;
 
     left: 50%;
    z-index: 15;
 
    width: 60%;
 
    padding-left: 0;
 
    margin-left: -30%;
 
    text-align: center;
 
    list-style: none;
 
 
   }
 
   }
   .carousel-indicators li {
+
 
     display: inline-block;
+
   .titlePic{
    width: 10px;
+
     padding: 2% 20%;
    height: 10px;
+
    margin: 1px;
+
    text-indent: -999px;
+
    cursor: pointer;
+
    background-color: #000 \9;
+
    background-color: rgba(0, 0, 0, 0);
+
    border: 1px solid #fff;
+
    border-radius: 10px;
+
 
   }
 
   }
   .carousel-indicators .active {
+
   .bg-dark-gradient {
     width: 12px;
+
     background: linear-gradient(#343a40, #ffffff);
     height: 12px;
+
     background-repeat: no-repeat;
     margin: 0;
+
     background-size: cover;
     background-color: #fff;
+
     background-position: center;
 
   }
 
   }
   .carousel-caption {
+
 
    position: absolute;
+
   @media only screen and (max-width: 575.98px) {}
    right: 15%;
+
 
    bottom: 20px;
+
   @media only screen and (max-width: 767.98px) {
    left: 15%;
+
 
    z-index: 10;
+
     #conceptFlowTitle  {
    padding-top: 20px;
+
       font-size: 2rem;
    padding-bottom: 20px;
+
       font-weight: bold;
    color: #fff;
+
    text-align: center;
+
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+
  }
+
  .carousel-caption .btn {
+
    text-shadow: none;
+
  }
+
   @media screen and (min-width: 768px) {
+
    .carousel-control .glyphicon-chevron-left,
+
     .carousel-control .glyphicon-chevron-right,
+
    .carousel-control .icon-prev,
+
    .carousel-control .icon-next {
+
       width: 30px;
+
      height: 30px;
+
      margin-top: -15px;
+
       font-size: 30px;
+
 
     }
 
     }
     .carousel-control .glyphicon-chevron-left,
+
     #conceptFlow h5{
    .carousel-control .icon-prev {
+
       font-size: 1.5rem;
       margin-left: -15px;
+
 
     }
 
     }
     .carousel-control .glyphicon-chevron-right,
+
     #conceptFlow h3{
    .carousel-control .icon-next {
+
       font-size: 1.3rem;
       margin-right: -15px;
+
 
     }
 
     }
     .carousel-caption {
+
     #conceptFlow span{
       right: 20%;
+
       font-size: 1rem;
      left: 20%;
+
      padding-bottom: 30px;
+
 
     }
 
     }
     .carousel-indicators {
+
 
       bottom: 20px;
+
     .how-it-works.row{
 +
       height: auto;
 +
    }
 +
 
 +
    .how-it-works.row .col-2::after {
 +
      border-left: 1px solid rgba(82, 187, 199,1);
 +
    }
 +
 
 +
    /* FlowChart*/
 +
 
 +
    .circleM {
 +
      height: 50px;
 +
      width: 50px;
 
     }
 
     }
 +
    .circleM img {
 +
      max-height: 35px;
 +
      width: auto;
 +
    }
 +
    .reg {
 +
      padding:0;
 +
    }
 +
 +
    .titlePic{
 +
      padding: 2% 2%;
 +
    }
 +
 
   }
 
   }
  
 +
  @media only screen and (max-width: 991.98px) {}
 +
 +
  @media only screen and (max-width: 1199.98px) {}
 
</style>
 
</style>
  
  
 +
<script type="text/x-mathjax-config">
 +
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
 +
                    jax: ["input/TeX","output/fast-preview"],
 +
                      "fast-preview": {
 +
                        Chunks: {EqnChunk: 10000, EqnChunkFactor: 1, EqnChunkDelay: 0},
 +
                        color: "inherit!important",
 +
                        updateTime: 30, updateDelay: 6,
 +
                        messageStyle: "none",
 +
                        disabled: false
 +
                      }
 +
});
 +
</script>
 +
<script type="text/javascript" async src="http://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
</script>
  
 
<div class="main-container">
 
<div class="main-container">
Line 9,899: Line 9,790:
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
       <div id="logoPrinteria" class="item" style="
 
       <div id="logoPrinteria" class="item" style="
     background-image: url(https://2019.igem.org/wiki/images/e/e9/T--CAU_China--Lab23.jpg);
+
     background-image: url(https://2019.igem.org/wiki/images/f/fa/T--CAU_China--Lab15.jpg);
 
     height: 100%;
 
     height: 100%;
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/5/53/T--CAU_China--word-collaborations.png" style=" margin-top: 0px;">
+
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/a/a1/T--CAU_China--word-method.png" style=" margin-top: 0px;">
  
 
         <i class="stack-interface stack-down-open-big"></i>
 
         <i class="stack-interface stack-down-open-big"></i>
Line 9,914: Line 9,805:
 
</section>
 
</section>
 
</div>
 
</div>
 
 
 
  
  
Line 9,925: Line 9,813:
 
     </aside>
 
     </aside>
 
   </aside>
 
   </aside>
 
 
 
 
   <main class="post-content">
 
   <main class="post-content">
     <h2 class="text-center">Overview</h2>
+
     <h2 >Genomic DNA extraction:</h2>
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-12">
 
       <div class="col-12">
         <p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;We choose TIANGEN company's TIANamp Bacteria DNA Kit to achieve genomic DNA extraction. Protocol as follow.
          &nbsp;&nbsp; As new members of the iGEM community, we pursue collaborations actively with other teams nationwide. This year, we collaborated and interacted with 6 teams from the different areas of China. As a new team, we have received much generous help and practical advice on our project, as a competent unity, we responded to other collaboration invitation enthusiastically and tried our best to contribute to the iGEM community. Through these interactions and collaborations, we have not only improved our project but also gained valuable friendship.
+
        </p>
+
        <p>
+
          &nbsp;&nbsp; We also participated in several meetups in different scales domestically, including Beijing iGEM Undergrads Meetup hosted by BIT-China and CCiC hosted by the Institute of Synthetic Biology CAS SIAT in Shenzhen.
+
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
     <h2 class="text-center">Beijing iGEM Undergrads Meetup</h2>
+
     <div class="row" style="background-color: white;">
    <div class="row">
+
 
+
 
       <div class="col-12">
 
       <div class="col-12">
         <p>&nbsp;&nbsp;As the capital of our country, Beijing harbors many top universities and creates a harmonious environment for academic communications. Peking University, Tsinghua University, Beijing Normal University, University of China Academy of Science, Beijing Institute of Technology and our university are all located closely in this city and thus have academic exchanges frequently. After some online communications, together we settled an iGEM Meetup for Beijing undergraduates and BIT as the host. The meetup aims to share the projects, experiences, and insights to make better teams and projects. On August 6th, Peking, Tsinghua-A, Tsinghua, BIT-China, BNU-China, UCAS-China, CAU_China and OUC-China from Shandong Province, we had a joyful moment in BIT campus. Each of us presented our project and the progress we had made, as well as the problems we encountered, which triggered the subsequent lively discussions. This meetup also provided a platform for further co-operation. CAU_China has benefited a lot from other teams' advice (especially the feedback from Peking), and based on their suggestions, we made the final cut of our project. We appreciate this meetup and teams participated!
+
         <ul style="">
        </p>
+
          <li>1. Pipet 1-5 ml bacterial culture suspension in a centrifuge tube, centrifuging for 1 min at 10,000 rpm (~11,500 × g), discard supernatant as possible.
        <p>
+
          </li>
           &nbsp;&nbsp;See more about our meetup on <a class="myLink" href="https://2019.igem.org/Team:BIT-China/Collaborations">BIT-China's wiki</a>
+
          <li>2. Add 200 μl Buffer GA. Mix thoroughly by vortex.
         </p>
+
          </li>
 +
          <li>3. Add 20 μl Proteinase K. Mix thoroughly by vortex.
 +
          </li>
 +
          <li>4. Add 220 μl Buffer GB to the sample, vortex for 15 s, and incubate at 70°C for 10 min to yield a homogeneous solution. Briefly centrifuge the 1.5 ml centrifuge tube to remove drops from the inside of the lid.
 +
          </li>
 +
          <li>5. Add 220 μl ethanol (96-100%) to the sample, and mix thoroughly by vortex for 15 s. A white precipitate may form on addition of ethanol. Briefly centrifuge the 1.5 ml centrifuge tube to remove drops from the inside of the lid.
 +
          </li>
 +
          <li>6. Pipet the mixture from step 5 into the Spin Column CB3 (in a 2ml collection tube) and centrifuge at 12,000 rpm (~13,400 × g) for 30 s. Discard flow-through and place the spin column into the collection tube.
 +
          </li>
 +
          <li>7. Add 500 μl Buffer GD (Ensure ethanol (96-100%) has been added) to Spin Column CB3, and centrifuge at 12,000 rpm (~13,400 × g) for 30 s, then discard the flow-through and place the spin column into the collection tube.
 +
          </li>
 +
          <li>8. Add 600 μl Buffer PW (Ensure ethanol (96-100%) has been added) to Spin Column CB3, and centrifuge at 12,000 rpm (~13,400 × g) for 30 s. Discard the flow-through and place the spin column into the collection tube.
 +
          </li>
 +
          <li>9. Repeat Step 8.
 +
           </li>
 +
          <li>10. Centrifuge at 12,000 rpm (~13,400 × g) for 2 min to dry the membrane completely.
 +
          </li>
 +
          <li>11. Place the Spin Column CB3 in a new clean 1.5 ml centrifuge tube, and pipet 50-200 μl Buffer TE or distilled water directly to the center of the membrane. Incubate at room temperature (15-25°C) for 2-5 min, and then centrifuge for 2 min at 12,000 rpm (~13,400 × g).
 +
          </li>
 +
         </ul>
 
       </div>
 
       </div>
      <img src="https://2019.igem.org/wiki/images/6/60/T--CAU_China--Collab4.png" style="width:850px;height:300px;margin-left: 5%;margin-top: 0%;" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
 
 
 
     </div>
 
     </div>
 
+
     <h2 >Plasmid extraction:</h2>
     <h2 class="text-center">The 6th Conference of China iGEMer Community</h2>
+
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-12">
 
       <div class="col-12">
         <p>In the largest Chinese iGEM meetup - the CCiC (Conference of China iGEMer Community), we not only shared our project with other teams from other parts of China, but also learned much from other iGEMers' perspectives and feedback. Their suggestions helped us improve our project in diverse aspects such as experimental procedures and HP execution plans. We also found several collaborative partners through this conference.
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;We choose TIANGEN company’s HiPure Plasmid Micro Kit to achieve plasmid extraction. Details as follow.
 
         </p>
 
         </p>
 
        <div class="row" style="padding-left:-50px" >
 
          <div id="myCarousel" class="carousel slide" style="
 
  margin:50px; width:825px;padding-left: 50px;">
 
            <ol class="carousel-indicators">
 
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
              <li data-target="#myCarousel" data-slide-to="1"></li>
 
              <li data-target="#myCarousel" data-slide-to="2"></li>
 
              <li data-target="#myCarousel" data-slide-to="3"></li>
 
              <li data-target="#myCarousel" data-slide-to="4"></li>
 
              <li data-target="#myCarousel" data-slide-to="5"></li>
 
            </ol>
 
            <div class="carousel-inner">
 
              <div class="item active">
 
                <img style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/8/8b/T--CAU_China--Collab10.jpg" alt="First slide">
 
              </div>
 
              <div class="item">
 
                <img style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/2/2a/T--CAU_China--Collab8.jpg" alt="Second slide">
 
              </div>
 
              <div class="item">
 
                <img  style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/e/e5/T--CAU_China--Collab7.jpg" alt="Third slide">
 
              </div>
 
              <div class="item">
 
                <img  style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/c/c3/T--CAU_China--Collab6.JPG" alt="Fourth slide">
 
              </div>
 
              <div class="item">
 
                <img  style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/8/8f/T--CAU_China--Collab9.JPG" alt="Fiveth slide">
 
              </div>
 
              <div class="item">
 
                <img  style="width:730px;height:400px;margin-left: 0%;margin-top: 0%;" src="https://2019.igem.org/wiki/images/e/e8/T--CAU_China--Collab11.jpg" alt="Sixth slide">
 
              </div>
 
            </div>
 
            <a class="carousel-control left" href="#myCarousel"
 
              data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
 
            <a class="carousel-control right" href="#myCarousel"
 
              data-slide="next">&rsaquo;</a>
 
          </div>
 
        </div>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
 
+
     <div class="row" style="background-color: white;">
     <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/9/9a/T--CAU_China--Collab16.png" style="width:40px;height:40px">UESTC-China</h2>
+
 
+
    <div class="row">
+
 
       <div class="col-12">
 
       <div class="col-12">
         <p>&nbsp;&nbsp;We have collaborated with team UESTC-China and helped each other mutually. Our project this year and their project of last year have similar sections since their project in 2018 was to degrade stalks and produce bio-butanol and hydrogen. We obtained the plasmid piGEM2018-Module001 as a gift from UESTC-China, which was constructed in last year's project and contains parts <a style="padding: 0rem 0rem" href="http://parts.igem.org/Part:BBa_K118023">BBa_K118023</a> and <a style="padding: 0rem 0rem" href="http://parts.igem.org/Part:BBa_K118022">BBa_K118022</a>. We aimed to improve these parts by fusing the parts with our new part INP-N<a style="padding: 0rem 0rem" href="http://parts.igem.org/Part:BBa_K3279006">(BBa_K3279006)</a> respectfully, not only to fulfill the criteria of part improvement but also to test our part. Besides, after knowing UESTC-China also intended to employ INP-NC in their project to improve parts, since learned that their fusion expression of INP-NC-GFP seemed to encounter some problem at first, we provided our part and related procedures, which helped them accomplish the goal.
+
         <ul style="">
        </p>
+
          <li>(1) Pellet 1-5 ml of an overnight E.coli culture by centrifuging at 10,000 × g for 1 minute. Discard the supernatant.
        <p>
+
          </li>
           &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:UESTC-China/Collaborations">UESTC-China's wiki</a>
+
          <li>(2) Completely resuspend the bacterial pellet with 250 μl Buffer P1/RNase A by vortex.
         </p>
+
          </li>
 +
          <li>(3) Add 250 μl of the Buffer P2. Immediately mix the contents by gentle inversion (6-8 times) until the mixture becomes clear and viscous.
 +
          </li>
 +
          <li>(4) Add 350 μl of the Buffer NP3. Gently invert the tube 8-10 times. Pellet the cell debris by centrifuging at 13,000 × g for 1 minute.
 +
          </li>
 +
          <li>(5) Insert a HiPure DNA Mini Column II into a provided microcentrifuge tube. Add supernatant to the Mini Column and centrifuge at 13,000 × g for 1 minute. Discard the flow-through liquid.
 +
          </li>
 +
          <li>(6) Add 500 μl of the Buffer PW1 to the column. Centrifuge at 13,000 × g for 1 minute.  Discard the flow-through liquid.
 +
          </li>
 +
          <li>(7) Add 600 μl of the Buffer PW2 to the column. Centrifuge at 13,000 × g for 1 minute.  Discard the flow-through liquid. Repeat this step once more.
 +
          </li>
 +
          <li>(8) Centrifuge at 13,000 × g for 2 minutes without any additional Wash Solution to remove excess ethanol.
 +
           </li>
 +
          <li>(9) Transfer the column to a fresh collection tube. Add 50 μl Elution Buffer to the column. After putting the tube at room temperature for 1 minute, centrifuge at 13,000 × g for 1 minute. The DNA is present in the eluate.
 +
          </li>
 +
         </ul>
 
       </div>
 
       </div>
      <img src="https://2019.igem.org/wiki/images/1/10/T--CAU_China--Collab5.JPG" style="width:450px;height:352px;margin-left: 25%;margin-top: 0%;" class="figure-img img-fluid rounded text-center" alt="A generic square placeholder image with rounded corners in a figure." >
 
 
 
     </div>
 
     </div>
  
 
+
     <h2 >Gel Extraction </h2>
 
+
 
+
     <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/a/ae/T--Peking--logo.png" style="width:178px;height:40px"></h2>
+
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-12">
 
       <div class="col-12">
         <p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;We choose Axygen company’s Axyprep DNA Gel Extraction Kit to achieve gel extraction. Protocol as follow.
          &nbsp;&nbsp;Geographically close to Peking University, the collaboration between CAU and Peking never stops. Since they have always been a pioneer in this competition, early in this year, to learn more about synthetic biology and iGEM competition from Peking, CAU iGEMers audited their introductive lectures in PKU campus under the permission. Moreover, after the competition officially started, we had frequent communications with Peking due to our first time join this competition, from which we learned a lot about team management and part improvement issues. In the Meetup in Beijing Area, Peking's instructor Cheng Li also provided us with several useful suggestions on pathway construction, according to his guidance, we redesigned our project and made further improvements.
+
        </p>
+
        <p>
+
          &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:Peking/Collaborations">Peking's wiki</a>
+
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
 
+
     <div class="row" style="background-color: white;">
     <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/a/ad/T--CAU_China--Collab14.png" style="width:50px;height:50px">UESTC-Software</h2>
+
 
+
    <div class="row">
+
 
       <div class="col-12">
 
       <div class="col-12">
         <p>&nbsp;&nbsp;During the CCiC, we communicated with the UESTC-Software team, which is mainly composed of students majoring in <a style="padding: 0rem 0rem" class="myLink" href="http://www.biomaster-uestc.com">biomedical engineering and bioinformatics.</a> They developed a database called BioMaster, which can make predictions based on iGEM Registry and using BLAST+ to match entries in other databases. Our team members in charge of wiki development and modeling tried the software system and provided our "user experience" as a reference for their iteration improvement. In addition, they taught us some advanced knowledge of web development, which is quite helpful to our wiki designing and played an important role in our follow-up work.
+
         <ul style="">
        </p>
+
          <li>1. Excise the agarose gel slice containing the DNA fragment of interest with a clean, sharp scalpel under ultraviolet illumination. Briefly place the excised gel slice on absorbent toweling to remove residual buffer. Transfer the gel slice to a piece or plastic wrap or a weighing boat. Mince the gel into small pieces and weigh. In this application, the weight of gel is regarded as equivalent to the volume.
        <p>
+
          </li>
           &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:UESTC-Software/Collaborations">UESTC-Software's wiki</a>
+
          <li>2. Add a 3x sample volume of Buffer DE-A.
         </p>
+
          </li>
 +
          <li>3. Heat at 75°C until the gel is completely dissolved (typically, 6-8 minutes). IMPORTANT: Gel must be completely dissolved or the DNA fragment recovery will be reduced.
 +
            IMPORTANT: Do not heat the gel for longer than 10 minutes.
 +
          </li>
 +
          <li>4. Add 0.5x Buffer DE-A volume of Buffer DE-B. Please make sure the contents are a uniform yellow color before proceeding.
 +
          </li>
 +
          <li>5. Place a Miniprep column into a 2 ml microfuge tube (provided). Transfer the solubilized agarose from Step 4 into the column. Centrifuge at 12,000xg for 1 minute.
 +
          </li>
 +
          <li>6. Discard the filtrate from the 2 ml microfuge tube. Return the Miniprep column to the 2 ml microfuge tube and add 500 μl of Buffer W1. Centrifuge at 12,000xg for 30 seconds.
 +
          </li>
 +
          <li>7. Discard the filtrate from the 2 ml microfuge tube. Return the Miniprep column to the 2 ml microfuge tube and add 700 μl of Buffer W2. Centrifuge at 12,000xg for 30 seconds.
 +
          </li>
 +
          <li>8. Discard the filtrate from the 2 ml microfuge tube. Place the Miniprep column back into the 2 ml microfuge tube. Add a second 700 μl aliquot of Buffer W2 and centrifuge at 12,000xg for 1 minute.
 +
           </li>
 +
          <li>9. Discard the filtrate from the 2 ml microfuge tube. Place the Miniprep column back into the 2 ml microfuge tube. Centrifuge at 12,000xg for 1 minute.
 +
          </li>
 +
          <li>10. Transfer the Miniprep column into a clean 1.5 ml microfuge tube (provided). To elute the DNA, add 25-30 μl of Eluent or deionized water to the center of the membrane. Let it stand for 1 minute at room temperature. Centrifuge at 12,000xg for 1 minute.
 +
            Note: Pre-warming the Eluent at 65°C will generally improve elution efficiency.
 +
            Note: Deionized water can also be used to elute the DNA fragments.
 +
          </li>
 +
         </ul>
 
       </div>
 
       </div>
      <img src="https://2019.igem.org/wiki/images/6/6c/T--CAU_China--Collab1.jpg" style="width:450px;height:300px;margin-left: 25%;margin-top: 0%;" class="figure-img img-fluid rounded text-center" alt="A generic square placeholder image with rounded corners in a figure." >
 
 
 
     </div>
 
     </div>
 
+
     <div class="row" style="margin-left:70px">
 
+
       <embed width="800" height="900" src="https://2019.igem.org/wiki/images/6/60/T--CAU_China--Medthod1.pdf" />
 
+
 
+
 
+
 
+
     <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/e/e1/T--Tongji_Software--picture-logo2.png" style="width:110px;height:60px">Tongji_Software</h2>
+
 
+
 
+
    <div class="row">
+
       <div class="col-12">
+
        <p>
+
          &nbsp;&nbsp;After listening to our presentation on CCiC, Tongji_Software expressed their willingness to help us, as their project is a database of pathway design. They inputted our essential enzymes information involved in the astaxanthin synthesis pathway and retrieved information from the database, including intermediate products and isozymes, which provided reference and <a style="padding: 0rem 0rem" class="myLink" href="https://2019.igem.org/wiki/images/b/b5/T--CAU_China--Collab17.pdf">validation</a> of our experiments.
+
        </p>
+
        <p>
+
          &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:Tongji_Software/Collaborations">Tongji_Software's wiki</a>
+
        </p>
+
      </div>
+
 
     </div>
 
     </div>
 
    <div class="row">
 
      <div class="col-12 col-md-6">
 
        <img src="https://2019.igem.org/wiki/images/d/d7/T--CAU_China--Collab3.jpg" style="width:400px;height:360px;margin-left: 0%;margin-top: 0%;" class="figure-img img-fluid rounded" >
 
 
      </div>
 
      <div class="col-12 col-md-6">
 
        <figure class="figure">
 
          <img src="https://2019.igem.org/wiki/images/c/c5/T--CAU_China--Collab15.png" style="width:400px;height:231px;margin-left: 0%;margin-top: 0%;" class="figure-img img-fluid rounded" >
 
 
        </figure>
 
      </div>
 
    </div>
 
 
 
 
 
    <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/a/af/T--CAU_China--Collab12.png" style="width:243px;height:60px"></h2>
 
    <div class="row">
 
      <div class="col-12">
 
        <p>
 
          &nbsp;&nbsp;Our collaboration with HUBU-Wuhan started from the issue of DNA Distribution Kit, we were the only two teams who hadn`t receive kits until our team contacted the distribution agent GenScript in China area in the late August. Our team solved this glitch after negotiation with the agent and thus helped HUBU-WUHAN get their kit too. With further communication with HUBU-WUHAN during CCiC, we learned that their project is also dedicated to cellulose degradation pathway, and both of us confronted the problem that the enzyme activities are very low and even undetectable. So we proposed some schemes to help each other such as exchanging enzymes and assaying the activities under the other`s lab condition. We also exchanged experimental procedures to determine if it contributes to the problem.</p>
 
        <p>
 
          &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:HUBU-WUHAN/Collaborations">HUBU-WUHAN's wiki</a>
 
        </p>
 
      </div>
 
    </div>
 
 
    <h2 class="text-center"><img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" style="width:71px;height:60px">CAU_China  x  <img src="https://2019.igem.org/wiki/images/7/78/T--CAU_China--Collab13.png" style="width:74px;height:50px">Tianjin</h2>
 
    <div class="row">
 
      <div class="col-12">
 
        <p>
 
          &nbsp;&nbsp;We also joined a large-scale collaboration in response to the invitation from team Tianjin and together with the other seven teams, we made a short video for educating more people about the microcosmos – The World of Microbes, which has also become a part of our integrated human practice. Through the video we hope more people would find the miraculous power these tiny creatures present. The full video can be found <a class="myLink" href="https://2019.igem.org/Team:Tianjin/Collaborations" style="padding: 0rem 0rem">here</a> and we contributed the part which includes three microbial species used in our project: Rhodobacter sphaeroides, Rhodospirillum rubrum, and Pantoea agglomerans. Our video can be found
 
          <a class="myLink" href="https://2019.igem.org/Team:CAU_China/Human_Practices"style="padding: 0rem 0rem">here</a>.</p>
 
        <p>
 
          &nbsp;&nbsp;See more about our collaboration on <a class="myLink" href="https://2019.igem.org/Team:Tianjin/Collaborations">Tianjin's wiki</a>
 
        </p>
 
      </div>
 
    </div>
 
 
 
 
 
 
 
 
 
 
 
  
  
Line 10,122: Line 9,932:
 
</div>
 
</div>
  
 +
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
  
  
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/9test_js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/10test_js?action=raw&amp;ctype=text/javascript"></script>
 
  
 
</html>
 
</html>

Latest revision as of 15:17, 24 November 2019

Genomic DNA extraction:

    We choose TIANGEN company's TIANamp Bacteria DNA Kit to achieve genomic DNA extraction. Protocol as follow.

  • 1. Pipet 1-5 ml bacterial culture suspension in a centrifuge tube, centrifuging for 1 min at 10,000 rpm (~11,500 × g), discard supernatant as possible.
  • 2. Add 200 μl Buffer GA. Mix thoroughly by vortex.
  • 3. Add 20 μl Proteinase K. Mix thoroughly by vortex.
  • 4. Add 220 μl Buffer GB to the sample, vortex for 15 s, and incubate at 70°C for 10 min to yield a homogeneous solution. Briefly centrifuge the 1.5 ml centrifuge tube to remove drops from the inside of the lid.
  • 5. Add 220 μl ethanol (96-100%) to the sample, and mix thoroughly by vortex for 15 s. A white precipitate may form on addition of ethanol. Briefly centrifuge the 1.5 ml centrifuge tube to remove drops from the inside of the lid.
  • 6. Pipet the mixture from step 5 into the Spin Column CB3 (in a 2ml collection tube) and centrifuge at 12,000 rpm (~13,400 × g) for 30 s. Discard flow-through and place the spin column into the collection tube.
  • 7. Add 500 μl Buffer GD (Ensure ethanol (96-100%) has been added) to Spin Column CB3, and centrifuge at 12,000 rpm (~13,400 × g) for 30 s, then discard the flow-through and place the spin column into the collection tube.
  • 8. Add 600 μl Buffer PW (Ensure ethanol (96-100%) has been added) to Spin Column CB3, and centrifuge at 12,000 rpm (~13,400 × g) for 30 s. Discard the flow-through and place the spin column into the collection tube.
  • 9. Repeat Step 8.
  • 10. Centrifuge at 12,000 rpm (~13,400 × g) for 2 min to dry the membrane completely.
  • 11. Place the Spin Column CB3 in a new clean 1.5 ml centrifuge tube, and pipet 50-200 μl Buffer TE or distilled water directly to the center of the membrane. Incubate at room temperature (15-25°C) for 2-5 min, and then centrifuge for 2 min at 12,000 rpm (~13,400 × g).

Plasmid extraction:

    We choose TIANGEN company’s HiPure Plasmid Micro Kit to achieve plasmid extraction. Details as follow.

  • (1) Pellet 1-5 ml of an overnight E.coli culture by centrifuging at 10,000 × g for 1 minute. Discard the supernatant.
  • (2) Completely resuspend the bacterial pellet with 250 μl Buffer P1/RNase A by vortex.
  • (3) Add 250 μl of the Buffer P2. Immediately mix the contents by gentle inversion (6-8 times) until the mixture becomes clear and viscous.
  • (4) Add 350 μl of the Buffer NP3. Gently invert the tube 8-10 times. Pellet the cell debris by centrifuging at 13,000 × g for 1 minute.
  • (5) Insert a HiPure DNA Mini Column II into a provided microcentrifuge tube. Add supernatant to the Mini Column and centrifuge at 13,000 × g for 1 minute. Discard the flow-through liquid.
  • (6) Add 500 μl of the Buffer PW1 to the column. Centrifuge at 13,000 × g for 1 minute. Discard the flow-through liquid.
  • (7) Add 600 μl of the Buffer PW2 to the column. Centrifuge at 13,000 × g for 1 minute. Discard the flow-through liquid. Repeat this step once more.
  • (8) Centrifuge at 13,000 × g for 2 minutes without any additional Wash Solution to remove excess ethanol.
  • (9) Transfer the column to a fresh collection tube. Add 50 μl Elution Buffer to the column. After putting the tube at room temperature for 1 minute, centrifuge at 13,000 × g for 1 minute. The DNA is present in the eluate.

Gel Extraction

    We choose Axygen company’s Axyprep DNA Gel Extraction Kit to achieve gel extraction. Protocol as follow.

  • 1. Excise the agarose gel slice containing the DNA fragment of interest with a clean, sharp scalpel under ultraviolet illumination. Briefly place the excised gel slice on absorbent toweling to remove residual buffer. Transfer the gel slice to a piece or plastic wrap or a weighing boat. Mince the gel into small pieces and weigh. In this application, the weight of gel is regarded as equivalent to the volume.
  • 2. Add a 3x sample volume of Buffer DE-A.
  • 3. Heat at 75°C until the gel is completely dissolved (typically, 6-8 minutes). IMPORTANT: Gel must be completely dissolved or the DNA fragment recovery will be reduced. IMPORTANT: Do not heat the gel for longer than 10 minutes.
  • 4. Add 0.5x Buffer DE-A volume of Buffer DE-B. Please make sure the contents are a uniform yellow color before proceeding.
  • 5. Place a Miniprep column into a 2 ml microfuge tube (provided). Transfer the solubilized agarose from Step 4 into the column. Centrifuge at 12,000xg for 1 minute.
  • 6. Discard the filtrate from the 2 ml microfuge tube. Return the Miniprep column to the 2 ml microfuge tube and add 500 μl of Buffer W1. Centrifuge at 12,000xg for 30 seconds.
  • 7. Discard the filtrate from the 2 ml microfuge tube. Return the Miniprep column to the 2 ml microfuge tube and add 700 μl of Buffer W2. Centrifuge at 12,000xg for 30 seconds.
  • 8. Discard the filtrate from the 2 ml microfuge tube. Place the Miniprep column back into the 2 ml microfuge tube. Add a second 700 μl aliquot of Buffer W2 and centrifuge at 12,000xg for 1 minute.
  • 9. Discard the filtrate from the 2 ml microfuge tube. Place the Miniprep column back into the 2 ml microfuge tube. Centrifuge at 12,000xg for 1 minute.
  • 10. Transfer the Miniprep column into a clean 1.5 ml microfuge tube (provided). To elute the DNA, add 25-30 μl of Eluent or deionized water to the center of the membrane. Let it stand for 1 minute at room temperature. Centrifuge at 12,000xg for 1 minute. Note: Pre-warming the Eluent at 65°C will generally improve elution efficiency. Note: Deionized water can also be used to elute the DNA fragments.