Difference between revisions of "Team:UPF CRG Barcelona/Parts"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/styles?action=raw&ctype=text/css" type='text/css'>
 +
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/plotly?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
  
−
<div class="column full_size">
+
<body>
−
<h1>Parts</h1>
+
  <div class="sticky-top">
−
<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>
+
    <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar">
−
<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 class="container">
−
</div>
+
  
−
<div class="column full_size">
+
        <div class="navbar-brand">
−
<div class="highlight decoration_background">
+
          <a class="navbar-logo" href="#">
−
<h3>Note</h3>
+
            <img src="assets/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018">
−
<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>
+
          </a>
−
</div>
+
          <div class="navbar-burger" data-target="navbar-menu">
−
</div>
+
            <span></span>
 +
            <span></span>
 +
            <span></span>
 +
          </div>
 +
        </div>
  
−
<div class="clear extra_space"></div>
+
        <!-- children of navbar-menu must be navbar-start and/or navbar-end -->
−
<div class="line_divider"></div>
+
        <div class="navbar-menu" id="navbar-menu">
−
<div class="clear extra_space"></div>
+
          <!-- navbar items -->
 +
          <div class="navbar-grid">
 +
            <!--class is-active for showing active menu-->
 +
            <a class="navbar-item" href="Description.html">Project</a>
 +
            <a class="navbar-item" href="DryLab.html">DryLab</a>
 +
            <a class="navbar-item is-active" href="Parts.html">Parts</a>
 +
            <a class="navbar-item" href="Deliverables.html">Deliverables</a>
 +
            <a class="navbar-item" href="WetLab.html">WetLab</a>
 +
            <a class="navbar-item" href="Intro_HP.html">Human Practices</a>
 +
            <a class="navbar-item" href="Aboutteam.html">Team</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </nav>
  
 +
    <header id="header">
 +
      <div id="blur"></div>
 +
      <!-- Swiper -->
 +
      <div class="swiper-container" id="sw-container">
 +
        <div class="swiper-wrapper">
 +
          <a class="swiper-slide swiper-slide-menu" href="Basic.html">
 +
            <embed src="assets/T--UPF_CRG_Barcelona--basicpart.svg" alt="">
 +
            <p>Basic Parts</p>
 +
          </a>
 +
          <a class="swiper-slide swiper-slide-menu" href="Intermediate.html">
 +
            <img style="height: 50px" src="assets/T--UPF_CRG_Barcelona--compositepart.svg" alt="">
 +
            <p>Construction<br>Intermediates</p>
 +
          </a>
 +
          <a class="swiper-slide swiper-slide-menu" href="Composite.html">
 +
            <embed src="assets/T--UPF_CRG_Barcelona--compositepart.svg" alt="">
 +
            <p>Composite Parts</p>
 +
          </a>
 +
          <a class="swiper-slide swiper-slide-menu" href="Improve.html">
 +
            <embed src="assets--UPF_CRG_Barcelona--improvedpart_1.svg" alt="">
 +
            <p>Improved Parts</p>
 +
          </a>
 +
          <a class="swiper-slide swiper-slide-menu" href="Registry.html">
 +
            <embed src="assets/T--UPF_CRG_Barcelona--registryparts.svg" alt="">
 +
            <p>Parts Registry</p>
 +
          </a>
  
 +
        </div>
 +
        <!-- Add Arrows -->
 +
        <div class="swiper-button-next"></div>
 +
        <div class="swiper-button-prev"></div>
 +
      </div>
 +
    </header>
 +
  </div>
  
 +
  <main class="main_parts">
  
 +
    <section class="container-centered">
 +
      <div>
 +
        <h1 style="color: #FFF;">PARTS</h1>
 +
        <div class="grid-deliverables">
  
−
<div class="column two_thirds_size">
+
          <div style="background-color: #FFF; border-radius: 15px;">
−
<div class="highlight decoration_B_full">
+
            <a href="Basic.html">
 +
              <h3>Basic Parts</h3>
 +
            </a>
 +
            <p>These are discrete functional units of DNA, such as promoters or RBSs. They cannot be subdivided in
 +
              smaller component parts. We obtained these parts by primer extension and PCR or by synthesis <i>de novo</i>.
 +
            </p>
 +
          </div>
  
−
<h3>Adding parts to the registry</h3>
+
          <div style="background-color: #FFF; border-radius: 15px;">
