Difference between revisions of "Team:Valencia UPV/Parts"

(Prototype team page)
 
 
(94 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
 +
 
 
<html>
 
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
−
<div class="column full_size">
+
#groupparts{
−
<h1>Parts</h1>
+
width:100% !important;
−
<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>
+
}
−
<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">
+
table.pgrouptable{
−
<div class="highlight decoration_background">
+
    background-color: white;
−
<h3>Note</h3>
+
}
−
<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>
+
−
</div>
+
−
</div>
+
  
−
<div class="clear extra_space"></div>
+
th:last-child {
−
<div class="line_divider"></div>
+
    padding-top: 1em !important;
−
<div class="clear extra_space"></div>
+
    border: none !important;
 +
    padding-bottom: 1em !important;
 +
    font-size: 12px;
 +
    background-color: #909090 !important;
 +
    color: #fff !important;
 +
    position: inherit;
 +
    border-top-right-radius: 18px;
 +
   
 +
 
 +
}
  
 +
th:first-child {
 +
    border-top-left-radius: 18px;
 +
}
  
 +
.header {
 +
position: inherit;
 +
}
  
 +
th{
 +
    position: inherit;
 +
    border: hidden !important;
 +
    font-size: 14px !important;
 +
    background-color: #909090 !important;
 +
    color: white !important;
 +
}
  
 +
tr{
 +
    border: hidden !important;
 +
    font-size: 14px !important;
 +
}
  
−
<div class="column two_thirds_size">
+
td{
−
<div class="highlight decoration_B_full">
+
    border: hidden !important;
 +
    line-height: 18px !important;
 +
    font-size: 14px !important;
 +
}
  
−
<h3>Adding parts to the registry</h3>
+
</style>
−
<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>
+
  
−
<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>
+
    <head>
−
<div class="button_link">
+
        <meta charset="utf-8">
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
+
        <title>Stack Multipurpose HTML Template</title>
−
ADD PARTS
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
</a>
+
        <meta name="description" content="Site Description Here">
−
</div>
+
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
 +
 +
 +
 +
       
 +
    </head>
 +
  <body class="" style="background-color:#353535;">
 +
        <a id="start"></a>
 +
     
 +
         
 +
<div class="main-container">
 +
   
 +
            <section style="
 +
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
<div class="main-container" style="
 +
height: 100%;">
 +
<center style="
 +
height: 100%;">
 +
