Difference between revisions of "Team:KoreaSonyeodul/Design"

(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;
 +
      }
 +
      table {text-align: center;}
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
  
 +
      <!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
<div class="column full_size judges-will-not-evaluate">
+
      body {padding: 0; margin: 0; background-color: #333;}
<h3>★  ALERT! </h3>
+
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</a>. </p>
+
  
 +
      .container {position: fixed; top: 25%; left: 25%;}
  
<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>
+
      @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
</div>
+
      @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
 +
      .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;
  
<div class="column full_size">
+
      -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;
 +
      }
  
<p>
+
      .fade-in.two {
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
+
      -webkit-animation-delay: 1.2s;
</p>
+
      -moz-animation-delay:1.2s;
 +
      animation-delay: 1.2s;
 +
      }
  
 +
      .fade-in.three {
 +
      -webkit-animation-delay: 1.6s;
 +
      -moz-animation-delay: 1.6s;
 +
      animation-delay: 1.6s;
 +
      }
 +
.content1 h2{ font-weight: normal;
 +
}
 +
    </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>
  
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
  <body>
  
<p>
+
    <!--Title-->
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
</p>
+
  
 +
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">DESIGN</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
 
</div>
 
  
 +
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        <div class="content1">
 +
          <h2>
 +
            The e-coli bacteria, DH+alpha, which is already located inside the mealworm's gut has the ability to decompose polystryene. However, polystryene only takes 7.8% while PET is more than 51%. Unfortunately, the mealworms don’t have the ability to decome polyehtylene yet. However, on the bright side, there is already a DNA artificially made by scientists that could decompose PET: the PUC 19. PUC 19 is one of a series of plasmid cloning vectors created by Joachim Messing and co-workers. So what we are trying to do is recombine DH+alpha and PUC19 by chemical transforming them.
 +
            If they are recombined properly, they would have the resistance to antibiotic which means that it would grow well in the agar badge. Now all we have to do is put this recombined DNA inside the DNA. From this experiment we are trying to further the mealworm’s ability to decompose plastic. If we succeed, we would provide a new solution to increasing amount of plastic.
 +
          </h2>
 +
          </div>
 +
        </div>
  
  
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
  
 +
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
  
 +
    </body>
 
</html>
 
</html>

Revision as of 10:45, 2 October 2016

DESIGN

Main Subtitle

The e-coli bacteria, DH+alpha, which is already located inside the mealworm's gut has the ability to decompose polystryene. However, polystryene only takes 7.8% while PET is more than 51%. Unfortunately, the mealworms don’t have the ability to decome polyehtylene yet. However, on the bright side, there is already a DNA artificially made by scientists that could decompose PET: the PUC 19. PUC 19 is one of a series of plasmid cloning vectors created by Joachim Messing and co-workers. So what we are trying to do is recombine DH+alpha and PUC19 by chemical transforming them. If they are recombined properly, they would have the resistance to antibiotic which means that it would grow well in the agar badge. Now all we have to do is put this recombined DNA inside the DNA. From this experiment we are trying to further the mealworm’s ability to decompose plastic. If we succeed, we would provide a new solution to increasing amount of plastic.