Difference between revisions of "Team:KCL UK/Composite Part"

Line 1: Line 1:
−
{{KCL_UK}}
+
{{:Team:KCL_UK/Templates/Header}}
 
<html>
 
<html>
 +
    <head>
  
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width= device-width, initial-scale=1">
 +
    <title>KCL iGEM</title>
  
  
−
<div class="clear"></div>
+
    <style>
  
 +
    @import url('https://fonts.googleapis.com/css?family=Raleway');
 +
    #top_title {display:none;}
  
  
  
 +
  #HQ_page p {
 +
font-family: 'Raleway', sans-serif;
 +
font-size: 1em;
 +
text-align: center;
  
−
<div class="column full_size">
+
}
−
<h1>Composite Parts</h1>
+
  
 +
    #HQ_page h1,h2,h3 {
 +
font-family: 'Raleway', sans-serif;
 +
font-weight: 300;
 +
}
  
−
<p>
+
      #content, #HQ_page {
−
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.
+
            animation : none;
−
</p>
+
    animation-delay : 0;
 +
    animation-direction : normal;
 +
    animation-duration : 0;
 +
    animation-fill-mode : none;
 +
    animation-iteration-count : 1;
 +
    animation-name : none;
 +
    animation-play-state : running;
 +
    animation-timing-function : ease;
 +
    backface-visibility : visible;
 +
    background : 0;
 +
    background-attachment : scroll;
 +
    background-clip : border-box;
 +
    background-color : transparent;
 +
    background-image : none;
 +
    background-origin : padding-box;
 +
    background-position : 0 0;
 +
    background-position-x : 0;
 +
    background-position-y : 0;
 +
    background-repeat : repeat;
 +
    background-size : auto auto;
 +
    border : 0;
 +
    border-style : none;
 +
    border-width : medium;
 +
    border-color : inherit;
 +
    border-bottom : 0;
 +
    border-bottom-color : inherit;
 +
    border-bottom-left-radius : 0;
 +
    border-bottom-right-radius : 0;
 +
    border-bottom-style : none;
 +
    border-bottom-width : medium;
 +
    border-collapse : separate;
 +
    border-image : none;
 +
    border-left : 0;
 +
    border-left-color : inherit;
 +
    border-left-style : none;
 +
    border-left-width : medium;
 +
    border-radius : 0;
 +
    border-right : 0;
 +
    border-right-color : inherit;
 +
    border-right-style : none;
 +
    border-right-width : medium;
 +
    border-spacing : 0;
 +
    border-top : 0;
 +
    border-top-color : inherit;
 +
    border-top-left-radius : 0;
 +
    border-top-right-radius : 0;
 +
    border-top-style : none;
 +
    border-top-width : medium;
 +
    bottom : auto;
 +
    box-shadow : none;
 +
    box-sizing : content-box;
 +
    caption-side : top;
 +
    clear : none;
 +
    clip : auto;
 +
    color : inherit;
 +
    columns : auto;
 +
    column-count : auto;
 +
    column-fill : balance;
 +
    column-gap : normal;
 +
    column-rule : medium none currentColor;
 +
    column-rule-color : currentColor;
 +
    column-rule-style : none;
 +
    column-rule-width : none;
 +
    column-span : 1;
 +
    column-width : auto;
 +
    content : normal;
 +
    counter-increment : none;
 +
    counter-reset : none;
 +
    cursor : auto;
 +
    direction : ltr;
 +
    display : inline;
 +
    empty-cells : show;
 +
    float : none;
 +
    font : normal;
 +
    font-family: 'Raleway', sans-serif;
 +
    font-size : medium;
 +
    font-style : normal;
 +
    font-variant : normal;
 +
    font-weight : normal;
 +
    height : auto;
 +
    hyphens : none;
 +
    left : auto;
 +
    letter-spacing : normal;
 +
    line-height : normal;
 +
    list-style : none;
 +
    list-style-image : none;
 +
    list-style-position : outside;
 +
    list-style-type : disc;
 +
    margin : 0;
 +
    margin-bottom : 0;
 +
    margin-left : 0;
 +
    margin-right : 0;
 +
    margin-top : 0;
 +
    max-height : none;
 +
    max-width : none;
 +
    min-height : 0;
 +
    min-width : 0;
 +
    opacity : 1;
 +
    orphans : 0;
 +
    outline : 0;
 +
    outline-color : invert;
 +
    outline-style : none;
 +
    outline-width : medium;
 +
    overflow : visible;
 +
    overflow-x : visible;
 +
    overflow-y : visible;
 +
    padding : 0;
 +
    padding-bottom : 0;
 +
    padding-left : 0;
 +
    padding-right : 0;
 +
    padding-top : 0;
 +
    page-break-after : auto;
 +
    page-break-before : auto;
 +
    page-break-inside : auto;
 +
    perspective : none;
 +
    perspective-origin : 50% 50%;
 +
    position : static;
 +
    /* May need to alter quotes for different locales (e.g fr) */
 +
    quotes : '\201C' '\201D' '\2018' '\2019';
 +
    right : auto;
 +
    tab-size : 8;
 +
    table-layout : auto;
 +
    text-align : inherit;
 +
    text-align-last : auto;
 +
    text-decoration : none;
 +
    text-decoration-color : inherit;
 +
    text-decoration-line : none;
 +
    text-decoration-style : solid;
 +
    text-indent : 0;
 +
    text-shadow : none;
 +
    text-transform : none;
 +
    top : auto;
 +
    transform : none;
 +
    transform-style : flat;
 +
    transition : none;
 +
    transition-delay : 0s;
 +
    transition-duration : 0s;
 +
    transition-property : none;
 +
    transition-timing-function : ease;
 +
    unicode-bidi : normal;
 +
    vertical-align : baseline;
 +
    visibility : visible;
 +
    white-space : normal;
 +
    widows : 0;
 +
    width : auto;
 +
    word-spacing : normal;
 +
    z-index : auto;
 +
      }
  
