Difference between revisions of "Team:UCL/Parts"

Line 9: Line 9:
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <title>UCL SETA - Parts</title>
 
     <title>UCL SETA - Parts</title>
 +
    <link rel="stylesheet" href="../resources/css/bootstrap1.css"  />
 +
    <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 +
    <link rel="stylesheet" href="../style.css"  />
 +
    <link rel="stylesheet" href="../favicon.css"
 
</head>
 
</head>
  
Line 14: Line 18:
 
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="../resources/js/bootstrapscript.js"></script>
 +
<script type="text/javascript" src="../resources/js/jquery-3.3.1.min.js"></script>
  
 
<script>
 
<script>
Line 22: Line 28:
 
       var hash = this.hash;
 
       var hash = this.hash;
 
       $('html, body').animate({
 
       $('html, body').animate({
−
         scrollTop: $(hash).offset().top
+
         scrollTop: $(hash).offset().top - 100
 
       }, 1500, function(){
 
       }, 1500, function(){
 
         window.location.hash = hash;
 
         window.location.hash = hash;
Line 30: Line 36:
 
});
 
});
 
</script>
 
</script>
−
 
+
<script src="../resources/js/wow1.js"></script>
 
     <script>
 
     <script>
 
         new WOW().init();
 
         new WOW().init();
 
     </script>
 
     </script>
−
    <script>
 
−
    // The function actually applying the offset
 
−
  function offsetAnchor() {
 
−
      if(location.hash.length !== 0) {
 
−
          window.scrollTo(window.scrollX, window.scrollY - 100);
 
−
      }
 
−
  }
 
−
 
−
  // This will capture hash changes while on the page
 
−
  window.addEventListener("hashchange", offsetAnchor);
 
  
−
  // This is here so that when you enter the page with a hash,
 
−
  // it can provide the offset in that case too. Having a timeout
 
−
  // seems necessary to allow the browser to jump to the anchor first.
 
−
  window.setTimeout(offsetAnchor, 15);
 
−
  </script>
 
 
<body>
 
<body>
 
<div class="background_img_igem">
 
<div class="background_img_igem">
Line 67: Line 58:
 
         <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
 
         <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
 
         <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
 
         <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
−
         <a href="https://2018.igem.org/Team:UCL/Sponsors">Sponsors</a>
+
         <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 76: Line 67:
 
     <div class="dropdown-content_igem"id="dropdownproject_igem">
 
     <div class="dropdown-content_igem"id="dropdownproject_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
 
         <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
−
        <a href="https://2018.igem.org/Team:UCL/Project/FB">Final Brick Standardisation</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Project/Intein">Intein Technology</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Project/Spider_Silk">Spider Silk</a>
 
 
         <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
 
         <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
−
         <a href="https://2018.igem.org/Team:UCL/Project/POP">Proof of Principle</a>
+
         <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
 
         <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 
         <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 
         <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
 
         <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
Line 92: Line 80:
 
         <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
 
         <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
 
         <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
 
         <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
−
        <a href="https://2018.igem.org/Team:UCL/Parts/FB">Final Brick</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/Intein_mScar">Intein Passenger</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/GFP">GFP Reporter</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/RFP">RFP Reporter</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/MS">Mini Spindroin</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/IS">Intein Spindroin</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/NikR">NikR</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/SpyTag">SpyTag</a>
 
 
         <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 
         <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 
     </div>
 
     </div>
Line 109: Line 89:
 
     <div class="dropdown-content_igem"id="dropdownmodelling_igem">
 
     <div class="dropdown-content_igem"id="dropdownmodelling_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
 
         <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Intein">Intein</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Intein">Intein</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Intein_Poly">Intein Polymerisation</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Intein_Polymerisation">Intein Polymerisation</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/LAMMPS">LAMMPS</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#LAMMPS">LAMMPS</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Scale_Up">Scale Up</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 119: Line 99:
  
 
     </button>
 
     </button>
−
     <div class="dropdown-content_igem"id="dropdownhumanpractices_igem">
+
     <div class="dropdown-content_igem"id"dropdownhumanpractices_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
 
         <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
−
         <a href="https://2018.igem.org/Team:UCL/Integrated_Human_Practices">Integrated Human Practices</a>
+
         <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
−
        <a href="https://2018.igem.org/Team:UCL/HP/PE">Public Engagement</a>
+
 
         <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 
         <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 
     </div>
 
     </div>
Line 132: Line 111:
 
     <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 
     <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
 
         <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
−
         <a href="https://2018.igem.org/Team:UCL/Notebook/Lab_Book">Lab Book</a>
+
         <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
