Difference between revisions of "Team:KoreaSonyeodul/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{KoreaSonyeodul}}
+
{{KoreaSonyeodul}}<html lang="en">
−
<html>
+
  <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;
 +
      }
 +
<!--AlignCenterCode-->
 +
      .site {width: 1000px; margin-left: auto; margin-right: auto;}
  
 +
      <!--TitleBoxContent-->
 +
      .titleContent {height: auto; padding-top: 100px;}
 +
      .titleContent h1 {font-size: 30px;}
 +
      .titleContent p {font-size: 25px; font-family: Roboto;}
 +
      .titleContent2 {width: 680px; height: 460px; margin: auto; padding-top: 50px;}
  
 +
<!--Project Content-->
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<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"> improve a previous part or project gold medal criterion</a>. </p>
 
−
<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>
 
−
</div>
 
  
 +
<!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
−
<div class="column full_size">
+
      body {padding: 0; margin: 0; background-color: #333;}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
      .container {position: fixed; top: 25%; left: 25%;}
  
 +
      @-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; } }
  
−
<h5>What should this page contain?</h5>
+
      .fade-in {
−
<ul>
+
      opacity:0;  /* make things invisible upon start */
−
<li> A clear and concise description of your project.</li>
+
      -webkit-animation:fadeIn ease-in 1;
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
      -moz-animation:fadeIn ease-in 1;
−
<li>References and sources to document your research.</li>
+
      animation:fadeIn ease-in 1;
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
  
 +
      -webkit-animation-fill-mode:forwards;
 +
      -moz-animation-fill-mode:forwards;
 +
      animation-fill-mode:forwards;
  
−
</div>
+
      -webkit-animation-duration:1s;
 +
      -moz-animation-duration:1s;
 +
      animation-duration:1s;
 +
      }
  
−
<div class="column full_size" >
+
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 +
      }
  
−
<h5>Advice on writing your Project Description</h5>
+
      .fade-in.two {
 +
      -webkit-animation-delay: 1.2s;
 +
      -moz-animation-delay:1.2s;
 +
      animation-delay: 1.2s;
 +
      }
 +
      .fade-in.two.first {
 +
      -webkit-animation-delay: 1.5s;
 +
      -moz-animation-delay:1.5s;
 +
      animation-delay: 1.5s;
 +
      }
 +
      .fade-in.two.second {
 +
      -webkit-animation-delay: 1.8s;
 +
      -moz-animation-delay:1.8s;
 +
      animation-delay: 1.8s;
 +
      }
 +
      .fade-in.two.third {
 +
      -webkit-animation-delay: 2.1s;
 +
      -moz-animation-delay:2.1s;
 +
      animation-delay: 2.1s;
 +
      }
 +
      .fade-in.two.fourth {
 +
      -webkit-animation-delay: 2.4s;
 +
      -moz-animation-delay:2.4s;
 +
      animation-delay: 2.4s;
 +
      }
 +
      .fade-in.two.fifth {
 +
      -webkit-animation-delay: 2.7s;
 +
      -moz-animation-delay:2.7s;
 +
      animation-delay: 2.7s;
 +
      }
 +
      .fade-in.two.sixth {
 +
      -webkit-animation-delay: 3.0s;
 +
      -moz-animation-delay:3.0s;
 +
      animation-delay: 3.0s;
 +
      }
  
−
<p>
+
      .fade-in.three {
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.  
+
      -webkit-animation-delay: 3.5s;
−
</p>
+
      -moz-animation-delay: 3.5s;
 +
      animation-delay: 3.5s;
 +
      }
  
−
<p>
+
    </style>
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
−
</p>
+
  <!-- <link href="//vjs.zencdn.net/4.9/video-js.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>
+
  <body>
  
 +
    <!--Title-->
  
−
<div class="column half_size" >
+
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">PROJECT COLLABORATION</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
−
<h5>References</h5>
 
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
 
  
−
</div>
+
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
 +
        <div class="ProjectEx">
 +
<p>
  
−
 
+
<font weight="bold">Building competent mealworms with the ability to disintegrate PET in addition to polystyrene</font>
−
<div class="column half_size" >
+
<font weight="normal">
−
<h5>Inspiration</h5>
+
We were interested in solving the problem of processing excess plastic waste, and while contemplating about ways to go about it in the most nature-friendly manner, we came across mealworms, which were found to have the ability to digest plastic. At first, our team wished to devise a mechanism that would fasten the process of plastic digestion, thus increasing efficiency of degradation. However, that would have required significant amount of time spent on just discovering the single enzyme responsible for degradation and additional time studying about enzyme transformation, which seemed too much of a challenge for the first-year bio-engineers we were. Then, after some more research into mealworms, we found out that mealworms do not degrade just ANY plastic. They would only digest polystyrene, more commonly known as styrofoam. So we thought, how about we give these mealworms the ability to degrade a more variety of plastic? If we could make this a reality that would mean the areas of mealworm application would be expanded and more diverse usage may be possible! So for our bio-machine, we decided to build a more competent mealworm that could also digest PET, another common plastic that troubles the globe.</font>
−
<p>See how other teams have described and presented their projects: </p>
+
</p>
−
 
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+
−
</ul>
+
 
</div>
 
</div>
  
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
  
−
 
+
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 07:32, 9 September 2016

PROJECT COLLABORATION

Main Subtitle

Building competent mealworms with the ability to disintegrate PET in addition to polystyrene We were interested in solving the problem of processing excess plastic waste, and while contemplating about ways to go about it in the most nature-friendly manner, we came across mealworms, which were found to have the ability to digest plastic. At first, our team wished to devise a mechanism that would fasten the process of plastic digestion, thus increasing efficiency of degradation. However, that would have required significant amount of time spent on just discovering the single enzyme responsible for degradation and additional time studying about enzyme transformation, which seemed too much of a challenge for the first-year bio-engineers we were. Then, after some more research into mealworms, we found out that mealworms do not degrade just ANY plastic. They would only digest polystyrene, more commonly known as styrofoam. So we thought, how about we give these mealworms the ability to degrade a more variety of plastic? If we could make this a reality that would mean the areas of mealworm application would be expanded and more diverse usage may be possible! So for our bio-machine, we decided to build a more competent mealworm that could also digest PET, another common plastic that troubles the globe.