−
<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>
+
h1 {
−
</div>
+
display: block;
 +
font-size: 2em;
 +
margin-bottom: 0.67em;
 +
margin-left: 0;
 +
margin-right: 0;
 +
  }
  
−
<div class="column full_size">
+
  a:hover {text-decoration:none;}
−
<div class="highlight decoration_background">
+
a:visited {
−
<h3>Note</h3>
+
  color:red;
−
<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. Remember judges will only look at the first part in the list for the Best Composite Part award, so put your best part first!</p>
+
  text-decoration:none;
−
</div>
+
}
−
</div>
+
  
 +
  .dropdown-nav-buttonmasks:visited {
 +
    color:white;
 +
      text-decoration: none;
 +
    }
 +
.standalonenav:visited {
 +
  color:white;
 +
  text-decoration: none;
 +
}
  
  
−
<div class="column full_size">
 
−
<h3>Best Composite Part Special Prize</h3>
 
  
−
<p>To be eligible for this award, this part must adhere to <a href="http://parts.igem.org/DNA_Submission">Registry sample submission guidelines</a> and have been sent to the Registry of Standard Biological Parts. If you have a part you wish to nominate your team for this <a href="https://2018.igem.org/Judging/Awards">special prize</a>, make sure you add your part number to your <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a> and delete the box at the top of this page.
+
        * {
 +
            box-sizing: border-box;
 +
            font-family: 'Raleway', sans-serif;
 +
        }
  
−
<br><br>
+
 