−
        <a href="https://2018.igem.org/Team:UCL/Notebook/Protocols">Protocols</a>
+
−
        <a href="https://2018.igem.org/Team:UCL/Notebook/MC">Medal Criteria</a>
+
 
         <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 
         <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 
     </div>
 
     </div>
Line 197: Line 174:
 
</script>
 
</script>
  
 +
<script>
 +
(function(){
 +
    var dropDownClass = 'panel';
 +
    var showClass = 'accordion_parts';
 +
    var dropDowns = document.getElementsByClassName('panel');
 +
 +
    var open = function(e){
 +
        var openDropDown = e.target.nextElementSibling;
 +
        var dropdowns = document.getElementsByClassName(dropDownClass);
 +
 +
        openDropDown.classList.toggle(showClass);
 +
 +
        var closeDropDown = function(event) {
 +
            if (event.target === e.target) {
 +
                return;
 +
            }
 +
            if (openDropDown.classList.contains(showClass)) {
 +
                openDropDown.classList.remove(showClass);
 +
            }
 +
            window.removeEventListener('click', closeDropDown);
 +
        };
 +
        window.addEventListener('click', closeDropDown);
 +
    }
 +
 +
    for(var i = 0; i < dropDowns.length; i++){
 +
        dropDowns[i].children[0].addEventListener('click', open);
 +
    }
 +
}());
 +
</script>
 +
 +
<script type="text/javascript" src="../resources/js/scrolltofixed.js"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/ScrollToFixed?action=raw&ctype=text/javascript"></script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
    $('#sidenav').scrollToFixed({ marginTop: 250 });
 +
});
 +
</script>
  
 
<!-- CONTENT******************************************************************************************************************************************************* -->
 
<!-- CONTENT******************************************************************************************************************************************************* -->
 
<div class="container container_igem">
 
<div class="container container_igem">
 
     <div class="container container_igem">
 
     <div class="container container_igem">
 +
        <img class="wow fadeInUp subpage_img_igem" src="https://static.igem.org/mediawiki/2018/5/5d/T--UCL--part_design2222.svg" data-wow-duration="2s" data-wow-delay="0.1s"/>
 
         <div class="h1_igem_subpage">Parts</div>
 
         <div class="h1_igem_subpage">Parts</div>
 
     </div>
 
     </div>
  
 
     <div class="container container_igem">
 
     <div class="container container_igem">
−
    <div class="sidenav">
+
       
−
          <a href="#Overview">Overview</a>
+
<center>
−
          <a href="#Final_Brick">Final Brick</a>
+
    <section id="Basic_Parts">
−
          <a href="#Intein_Passenger">Intein Passenger</a>
+
        <button class="collapsible wow fadeInUp basicparts">Our Basic Parts</button>
−
          <a href="#GFP_Reporter">GFP Reporter</a>
+
            <div class="collapsible_content">
−
          <a href="#RFP_Reporter">RFP Reporter</a>
+
−
          <a href="#Mini_Spindroin">Mini Spindroin</a>
+
−
          <a href="#Intein_Spindroin">Intein Spindroin</a>
+
−
          <a href="#NikR">NikR</a>
+
−
          <a href="#SpyTag">SpyTag</a>
+
−
    </div>
