Difference between revisions of "Team:KoreaSonyeodul/Composite Part"

(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">Composite Part special prize</a>. </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; } }
  
−
<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;
 +
      }
  
 +
    </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>
  
 +
  <body>
  
−
<p>
+
    <!--Title-->
−
A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_I13507">BBa_I13507</a> is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
+
−
</p>
+
  
−
<p>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).</p>
+
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">BASIC</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
  
 +
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. BBa_I13507 is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
 +
        <br/>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).
 +
      </div>
  
−
<div class="highlight">
 
−
<h4>Note</h4>
 
−
<p>This page should list all the composite parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page.</p>
 
  
−
</div>
+
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
  
−
</div>
+
    </div>
 +
    <!--EndOfWrap-->
 +
    <!--Footer-->
  
 +
  </body>
 
</html>
 
</html>

Revision as of 09:22, 18 September 2016

BASIC

Main Subtitle

A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. BBa_I13507 is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).