Difference between revisions of "Team:UCL/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{UCL}}
+
<!--
−
<html>
+
{{UCL/BootstrapCSS}}
 +
{{UCL/Style}}
 +
-->
  
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <title>UCL SETA - Parts</title>
 +
    <link rel="stylesheet" href="../resources/css/bootstrap1.css"  />
 +
    <link rel="stylesheet" href="../style.css"  />
 +
</head>
  
−
<div class="column full_size">
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/BootstrapJS?action=raw&ctype=text/javascript"></script>
−
<h1>Parts</h1>
+
<script type="text/javascript" src="../resources/js/bootstrapscript.js"></script>
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
<script type="text/javascript" src="../resources/js/jquery-3.3.1.min.js"></script>
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
−
</div>
+
  
−
<div class="column full_size">
+
<script>
−
<div class="highlight decoration_background">
+
$(document).ready(function(){
−
<h3>Note</h3>
+
  $("a").on('click', function(event) {
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
    if (this.hash !== "") {
−
</div>
+
      event.preventDefault();
−
</div>
+
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 1500, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
 +
<script src="../resources/js/wow1.js"></script>
 +
    <script>
 +
        new WOW().init();
 +
    </script>
  
−
<div class="clear extra_space"></div>
+
<body>
−
<div class="line_divider"></div>
+
  <div class="navbarzindex">
−
<div class="clear extra_space"></div>
+
  <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
 +
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
 +
    </div>
  
 +
<div class="topnav_igem" id="myTopnav_igem">
 +
<div class="floatright_igem">
 +
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="People()">People
  
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownpeople_igem">
 +
        <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/Sponsors">Sponsors</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Project()">Project
  
 +
    </button>
 +
    <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/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/Project/POP">Proof of Principle</a>
 +
        <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Parts()">Parts
  
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownparts_igem">
 +
        <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/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>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
  
−
<div class="column two_thirds_size">
+
    </button>
−
<div class="highlight decoration_B_full">
+
    <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/Modelling/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/Modelling/LAMMPS">LAMMPS</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
  
−
<h3>Adding parts to the registry</h3>
+
    </button>
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
    <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/Integrated_Human_Practices">Integrated Human Practices</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>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Notebook()">Notebook
 +
 
 +
    </button>
 +
    <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/Lab_Book">Lab Book</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>
 +
    </div>
 +
  </div>
  
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
 
−
<div class="button_link">
 
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
 
−
ADD PARTS
 
−
</a>
 
−
</div>
 
  
 
</div>
 
</div>
−
</div>
 
−
 
−
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
 
−
 
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
 
−
</ul>
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
<script>
 +
  $(window).on('scroll',function(){
 +
    if($(window).scrollTop()){
 +
      $('.navbarzindex').addClass('black');
 +
    }
 +
    else {
 +
      $('.navbarzindex').removeClass('black');
 +
    }
 +
  })
 +
</script>
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("myTopnav_igem");
 +
    if (x.className === "topnav_igem") {
 +
        x.className += " responsive";
 +
    } else {
 +
        x.className = "topnav_igem";
 +
    }
 +
}
 +
</script>
  
−
<div class="clear extra_space"></div>
 
  
  
 +
<script>
 +
(function(){
 +
    var dropDownClass = 'dropdown-content_igem';
 +
    var showClass = 'show_igem';
 +
    var dropDowns = document.getElementsByClassName('dropdown_igem');
  
 +
    var open = function(e){
 +
        var openDropDown = e.target.nextElementSibling;
 +
        var dropdowns = document.getElementsByClassName(dropDownClass);
  
−
<div class="column full_size">
+
        openDropDown.classList.toggle(showClass);
  
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
+
        var closeDropDown = function(event) {
−
<p>The information needed to initially create a part on the Registry is:</p>
+
            if (event.target === e.target) {
−
<ul>
+
                return;
−
<li>Part Name</li>
+
            }
−
<li>Part type</li>
+
            if (openDropDown.classList.contains(showClass)) {
−
<li>Creator</li>
+
                openDropDown.classList.remove(showClass);
−
<li>Sequence</li>
+
            }
−
<li>Short Description (60 characters on what the DNA does)</li>
+
            window.removeEventListener('click', closeDropDown);
−
<li>Long Description (Longer description of what the DNA does)</li>
+
        };
−
<li>Design considerations</li>
+
        window.addEventListener('click', closeDropDown);
−
</ul>
+
    }
  
−
<p>
+
    for(var i = 0; i < dropDowns.length; i++){
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
        dropDowns[i].children[0].addEventListener('click', open);
 +
    }
 +
}());
 +
</script>
  
−
</div>
+
<!-- CONTENT******************************************************************************************************************************************************* -->
 +
<div class="container">
 +
    <div class="container">
 +
        <div class="h1_igem_subpage">Parts</div>
 +
    </div>
  
 +
    <div class="container containter-fluid container_igem">
 +
    <div class="sidenav">
 +
          <a href="#Overview">Overview</a>
 +
          <a href="#Final_Brick">Final Brick</a>
 +
          <a href="#Intein_Passenger">Intein Passenger</a>
 +
          <a href="#GFP_Reporter">GFP Reporter</a>
 +
          <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>
  
−
<div class="clear extra_space"></div>
 
−
<div class="line_divider"></div>
 
−
<div class="clear extra_space"></div>
 
  
−
<div class="column full_size">
+
        <section id="Overview" class="yaypadding">
−
<h3>Part Table </h3>
+
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
−
 
+
                <div class="card-title text-center">
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
+
                    <h4>Overview</h4>
−
 
+
                </div>
−
</html>
+
                <div class="card-body text-justify">
−
<groupparts>iGEM18 UCL</groupparts>
+
                    <div class="container">
−
<html>
+
                        <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="Final_Brick"class="yaypadding">
 +
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                <div class="card-title text-center">
 +
                    <h4>Final Brick</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_Passenger"class="yaypadding">
 +
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                <div class="card-title text-center">
 +
                    <h4>Intein Passenger</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="GFP_Reporter"class="yaypadding">
 +
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                <div class="card-title text-center">
 +
                    <h4>GFP Reporter</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="RFP_Reporter"class="yaypadding">
 +
            <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                <div class="card-title text-center">
 +
                    <h4>RFP Reporter</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="Mini_Spindroin"class="yaypadding">
 +
            <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"class="yaypadding">
 +
            <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"class="yaypadding">
 +
            <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"class="yaypadding">
 +
            <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>
  
−
 
+
</body>
−
 
+
−
 
+
−
</html>
+

Revision as of 14:05, 6 October 2018


UCL SETA - Parts

Parts
Overview Final Brick Intein Passenger GFP Reporter RFP Reporter Mini Spindroin Intein Spindroin NikR SpyTag

Overview

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.

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.

Final Brick

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.

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.

Intein Passenger

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.

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.

GFP Reporter

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.

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.

RFP Reporter

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.

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.

Mini Spindroin

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.

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.

Intein Spindroin

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.

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.

NikR

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.

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.

SpyTag

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.

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.