+
  
 +
                    <table class="table">
 +
                        <thead>
 +
                            <tr>
 +
                                <th class="tableleft">BioBrick</th>
 +
                                <th class="tableright">Description</th>
 +
                                <th class="tableright">Length (bp)</th>
 +
                            </tr>
 +
                        </thead>
 +
                        <tbody>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842667">BBa_K2842667</a></td>
 +
                                <td class="tableleft">Flexible Cloning Region F</td>
 +
                                <td class="tableright">33</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842668">BBa_K2842668</a></td>
 +
                                <td class="tableleft">Flexible Cloning Region R</td>
 +
                                <td class="tableright">33</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842670">BBa_K2842670</a></td>
 +
                                <td class="tableleft">Lac Operator</td>
 +
                                <td class="tableright">17</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842671">BBa_K2842671</a></td>
 +
                                <td class="tableleft">Ribosome binding site</td>
 +
                                <td class="tableright">24</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842672">BBa_K2842672</a></td>
 +
                                <td class="tableleft">AceL-TerL-C intein</td>
 +
                                <td class="tableright">312</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842673">BBa_K2842673</a></td>
 +
                                <td class="tableleft">Efficient Cleavage Site</td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842675">BBa_K2842675</a></td>
 +
                                <td class="tableleft">SapI Cassette F</td>
 +
                                <td class="tableright">15</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842676">BBa_K2842676</a></td>
 +
                                <td class="tableleft">SapI Cassette R</td>
 +
                                <td class="tableright">15</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842678">BBa_K2842678</a></td>
 +
                                <td class="tableleft">Spidroin N-terminus</td>
 +
                                <td class="tableright">402</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842679">BBa_K2842679</a></td>
 +
                                <td class="tableleft">Efficient Cleavage site</td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842681">BBa_K2842681</a></td>
 +
                                <td class="tableleft">mRFP1</td>
 +
                                <td class="tableright">675</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842682">BBa_K2842682</a></td>
 +
                                <td class="tableleft">Npu-C intein</td>
 +
                                <td class="tableright">108</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842683">BBa_K2842683</a></td>
 +
                                <td class="tableleft">AceL-TerL-N intein</td>
 +
                                <td class="tableright">75</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842684">BBa_K2842684</a></td>
 +
                                <td class="tableleft">Ribosome Binding Site</td>
 +
                                <td class="tableright">22</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842685">BBa_K2842685</a></td>
 +
                                <td class="tableleft">Spacer</td>
 +
                                <td class="tableright">20</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842691">BBa_K2842691</a></td>
 +
                                <td class="tableleft">Npu-N intein</td>
 +
                                <td class="tableright">312</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842692">BBa_K2842692</a></td>
 +
                                <td class="tableleft">AceL-TerL-C intein</td>
 +
                                <td class="tableright">312</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842693">BBa_K2842693</a></td>
 +
                                <td class="tableleft">Efficient Cloning Site for Npu-C intein</td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842694">BBa_K2842694</a></td>
 +
                                <td class="tableleft">Efficient Cloning Site for AceL-TerL-C intein </td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842695">BBa_K2842695</a></td>
 +
                                <td class="tableleft">SapI cassete GFP F</td>
 +
                                <td class="tableright">15</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842696">BBa_K2842696</a></td>
 +
                                <td class="tableleft">SapI cassete GFP R</td>
 +
                                <td class="tableright">15</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842697">BBa_K2842697</a></td>
 +
                                <td class="tableleft">Spacer</td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842698">BBa_K2842698</a></td>
 +
                                <td class="tableleft">RBS for GFP</td>
 +
                                <td class="tableright">27</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842699">BBa_K2842699</a></td>
 +
                                <td class="tableleft">GFP codon optimised</td>
 +
                                <td class="tableright">714</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842704">BBa_K2842704</a></td>
 +
                                <td class="tableleft">Ribosome binding site</td>
 +
                                <td class="tableright">18</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842705">BBa_K2842705</a></td>
 +
                                <td class="tableleft">Npu-C intein</td>
 +
                                <td class="tableright">104</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842706">BBa_K2842706</a></td>
 +
                                <td class="tableleft">Spidroin C-terminus</td>
 +
                                <td class="tableright">363</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842707">BBa_K2842707</a></td>
 +
                                <td class="tableleft">Spacer</td>
 +
                                <td class="tableright">14</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842708">BBa_K2842708</a></td>
 +
                                <td class="tableleft">SGS linker</td>
 +
                                <td class="tableright">9</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842709">BBa_K2842709</a></td>
 +
                                <td class="tableleft">NikR C-terminal domain (E. coli)</td>
 +
                                <td class="tableright">255</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842711">BBa_K2842711</a></td>
 +
                                <td class="tableleft">Estrogen receptor protein (M421F)</td>
 +
                                <td class="tableright">744</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
  
−
        <section id="Overview">
 
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 
−
                <div class="card-title text-center">
 
−
                    <h4>Overview</h4>
 
−
                </div>
 
−
                <div class="card-body text-justify">
 
−
                    <div class="container">
 
−
                        <div class="row">
 
−
                            <div class="col-sm-6">
 
−
                                <p class="card-text">
 
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
−
                                </p>
 
−
                            </div>
 
−
                            <div class="col-sm-6">
 
−
                                <p class="card-text">
 
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
−
                                </p>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
 
             </div>
 
             </div>
−
        </section>
+
    </section>
−
        <section id="Final_Brick">
+
  <br />
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
    <section id="Composite_Parts">
−
                <div class="card-title text-center">
+
        <button class="collapsible wow fadeInUp">Our Composite Parts</button>
−
                    <h4>Final Brick</h4>
+
            <div class="collapsible_content">
−
                </div>
+
                    <table class="table">
−
                <div class="card-body text-justify">
+
                        <thead>
−
                    <div class="container">
+
                            <tr>
−
                        <div class="row">
+
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842666">BBa_K2842666</a></td>
−
                             <div class="col-sm-6">
