Difference between revisions of "Team:KoreaSonyeodul/Proof"

(Prototype team page)
 
Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
 +
<html lang="en">
 +
  <head>
 +
    <style>
 +
      #wrap {width: 60%; margin: auto;}
 +
      body{
 +
      margin: 0;
 +
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-attachment: top;
 +
      }
 +
      <!--mainTitle-->
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
 +
      .site {width: 100%}
 +
      .site h1 {
 +
      margin-top: 15%;
 +
      color: #ffffff;
 +
      text-decoration: none;
 +
      font-size: 800%;
 +
      height: 35px; <!--error-->
 +
      background-color: rgba(255, 255, 255, 0.0);}
 +
      .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px;
 +
      font-size: 300%;
 +
      color: #ffffff;
 +
font-weight: 100;
 +
      height: 30px;<!--error-->
 +
      }
 +
      table {text-align: center;}
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
  
−
<html>
+
      <!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
 +
      body {padding: 0; margin: 0; background-color: #333;}
  
−
<div class="column full_size judges-will-not-evaluate">
+
      .container {position: fixed; top: 25%; left: 25%;}
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">gold medal criterion for proof of concept</a>. </p>
+
  
 +
      @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
      .fade-in {
−
</div>
+
      opacity:0;  /* make things invisible upon start */
 +
      -webkit-animation:fadeIn ease-in 1;
 +
      -moz-animation:fadeIn ease-in 1;
 +
      animation:fadeIn ease-in 1;
  
 +
      -webkit-animation-fill-mode:forwards;
 +
      -moz-animation-fill-mode:forwards;
 +
      animation-fill-mode:forwards;
  
 +
      -webkit-animation-duration:1s;
 +
      -moz-animation-duration:1s;
 +
      animation-duration:1s;
 +
      }
  
 +
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 +
      }
  
 +
      .fade-in.two {
 +
      -webkit-animation-delay: 1.2s;
 +
      -moz-animation-delay:1.2s;
 +
      animation-delay: 1.2s;
 +
      }
  
−
<div class="column full_size">
+
      .fade-in.three {
 +
      -webkit-animation-delay: 1.6s;
 +
      -moz-animation-delay: 1.6s;
 +
      animation-delay: 1.6s;
 +
      }
 +
.content1 h2{ font-weight: normal;
 +
font-size: 25px;
 +
line-height: 1.3em;
 +
}
 +
    </style>
 +
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet">
 +
      <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
    </link>
 +
  </head>
  
 +
  <body>
  
−
<p>
+
    <!--Title-->
−
iGEM teams are great at making things work! We value teams not only doing an incredible job with theoretical models and experiments, but also in taking the first steps to make their project real.
+
−
</p>
+
  
 +
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">Proof</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Design of the Project</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
−
<h4> What should we do for our proof of concept? </h4>
 
−
<p>
 
−
You can assemble a device from BioBricks and show it works. You could build some equipment if you're competing for the hardware award. You can create a working model of your software for the software award. Please note that this not an exhaustive list of activities you can do to fulfill the gold medal criterion. As always, your aim is to impress the judges!
 
−
</p>
 
  
−
</div>
+
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        <div class="content1">
 +
          <h2>
 +
&nbsp;&nbsp;After successfully cloning the PETase and MHETase into the E.coli, our team planned to feed that E.coli to the mealworms in order to add the PET degradation ability to those mealworms. We conducted this process of proving the success of our project into two ways. First way is to use the qualitative method to simply check whether the mealworms could degrade the PET. As a second method, we are checking whether mealworms could survive through only eating PET as their supply of nutrient. Furthermore, as the third method, we are gathering the quantitative data that specifically measures the speed and amount of PET being degraded. This method is similar to those utilized during the experiment checking the speed of polystyrene degradation rate of mealworms. We are in process of these three experiments.
 +
          </h2>
 +
          </div>
 +
        </div>
  
  
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
  
−
</div>
+
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
  
 +
    </body>
 
</html>
 
</html>

Revision as of 01:08, 14 October 2016

Proof

Design of the Project

  After successfully cloning the PETase and MHETase into the E.coli, our team planned to feed that E.coli to the mealworms in order to add the PET degradation ability to those mealworms. We conducted this process of proving the success of our project into two ways. First way is to use the qualitative method to simply check whether the mealworms could degrade the PET. As a second method, we are checking whether mealworms could survive through only eating PET as their supply of nutrient. Furthermore, as the third method, we are gathering the quantitative data that specifically measures the speed and amount of PET being degraded. This method is similar to those utilized during the experiment checking the speed of polystyrene degradation rate of mealworms. We are in process of these three experiments.