Difference between revisions of "Team:KoreaSonyeodul/Results"

(Prototype team page)
 
Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
−
<html>
+
<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: 250px;
 +
      color: #ffffff;
 +
      text-decoration: none;
 +
      font-size: 80px;
 +
      height: 35px;
 +
      background-color: rgba(255, 255, 255, 0.0);}
 +
      .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px;
 +
      font-size: 50px;
 +
      color: #ffffff;
 +
      height: 30px;
 +
      }
  
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
  
−
<div class="column full_size" >
+
      <!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
      body {padding: 0; margin: 0; background-color: #333;}
  
−
<h5>What should this page contain?</h5>
+
      .container {position: fixed; top: 25%; left: 25%;}
−
<ul>
+
−
<li> Clearly and objectively describe the results of your work.</li>
+
−
<li> Future plans for the project </li>
+
−
<li> Considerations for replicating the experiments </li>
+
−
</ul>
+
  
−
</div>
+
      @-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; } }
  
−
<div class="column half_size" >
+
      .fade-in {
 +
      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;
  
−
<h5> Project Achievements </h5>
+
      -webkit-animation-duration:1s;
 +
      -moz-animation-duration:1s;
 +
      animation-duration:1s;
 +
      }
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 +
      }
  
−
<ul>
+
      .fade-in.two {
−
<li>A list of linked bullet points of the successful results during your project</li>
+
      -webkit-animation-delay: 1.2s;
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
      -moz-animation-delay:1.2s;
−
</ul>
+
      animation-delay: 1.2s;
 +
      }
  
−
</div>
+
      .fade-in.three {
 +
      -webkit-animation-delay: 1.6s;
 +
      -moz-animation-delay: 1.6s;
 +
      animation-delay: 1.6s;
 +
      }
  
 +
    </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" rel="stylesheet">
 +
      <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
    </link>
 +
  </head>
  
−
<div class="column half_size" >
+
  <body>
  
−
<h5>Inspiration</h5>
+
    <!--Title-->
−
<p>See how other teams presented their results.</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
−
</ul>
+
  
−
</div>
+
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">Demonstrate/Results</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
  
 +
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        <h1>Results</h1>
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have given mealworms the ability to degrade PET into usable soil in addition to Styrofoam</p>
 +
        <h2>&nbsp;&nbsp;&nbsp;Future plans for the project:</h2>
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Add MHET to the list of plastic the mealworm could digest</p>
 +
        <h2>&nbsp;&nbsp;&nbsp;Considerations for replicating the experiments:</h2>
 +
        <p>We are considering replicating the experiments to better our results.</p>
 +
        <h2>&nbsp;&nbsp;&nbsp;Achievements:</h2>
 +
        <p>Our project suggested a plausible solution to the problem of excess plastic waste that harm the eco-system.</p>
 +
        <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Success:</h3>
 +
        <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Failure:</h3>
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Accidently, I put my hand over the plate on which I was working, and since the foreign particles falling from my hand mixed with the DNA I was inserting, result showed multiplicity of blotches instead of a single strain.</p>
 +
      </div>
 +
    </div>
  
 +
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
 +
 +
    </div>
 +
    <!--EndOfWrap-->
 +
    <!--Footer-->
 +
 +
  </body>
 
</html>
 
</html>

Revision as of 08:45, 18 September 2016

Demonstrate/Results

Main Subtitle

Results

      We have given mealworms the ability to degrade PET into usable soil in addition to Styrofoam

   Future plans for the project:

      Add MHET to the list of plastic the mealworm could digest

   Considerations for replicating the experiments:

We are considering replicating the experiments to better our results.

   Achievements:

Our project suggested a plausible solution to the problem of excess plastic waste that harm the eco-system.

      Success:

      Failure:

         Accidently, I put my hand over the plate on which I was working, and since the foreign particles falling from my hand mixed with the DNA I was inserting, result showed multiplicity of blotches instead of a single strain.