+
                                <td class="tableleft">Golden Gate compatible system with blue-white screening (BioBrick 2.0)</td>
−
                                 <p class="card-text">
+
                                <td class="tableright">679</td>
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
                            </tr>
−
                                 </p>
+
                            <tr>
−
                             </div>
+
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842699">BBa_K2842699</a></td>
−
                             <div class="col-sm-6">
+
                                <td class="tableleft">mScarlet reporter with AceL-TerL-C intein on the N terminus (intein passenger)</td>
−
                                 <p class="card-text">
+
                                <td class="tableright">1256</td>
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
                            </tr>
−
                                 </p>
+
                            <tr>
−
                            </div>
+
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842705">BBa_K2842705</a></td>
−
                        </div>
+
                                <td class="tableleft">Intein Monomer 1: RFP reporter flanked with orthogonal inteins (RFP intein)</td>
−
                    </div>
+
                                <td class="tableright">1197</td>
−
                </div>
+
                             </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842690">BBa_K2842690</a></td>
 +
                                 <td class="tableleft">Intein Monomer 2: GFP reporter flanked with orthogonal inteins (GFP intein)</td>
 +
                                <td class="tableright">1568</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842700">BBa_K2842700</a></td>
 +
                                 <td class="tableleft">N-Terminus with AceL-TerL-N intein (minispidroin NT)</td>
 +
                                <td class="tableright">597</td>
 +
                             </tr>
 +
                             <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842701">BBa_K2842701</a></td>
 +
                                <td class="tableleft">C-Terminus with Npu-C intein minispidroin CT)</td>
 +
                                <td class="tableright">721</td>
 +
                            </tr>
 +
                            <tr>
 +
                                 <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842710">BBa_K2842710</a></td>
 +
                                <td class="tableleft">NikR with AceL-TerL-C intein</td>
 +
                                <td class="tableright">803</td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td class="tableleft"><a class="sshh" href="http://parts.igem.org/Part:BBa_K2842720">BBa_K2842720</a></td>
 +
                                 <td class="tableleft">Estrogen receptor protein (M421F) with TerL-C intein</td>
 +
                                <td class="tableright">1304</td>
 +
                            </tr>
 +
                        </tbody>
 +
                    </table>
 +
 
 
             </div>
 
             </div>
−
        </section>
+
    </section>
−
         <section id="Intein_Passenger">
+
</center>
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
 
−
                <div class="card-title text-center">
+
         </div>
−
                    <h4>Intein Passenger</h4>
+
      </div>
−
                </div>
+
    </div>
−
                <div class="card-body text-justify">
+
 
−
                    <div class="container">
+
<script>
−
                        <div class="row">
+
var coll = document.getElementsByClassName("collapsible");
−
                            <div class="col-sm-6">
+
var i;
−
                                <p class="card-text">
+
 
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
for (i = 0; i < coll.length; i++) {
−
                                </p>
+
  coll[i].addEventListener("click", function() {
−
                            </div>
+
    this.classList.toggle("activelol");
−
                            <div class="col-sm-6">
+
    var content = this.nextElementSibling;
−
                                <p class="card-text">
+
    if (content.style.maxHeight){
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
      content.style.maxHeight = null;
−
                                </p>
+
    } else {
−
                            </div>
+
      content.style.maxHeight = content.scrollHeight + "px";
−
                        </div>
+
    }
−
                     </div>
+
  });
−
                 </div>
+
}
 +
</script>
 +
 
 +
    </div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
<!--FOOTER================================================================== -->
 +
<div class="footer">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-4">
 +
                <center>
 +
                    <div class="h2_footer_igem">Our Location</div>
 +
                    University College London<br />
 +
  Gower St, Bloomsbury<br />London <br />WC1E 6BT
 +
                     <span></span>
 +
 
 +
                 </center>
 
             </div>
 
             </div>
−
        </section>
+
             <div class="col-lg-4">
−
        <section id="GFP_Reporter">
+
                 <center>
−
             <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                     <div class="h2_footer_igem">Contact Us</div>
−
                 <div class="card-title text-center">
+
                  ucl.igem@ucl.ac.uk
−
                     <h4>GFP Reporter</h4>
+
                    <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
−
                </div>
+
                        <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
−
                <div class="card-body text-justify">
+
                     </a>
−
                    <div class="container">
+
                 </center>
−
                        <div class="row">
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                     </div>
+
−
                 </div>
+
 
             </div>
 
             </div>
−
        </section>
+
             <div class="col-lg-4">
−
        <section id="RFP_Reporter">
+
                 <center>
−
             <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                     <div class="h2_footer_igem">Follow Us</div>