−
<b>Please note:</b> Judges will only look at the first part number you list, so please only enter ONE (1) part number in the judging form for this prize. </p>
+
        body{
 +
        margin: 0;
 +
    padding: 0;
 +
        font-family: 'Raleway', sans-serif;
 +
        text-align: center;
 +
        }
 +
 
 +
        img {
 +
            max-width: 100%;
 +
            height: auto;
 +
        }
 +
 
 +
        .container {
 +
            width: 95%;
 +
            margin: 0 auto;
 +
        }
 +
        .fixcontainer {
 +
          width:100%;
 +
          margin: 0 auto;
 +
        }
 +
 
 +
        /*typography------------------------------*/
 +
        .title {
 +
            font-weight: 900;
 +
            font-weight: bold;
 +
            font-size: 3.2rem;
 +
            margin-bottom: 1em;
 +
            padding-bottom: 2em;
 +
            text-emphasis: bold;
 +
        }
 +
        .smallertitle {
 +
          font-weight: 900;
 +
          font-weight: bold;
 +
          font-size: 1.4rem;
 +
          margin-bottom: 1em;
 +
          padding-top: 3.1em;
 +
          padding-bottom: 0em;
 +
          text-emphasis: bold;
 +
 
 +
        }
 +
        h1 {
 +
            font-weight: 300;
 +
            font-size: 2.5em;
 +
            text-transform: capitalize;
 +
          }
 +
        .title span {
 +
            margin-top: 1em;
 +
            font-weight: 200;
 +
            display: block;
 +
            font-size: .9em;
 +
        }
 +
 
 +
 
 +
        /*buttonmasks -------------------------------*/
 +
        .buttonmask {
 +
            display: inline-block;
 +
            font-size: 1.25rem;
 +
            text-decoration: none;
 +
            text-transform: uppercase;
 +
            border-width: 2px;
 +
            border-style: solid;
 +
            padding: .5em 1.75em;
 +
 
 +
        }
 +
  .buttonmask}
 +
 
 +
        .buttonmask-small {
 +
            font-size: .9rem;
 +
            font-weight: 700;
 +
        }
 +
 
 +
        .buttonmask-accent {
 +
            color: #FF0000;
 +
            border-color: #FF0000;
 +
        }
 +
 
 +
        .buttonmask-accent:hover {
 +
        background: #FF0000;
 +
        color: black;
 +
        }
 +
 
 +
 
 +
        /*header------------------------------*/
 +
 
 +
        header {
 +
            background-color: rgba(0,0,0,.75);
 +
            position: absolute;
 +
            left: 0;
 +
            right: 0;
 +
            max-height: 7em;
 +
        }
 +
 
 +
        nav ul {
 +
            margin: 0;
 +
            padding: 0;
 +
            list-style: none;
 +
            float: right;
 +
            margin-right: 5em!important;
 +
            margin-top: 2em;
 +
            position: relative;
 +
        }
 +
 
 +
        nav li {
 +
            display: inline-block;
 +
            margin: 1em;
 +
            position: relative;
 +
        }
 +
 
 +
        .nav-buttonmasks {
 +
            font-weight: 900;
 +
            text-decoration: none;
 +
            text-transform: uppercase;
 +
            font-size: 0.95rem;
 +
            padding: .5em;
 +
            color: #FFF;
 +
            position: relative;
 +
            padding-bottom: 3em;
 +
        }
 +
 
 +
        .nav-buttonmasks:hover {color: #FF0000;}
 +
        .dropdown-nav-buttonmasks:hover {color: #FF0000;}
 +
 
 +
        .dropdown-nav-buttonmasks {
 +
            font-weight: 900;
 +
            text-decoration: none;
 +
            text-transform: uppercase;
 +
            font-size: 0.95rem;
 +
            padding: .5em;
 +
            color: #FFF;
 +
            display: none;
 +
            background-color:  rgba(0,0,0,.75);
 +
            z-index: 10;
 +
            width: 10em;
 +
            margin-left: -3em;
 +
        }
 +
        #navadjust {
 +
          margin-left:-0.3em;
 +
        }
 +
 
 +
        .dropdownone {
 +
          margin-top: 2.58em!important;
 +
        }
 +
        .dropdowntwo {
 +
            margin-top: 4.75em!important;
 +
        }
 +
        .dropdownthree {
 +
          margin-top: 6.93em!important;
 +
        }
 +
        .dropdownfour {
 +
            margin-top: 9.1em!important;
 +
        }
 +
        .dropdownfive {
 +
            margin-top: 11.28em!important;
 +
        }
 +
        .dropdownsix {
 +
            margin-top: 13.46em!important;
 +
        }
 +
        .dropdownseven {
 +
          margin-top: 15.66em!important;
 +
}
 +
        .dropdowneight {
 +
          margin-top: 17.88em!important;
 +
}
 +
 
 +
        .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
 +
            display: block;
 +
            position: absolute;
 +
        }
 +
        .logo {
 +
            height: 90px;
 +
            width: 90px;
 +
            float: left;
 +
            margin-left: 6em;
 +
            margin-top: .5em;
 +
        }
 +