−
<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>
+
            <a href="Intermediate.html">
 +
              <h3>Construction intermediate</h3>
 +
            </a>
 +
            <p>In order to obtain the final biobrick, it has been necessary to construct intermediate gene pieces.
 +
              They can be used for other future constructions and allow the combination between parts.
 +
            </p>
 +
          </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 style="background-color: #FFF; border-radius: 15px;">
−
<div class="button_link">
+
            <a href="Composite.html">
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
+
              <h3>Composite Parts</h3>
−
ADD PARTS
+
            </a>
−
</a>
+
            <p>We have created several functional units made from the combination of other basic parts in order to
−
</div>
+
              make
 +
              our project possible.
 +
            </p>
 +
          </div>
  
−
</div>
+
          <div style="background-color: #FFF; border-radius: 15px;">
−
</div>
+
            <a href="Improve.html">
 +
              <h3>Improved Parts</h3>
 +
            </a>
 +
            <p>There are the parts that have an improved sequence that results in a better performance and
 +
              characterization.
 +
            </p>
 +
          </div>
  
 +
          <div style="background-color: #FFF; border-radius: 15px;">
 +
            <a href="Registry.html">
 +
              <h3>Parts Registry</h3>
 +
            </a>
 +
            <p>Here there is the collections of parts that we submitted. </p>
 +
          </div>
  
 +
        </div>
 +
      </div>
  
−
<div class="column third_size">
+
    </section>
−
<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>
+
  </main>
−
<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>
+
  
 +
</html>
  
−
<div class="clear extra_space"></div>
+
{{UPF_CRG_Barcelona/footer}}
  
−
 
−
 
−
 
−
<div class="column full_size">
 
−
 
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
 
−
<p>The information needed to initially create a part on the Registry is:</p>
 
−
<ul>
 
−
<li>Part Name</li>
 
−
<li>Part type</li>
 
−
<li>Creator</li>
 
−
<li>Sequence</li>
 
−
<li>Short Description (60 characters on what the DNA does)</li>
 
−
<li>Long Description (Longer description of what the DNA does)</li>
 
−
<li>Design considerations</li>
 
−
</ul>
 
−
 
−
<p>
 
−
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>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
<div class="line_divider"></div>
 
−
<div class="clear extra_space"></div>
 
−
 
−
<div class="column full_size">
 
−
<h3>Part Table </h3>
 
−
 
−
<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>
 
−
 
−
</html>
 
−
<groupparts>iGEM18 UPF_CRG_Barcelona</groupparts>
 
 
<html>
 
<html>
−
</div>
 
−
 
−
 
  
 +
  <!-- JS code -->
 +
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
 +
  <script>
 +
    // Initialize Swiper
 +
    var swiper = new Swiper('.swiper-container', {
 +
      slidesPerView: 5,
 +
      slidesPerGroup: 1,
 +
      loop: true,
 +
      freeMode: true,
 +
      observer: true,
 +
      watchOverflow: true,
 +
      navigation: {
 +
        nextEl: '.swiper-button-next',
 +
        prevEl: '.swiper-button-prev',
 +
      },
 +
      keyboard: {
 +
        enabled: true,
 +
      },
 +
      watchOverflow: true,
 +
      freeModeSticky: true,
 +
      mousewheel: {
 +
        forceToAxis: true,
 +
      },
 +
      preventClicks: true,
 +
      iOSEdgeSwipeDetection: true,
 +
      observeParents: true,
 +
      breakpoints: {
 +
        768: {
 +
          slidesPerView: 4,
 +
        },
 +
        640: {
 +
          slidesPerView: 3,
 +
        },
 +
        500: {
 +
          slidesPerView: 2,
 +
        },
 +
        320: {
 +
          slidesPerView: 1,
 +
        }
 +
      },
 +
    });
 +
  </script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 21:27, 16 October 2018

Wiki

PARTS

Basic Parts

These are discrete functional units of DNA, such as promoters or RBSs. They cannot be subdivided in smaller component parts. We obtained these parts by primer extension and PCR or by synthesis de novo.

Construction intermediate

In order to obtain the final biobrick, it has been necessary to construct intermediate gene pieces. They can be used for other future constructions and allow the combination between parts.

Composite Parts

We have created several functional units made from the combination of other basic parts in order to make our project possible.

Improved Parts

There are the parts that have an improved sequence that results in a better performance and characterization.

Parts Registry

Here there is the collections of parts that we submitted.