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

 
(55 intermediate revisions by 5 users not shown)
Line 17: Line 17:
  
 
#groupparts{
 
#groupparts{
width:570px !important;
+
width:100% !important;
 +
}
 +
 
 +
table.pgrouptable{
 +
    background-color: white;
 
}
 
}
  
Line 28: Line 32:
 
     color: #fff !important;
 
     color: #fff !important;
 
     position: inherit;
 
     position: inherit;
 +
    border-top-right-radius: 18px;
 +
   
 +
 
 +
}
 +
 +
th:first-child {
 +
    border-top-left-radius: 18px;
 
}
 
}
  
Line 36: Line 47:
 
th{
 
th{
 
     position: inherit;
 
     position: inherit;
 +
    border: hidden !important;
 +
    font-size: 14px !important;
 +
    background-color: #909090 !important;
 +
    color: white !important;
 +
}
 +
 +
tr{
 +
    border: hidden !important;
 +
    font-size: 14px !important;
 +
}
 +
 +
td{
 +
    border: hidden !important;
 +
    line-height: 18px !important;
 +
    font-size: 14px !important;
 
}
 
}
  
Line 63: Line 89:
 
             <section style="
 
             <section style="
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
              <div class="main-container" style="
+
<div class="main-container" style="
 
height: 100%;">
 
height: 100%;">
              <center style="
+
<center style="
 
height: 100%;">
 
height: 100%;">
              <div class="col-md-10" style="
+
<div class="col-md-10" style="
height: 100%;margin-top: 4em;">
+
  height: 100%;margin-top: 4em;">
<div id="logoPrinteria" class="item" style="
+
  <div id="logoPrinteria" class="item" style="
background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
+
    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%;
+
    height: 100%;
width: 100%;background-attachment: fixed;background-size: cover;">
+
    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;">
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
        <i class="stack-interface stack-down-open-big"></i>
<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;">
+
      </a>
            <i class="stack-interface stack-down-open-big"></i>
+
    </div>  
        </a>
+
 
</div>
 
</div>
   
+
</center>
</div>
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 +
<div class="all-page-modals"></div>
 +
</section>
 
</div>
 
</div>
               
 
              </center>
 
             
 
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 
              <div class="all-page-modals"></div>
 
              </section></div>
 
  
  
Line 116: Line 137:
 
     /* padding-left: 0.5em; */
 
     /* padding-left: 0.5em; */
 
">
 
">
                                                 <a class="lateral" style="
+
                                                 <a href="#intro" class="lateral inner-link" style="
 
     /* color: #ffffff; */
 
     /* color: #ffffff; */
 
     opacity: 1;
 
     opacity: 1;
 
     list-style-type: circle;
 
     list-style-type: circle;
">ChatterPlant integrated system to control plant growth process</a>
+
">Introduction</a>
 
                                         </div>
 
                                         </div>
 
                                          
 
                                          
Line 128: Line 149:
 
     line-height: 1.3em;
 
     line-height: 1.3em;
 
">
 
">
                                                 <a class="lateral" style="
+
                                                 <a href="#table" class="lateral inner-link" style="
 
     color: #353535;
 
     color: #353535;
 
     opacity: 1;
 
     opacity: 1;
">ChatterPlant integrated system to control plant growth process</a>
+
">Part Table</a>
 
                                         </div>
 
                                         </div>
 
                                          
 
                                          
                                     </li>
+
                                     </li>                                  
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
  
 
                                 </ul><ul class="tabs-content"></ul>
 
                                 </ul><ul class="tabs-content"></ul>
Line 192: Line 180:
 
     color: #353535;
 
     color: #353535;
 
">Lorem ipsum</h2>-->
 
">Lorem ipsum</h2>-->
 
<h3 style="
 
    color: #353535;
 
    font-weight: 700;
 
    font-size: 40px;
 
    margin-bottom: 0.2em;
 
">Part Collection</h3>
 
 
  
 
<!--<h5 style="
 
<!--<h5 style="
Line 206: Line 186:
 
     font-weight: 750;
 
     font-weight: 750;
 
">Lorem ipsum</h5>-->
 
">Lorem ipsum</h5>-->
 
+
<a class="anchorOffset" id="intro"></a>
<!--<h6 style="
+
<h3>Introduction</h3>
    color: #797979;
+
">Lorem ipsum</h6>-->
+
 
+
 
<p style="
 
<p style="
 
     line-height: 1.7;
 
     line-height: 1.7;
 
     margin-bottom: 0;
 
     margin-bottom: 0;
 
     color: #353535;">  
 
     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>
 
</p>
  
Line 222: Line 209:
 
     text-align: right;
 
     text-align: right;
 
">
 
">
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
+
 
    margin-top: 2.8em;
+
    margin-bottom: 0.8em;
+
    border-radius: 0.3em;
+
">
+
 
<div style="
 
<div style="
 
     width: 100%;
 
     width: 100%;
 
     padding-left: 19em;
 
     padding-left: 19em;
 
     padding-right: 1em;
 
     padding-right: 1em;
"><h6 style="
+
">
    color: #797979;
+
    font-weight: 300;
+
    /* font-size: 16px; */
+
    text-align: right;
+
    line-height: 1.7;
+
">pie de foto</h6>
+
 
</div>
 
</div>
 
                             </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>We have created these parts: </p>
+
<p>During the development of the project, the Valencia UPV iGEM team has achieved to synthesize the following parts.</p>
  
 
</html>
 
</html>
  
<div class="col-md-10">  
+
<div class="col-md-12" style=" padding-left: 0px;">  
 
<groupparts class="col-md-12">iGEM18 Valencia_UPV</groupparts>
 
<groupparts class="col-md-12">iGEM18 Valencia_UPV</groupparts>
 
</div>
 
</div>
Line 278: Line 256:
 
     padding-right: 0.3em;
 
     padding-right: 0.3em;
 
">
 
">
                                     <img src="http://via.placeholder.com/800x400" alt="" style="
+
                                      
    margin-top: 1.8em;
+
    margin-bottom: 0.8em;
+
    border-radius: 0.3em;
+
">
+
    </div>
+
    <div class="col-md-6" style="
+
    padding: 0;
+
    padding-left: 0.3em;
+
">
+
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
+
    margin-top: 1.8em;
+
    margin-bottom: 0.8em;
+
    border-radius: 0.3em;
+
">
+
 
     </div>
 
     </div>
 
<div style="
 
<div style="

Latest revision as of 00:49, 18 October 2018

Stack Multipurpose HTML Template

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