.uselessspacer {
 +
          height: 16vh;
 +
          background-color: black;
 +
        }
 +
 
 +
        /*top------------------------------*/
 +
        .top {
 +
          background-color: black;
 +
          height: 19vh;
 +
        }
 +
        .line {
 +
                width: 30%;
 +
                height: 1.5px;
 +
                margin: auto;
 +
            background: red;
 +
        }
 +
        .top h1 {
 +
          color: red!important;
 +
        }
 +
 
 +
        /*content------------------------------*/
 +
        .divisiontitletext {
 +
          margin: auto;
 +
 
 +
          font-size: 2em!important;
 +
        }
 +
        .leftline {
 +
          float: left;
 +
          width: 37%;
 +
          height: 1.5px;
 +
          background: red;
 +
          margin-left: -33em!important;
 +
          margin-top: 5em;
 +
        }
 +
        .divisiontitle {
 +
          width: 100%;
 +
          height: 7em;
 +
          background-color: black;
 +
          color: white;
 +
          margin: auto;
 +
        }
 +
        .collab {
 +
          width: 100%;
 +
          background-color: black;
 +
          outline: 2px solid red;
 +
          outline-offset: -2em;
 +
        }
 +
        #first {
 +
          height: 50em;
 +
        }
 +
        #second {
 +
          height: 20em;
 +
        }
 +
        #third {
 +
          height: 20em;
 +
        }
 +
        .longname {
 +
          font-size: 2em;
 +
          color: white;
 +
          background-color: black;
 +
          width: 40vw;
 +
          margin-top: .6em;
 +
          z-index: 1;
 +
          position: absolute;
 +
          margin: auto;
 +
          margin-left: 30vw;
 +
          padding-top: .4em;
 +
        }
 +
 
 +
        #secondlongname {
 +
          width: 40vw;
 +
          margin-left: 30vw;
 +
        }
 +
        .smallname {
 +
          font-size: 2em;
 +
          color: red;
 +
          background-color: black;
 +
          width: 18vw;
 +
          margin-top: .4em;
 +
          z-index: 1
 +
;
 +
          position: absolute;
 +
        }
 +
        .leftname {
 +
          float:left;
 +
          margin-left: 3em!important;
 +
        }
 +
        .rightname {
 +
          float:right;
 +
          margin-left: 60vw;
 +
        }
 +
 
 +
        .description {
 +
          text-align: left;
 +
          background-color: black;
 +
          padding-top: 2em;
 +
          width: 80vw;
 +
          margin: auto;
 +
          font-size: 1.2em;
 +
          color: white;
 +
        }
 +
        .descriptionfix {
 +
          text-align: left;
 +
          background-color: black;
 +
          padding-top: 2em;
 +
          width: 80vw;
 +
          margin: auto;
 +
          font-size: 1.2em;
 +
          color: white;
 +
        }
 +
        .leftdescription {
 +
          float: left;
 +
          margin-left: 10vw;
 +
          width: 40vw;
 +
          display: inline-block;
 +
          background-color: black;
 +
          padding-top: 8em;
 +
 
 +
        }
 +
        .ourwiki {
 +
          display: inline-block;
 +
          width: 30vw;
 +
          background-color: black;
 +
          float: left;
 +
          margin-left: 8vw;
 +
        }
 +
        .firstdescription{
 +
          padding-top: 8em;
 +
          margin: auto;
 +
          text-align: center;
 +
        }
 +
        .seconddescription {
 +
          padding-top: 3em;
 +
        }
 +
        .linedescadjust {
 +
          margin-top: 2em;
 +
          margin
 +
        }
 +
        .bullet {
 +
          margin-top: 1em;
 +
          color: white;
 +
          font-size: 1.1em;
 +
          text-align: left;
 +
        }
 +
        .ourwikidesc {
 +
          margin-bottom: 1em;
 +
        }
 +
        .test {
 +
          height: 25em;
 +
          background-color: black;
 +
        }
 +
        .collabinfographic {
 +
          width: 70vw;
 +
          height: 130em;
 +
          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--KCL_UK--collaborationinfographic.png);
 +
          background-size:contain;
 +
          background-repeat: no-repeat;
 +
            margin: auto;
 +
        }
 +
        .spacer {
 +
          background-color: black;
 +
          height: 3em!important;
 +
        }
 +
 
 +
        .parts {
 +
          font-size: 2em;
 +
          color: white;
 +
          width: 80vw;
 +
          margin: auto;
 +
          text-align: left;
 +
          background-color: black;
 +
        }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    </style>
 +
 
 +
 
 +
 
 +
 
 +
    </head>
 +
 
 +
 
 +
    <body>
 +
 
 +
 
 +
 
 +
    <div class="uselessspacer"></div>
 +
 
 +
    <section class="top">
 +
      <h1>Composite Parts</h1>
 +
      <div class="line"></div>
 +
    </section>
 +
 
 +
    <section class="collabcontent">
 +
      <div class="collab" id="first">
 +
        <div class="firstdescription description"> Described below are the composite parts we have designed in our project.
 +
        </div>
 +
        <div class="line linedescadjust"></div>
 +
        <div class="parts">
 +
          <ul>
 +
            <li>SgrS</li>
 +
            <li>RybB</li>
 +
            <li>RprA</li>
 +
            <li>OmrB</li>
 +
          </ul>
 +
        </div>
 +
        <div class="line linedescadjust"></div>
 +
        <div class="description seconddescription">For each of the above sRNAs we created two types of composite parts:
 +