−
                 <div class="card-title text-center">
+
                     <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
−
                     <h4>RFP Reporter</h4>
+
                        <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
−
                </div>
+
                    </a>
−
                <div class="card-body text-justify">
+
 
−
                     <div class="container">
+
                    <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
−
                        <div class="row">
+
                        <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
−
                            <div class="col-sm-6">
+
 
−
                                <p class="card-text">
+
 
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
                    <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
−
                                </p>
+
                         <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
−
                            </div>
+
                     </a>
−
                            <div class="col-sm-6">
+
                 </center>
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                         </div>
+
−
                     </div>
+
−
                 </div>
+
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <section id="Mini_Spindroin">
+
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
−
                <div class="card-title text-center">
+
−
                    <h4>Mini Spindroin</h4>
+
−
                </div>
+
−
                <div class="card-body text-justify">
+
−
                    <div class="container">
+
−
                        <div class="row">
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <section id="Intein_Spindroin">
+
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
−
                <div class="card-title text-center">
+
−
                    <h4>Intein Spindroin</h4>
+
−
                </div>
+
−
                <div class="card-body text-justify">
+
−
                    <div class="container">
+
−
                        <div class="row">
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <section id="NikR">
+
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
−
                <div class="card-title text-center">
+
−
                    <h4>NikR</h4>
+
−
                </div>
+
−
                <div class="card-body text-justify">
+
−
                    <div class="container">
+
−
                        <div class="row">
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <section id="SpyTag">
+
−
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
−
                <div class="card-title text-center">
+
−
                    <h4>SpyTag</h4>
+
−
                </div>
+
−
                <div class="card-body text-justify">
+
−
                    <div class="container">
+
−
                        <div class="row">
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                            <div class="col-sm-6">
+
−
                                <p class="card-text">
+
−
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
 
     </div>
 
     </div>
 
</div>
 
</div>
−
</div>
+
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:57, 18 October 2018

UCL SETA - Parts

Parts
BioBrick Description Length (bp)
BBa_K2842667 Flexible Cloning Region F 33
BBa_K2842668 Flexible Cloning Region R 33
BBa_K2842670 Lac Operator 17
BBa_K2842671 Ribosome binding site 24
BBa_K2842672 AceL-TerL-C intein 312
BBa_K2842673 Efficient Cleavage Site 9
BBa_K2842675 SapI Cassette F 15
BBa_K2842676 SapI Cassette R 15
BBa_K2842678 Spidroin N-terminus 402
BBa_K2842679 Efficient Cleavage site 9
BBa_K2842681 mRFP1 675
BBa_K2842682 Npu-C intein 108
BBa_K2842683 AceL-TerL-N intein 75
BBa_K2842684 Ribosome Binding Site 22
BBa_K2842685 Spacer 20
BBa_K2842691 Npu-N intein 312
BBa_K2842692 AceL-TerL-C intein 312
BBa_K2842693 Efficient Cloning Site for Npu-C intein 9
BBa_K2842694 Efficient Cloning Site for AceL-TerL-C intein 9
BBa_K2842695 SapI cassete GFP F 15
BBa_K2842696 SapI cassete GFP R 15
BBa_K2842697 Spacer 9
BBa_K2842698 RBS for GFP 27
BBa_K2842699 GFP codon optimised 714
BBa_K2842704 Ribosome binding site 18
BBa_K2842705 Npu-C intein 104
BBa_K2842706 Spidroin C-terminus 363
BBa_K2842707 Spacer 14
BBa_K2842708 SGS linker 9
BBa_K2842709 NikR C-terminal domain (E. coli) 255
BBa_K2842711 Estrogen receptor protein (M421F) 744

BBa_K2842666 Golden Gate compatible system with blue-white screening (BioBrick 2.0) 679
BBa_K2842699 mScarlet reporter with AceL-TerL-C intein on the N terminus (intein passenger) 1256
BBa_K2842705 Intein Monomer 1: RFP reporter flanked with orthogonal inteins (RFP intein) 1197
BBa_K2842690 Intein Monomer 2: GFP reporter flanked with orthogonal inteins (GFP intein) 1568
BBa_K2842700 N-Terminus with AceL-TerL-N intein (minispidroin NT) 597
BBa_K2842701 C-Terminus with Npu-C intein minispidroin CT) 721
BBa_K2842710 NikR with AceL-TerL-C intein 803
BBa_K2842720 Estrogen receptor protein (M421F) with TerL-C intein 1304
Our Location
University College London
Gower St, Bloomsbury
London
WC1E 6BT
Contact Us
ucl.igem@ucl.ac.uk
Follow Us