<div class="col-md-10" style="
 +
  height: 100%;margin-top: 4em;">
 +
  <div id="logoPrinteria" class="item" style="
 +
    background-image: url(https://static.igem.org/mediawiki/2018/thumb/a/a2/T--Valencia_UPV--PartCollectionFondoUPV2018.jpeg/1200px-T--Valencia_UPV--PartCollectionFondoUPV2018.jpeg );
 +
    height: 100%;
 +
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://static.igem.org/mediawiki/2018/thumb/a/a7/T--Valencia_UPV--PartsTextoUPV2018.jpeg/1200px-T--Valencia_UPV--PartsTextoUPV2018.jpeg.png" style=" margin-top: 0px;">
 +
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 +
        <i class="stack-interface stack-down-open-big"></i>
 +
      </a>
 +
    </div>
 
</div>
 
</div>
 +
</center>
 +
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 +
<div class="all-page-modals"></div>
 +
</section>
 
</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>
+
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
−
<ul>
+
                <div class="container">
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
                    <div class="row">
−
<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 class="clear extra_space"></div>
+
<div class="col-md-3" style="
 +
    margin-left: 0em;
 +
    padding-right: 0px;
 +
    padding-left: 0.2em;
 +
">
 +
   
 +
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
                                <h4 style="
 +
    padding-left: 1em;
 +
">Index</h4>
  
  
 +
<ul class="lateral">
 +
                                    <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
    /* padding-left: 0.5em; */
 +
">
 +
                                                <a href="#intro" class="lateral inner-link" style="
 +
    /* color: #ffffff; */
 +
    opacity: 1;
 +
    list-style-type: circle;
 +
">Introduction</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 +
                                                <a href="#table" class="lateral inner-link" style="
 +
    color: #353535;
 +
    opacity: 1;
 +
">Part Table</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>                                 
  
 +
                                </ul><ul class="tabs-content"></ul>
 +
                                           
 +
                                           
 +
                                        </div>
 +
                                           
 +
                                           
 +
                                        </div>
  
−
<div class="column full_size">
 
  
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
+
                                              <div class="col-md-9" style="
−
<p>The information needed to initially create a part on the Registry is:</p>
+
    /* margin-left: 0px; */
−
<ul>
+
    padding-left: 6em;
−
<li>Part Name</li>
+
    padding-right: 2em;
−
<li>Part type</li>
+
">
−
<li>Creator</li>
+
                            <div style="
−
<li>Sequence</li>
+
">
−
<li>Short Description (60 characters on what the DNA does)</li>
+
                              <!--<h1 style="
−
<li>Long Description (Longer description of what the DNA does)</li>
+
    color: #353535;
−
<li>Design considerations</li>
+
">Lorem ipsum</h1>-->
−
</ul>
+
  
−
<p>
+
<!--<h2 style="
−
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>
+
    color: #353535;
 +
">Lorem ipsum</h2>-->
  
−
</div>
+
<!--<h5 style="
 +
    color: #353535;
 +
    font-size: 16px;
 +
    font-weight: 750;
 +
">Lorem ipsum</h5>-->
 +
<a class="anchorOffset" id="intro"></a>
 +
<h3>Introduction</h3>
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">
 +
As we have explained in <a href="https://2018.igem.org/Team:Valencia_UPV/Design" target="_blank"> our design page </a>, we are using the <b>Golden Gate assembly method</b>. But we have a problem: there is not a part collection as complete as the BioBrick collection.</p>
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">
 +
In order to solve this, we have create an extensive <a href="https://2018.igem.org/Team:Valencia_UPV/Part_Collection" target="_blank">Part collection</a> of characterized basic parts (promoters, RBS, CDS and terminator)  following the GoldenBraid 3.0 standard, and so also compatible with PhytoBricks standard (rfc 106). We have used these parts to create new transcriptional units, such as the ones that Printeria users will be able to construct.</p>
  
 +
<p style="
 +
    line-height: 1.7;
 +
    margin-bottom: 0;
 +
    color: #353535;">
 +
</p>
  
−
<div class="clear extra_space"></div>
+
                            <div style="
−
<div class="line_divider"></div>
+
    padding-bottom: 1em;
−
<div class="clear extra_space"></div>
+
    text-align: right;
 +
">
 +
 
 +
<div style="
 +
    width: 100%;
 +
    padding-left: 19em;
 +
    padding-right: 1em;
 +
">
 +
</div>
 +
                            </div>
  
 
<div class="column full_size">
 
<div class="column full_size">
−
<h3>Part Table </h3>
+
<a class="anchorOffset" id="table"></a>
 +
<h3>Parts 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>
+
<p>During the development of the project, the Valencia UPV iGEM team has achieved to synthesize the following parts.</p>
  
 
</html>
 
</html>
−
<groupparts>iGEM18 Valencia_UPV</groupparts>
+
 
−
<html>
+
<div class="col-md-12" style=" padding-left: 0px;">
 +
<groupparts class="col-md-12">iGEM18 Valencia_UPV</groupparts>
 
</div>
 
</div>
 +
<html>                         
 +
 +
 +
<p style="
 +
    line-height: 1.7;
 +
">
 +
 +
                           
 +
 +
                            </p>
 +
 +
                            </div>
 +
 +
 +
                   
 +
 +
<div style="
 +
    padding-bottom: 0.8em;
 +
    text-align: right;
 +
">
 +
    <div class="row" style="
 +
    margin: 0;
 +
">
 +
    <div class="col-md-6" style="
 +
    padding: 0;
 +
    padding-right: 0.3em;
 +
">
 +
                                   
 +
    </div>
 +
<div style="
 +
    width: 100%;
 +
    padding-left: 19em;
 +
    padding-right: 1em;
 +
"><h6 style="
 +
    color: #797979;
 +
    font-weight: 300;
 +
    /* font-size: 16px; */
 +
    text-align: right;
 +
    line-height: 1.7;
 +
"> </h6>
 +
</div>
 +
    </div>
 +
                            </div>
 +
   
 +
 +
                        </div>
 +
                            </div>
 +
 +
 +
                           
 +
                        </div>
 +
                       
 +
                       
 +
 +
 +
 +
 +
                    </section>
 +
 +
 +
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
 +
           
 +
         
 +
 +
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
 +
    </body>
 +
  
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
  
  
  
 
</html>
 
</html>
 +
{{Valencia_UPV/footer}}

Latest revision as of 00:49, 18 October 2018

Stack Multipurpose HTML Template

Index

    Introduction

    As we have explained in our design page , we are using the Golden Gate assembly method. But we have a problem: there is not a part collection as complete as the BioBrick collection.

    In order to solve this, we have create an extensive Part collection of characterized basic parts (promoters, RBS, CDS and terminator) following the GoldenBraid 3.0 standard, and so also compatible with PhytoBricks standard (rfc 106). We have used these parts to create new transcriptional units, such as the ones that Printeria users will be able to construct.

    Parts Table

    During the development of the project, the Valencia UPV iGEM team has achieved to synthesize the following parts.

    <groupparts class="col-md-12">iGEM18 Valencia_UPV</groupparts>

    CONTACT US igem.upv.2018@gmail.com