Each of our sRNAs targeted both a GFP construct with a weak promotor (BBa_I20270) and a strong promoter (BBa_J36400).</div>
 +
<div class="line linedescadjust"></div>
 +
<div class="description seconddescription">And so our composite parts consisted of a LacI promotor, a TBS complementary to the target mRNA to be repressed (with strong/weak promoter), and our sRNA scaffold (containing a rho-independent terminator and a Hfq-binding site)</div>
 +
      </div>
 +
 
 +
      <div class="collab" id="second">
 +
<div class="longname">Submission to iGEM HQ:</div>
 +
<div class="firstdescription description">As the composite parts our team have engineered in the lab only target GFP expression, we have chosen not to submit these to iGEM HQ, as we do not think these would be of particular use to other teams. Our main aim was to demonstrate that our sRNA scaffold can be used in various composite parts rather than show it as an example of a composite part itself.
  
 
</div>
 
</div>
 +
 +
 +
      </div>
 +
 +
    </section>
 +
 +
 +
 +
 +
 +
 +
    </body>
 +
  
 
</html>
 
</html>

Revision as of 18:23, 16 October 2018

KCL iGEM

KCL iGEM

Composite Parts

Described below are the composite parts we have designed in our project.
  • SgrS
  • RybB
  • RprA
  • OmrB
For each of the above sRNAs we created two types of composite parts: Each of our sRNAs targeted both a GFP construct with a weak promotor (BBa_I20270) and a strong promoter (BBa_J36400).
And so our composite parts consisted of a LacI promotor, a TBS complementary to the target mRNA to be repressed (with strong/weak promoter), and our sRNA scaffold (containing a rho-independent terminator and a Hfq-binding site)
Submission to iGEM HQ:
As the composite parts our team have engineered in the lab only target GFP expression, we have chosen not to submit these to iGEM HQ, as we do not think these would be of particular use to other teams. Our main aim was to demonstrate that our sRNA scaffold can be used in various composite parts rather than show it as an example of a composite part itself.