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

 
(93 intermediate revisions by 5 users not shown)
Line 15: Line 15:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 +
 +
#groupparts{
 +
width:100% !important;
 +
}
 +
 +
table.pgrouptable{
 +
    background-color: white;
 +
}
 +
 +
th:last-child {
 +
    padding-top: 1em !important;
 +
    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;
 +
}
 +
 +
td{
 +
    border: hidden !important;
 +
    line-height: 18px !important;
 +
    font-size: 14px !important;
 +
}
  
 
</style>
 
</style>
Line 41: 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 94: 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 106: 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 170: 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;
 
−
">Lorem ipsum</h3>
 
−
 
−
<h4 style="
 
−
    color: #353535;
 
−
    font-weight: 700;
 
−
    font-size: 21px;
 
−
    margin-bottom: 0.8em;
 
−
">Lorem ipsum</h4>
 
  
 
<!--<h5 style="
 
<!--<h5 style="
Line 190: 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;
+
<p style="
−
">Lorem ipsum</h6>-->
+
    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="
 
<p style="
 
     line-height: 1.7;
 
     line-height: 1.7;
 
     margin-bottom: 0;
 
     margin-bottom: 0;
−
     color: #353535;">I am Director of the Department of Applied Mathematics. I am professor at the School of Computer Science (Escuela Técnica Superior de Ingeniería Informática – ETSINF) of the Universitat Politècnica de València (UPV), where I have been teaching Algebra, Mathematical Analysis, Discrete Mathematics, and Graph Theory in the degrees of Computer Science and Data Science.
+
     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 206: 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;
+
−
">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h6>
+
 
</div>
 
</div>
 
                             </div>
 
                             </div>
  
−
                            <p style="
+
<div class="column full_size">
 +
<a class="anchorOffset" id="table"></a>
 +
<h3>Parts Table </h3>
 +
 
 +
<p>During the development of the project, the Valencia UPV iGEM team has achieved to synthesize the following parts.</p>
 +
 
 +
</html>
 +
 
 +
<div class="col-md-12" style=" padding-left: 0px;">
 +
<groupparts class="col-md-12">iGEM18 Valencia_UPV</groupparts>
 +
</div>
 +
<html>                         
 +
 
 +
 
 +
<p style="
 
     line-height: 1.7;
 
     line-height: 1.7;
 
">
 
">
  
−
                             I am member of the Instituto Universitario de Matemática Pura y Aplicada of the UPV. I am also interested in Biomedical Data Analysis, Graph Theory, Network Science, and in the applications of Mathematics to Computational, Systems and Synthetic Biology,  and Communication Networks. I am the author of more than 50 research articles published in international research journals. In addition, I have stayed at the following universities for short periods: in Bowling Green (OH) and Kent (OH) (USA), Lecce (Italy), Prague (Czech Rep.) And Tübingen (Germany).
+
                              
−
 
+
−
                            Before being Director of the Department of Applied Mathematics, I held the position of Director of Academic Performance and Curricular Students Assessment Area of the Vice-rectorate of Students and Culture of the UPV. Previously I held these positions university: Deputy Dean of the ETSINF (formerly Faculty of Informatics) (2004-2009), and Secretary of the Commission of the Strategic Plan of the UPV for the period 2007-2014 (2005-2007).
+
  
 
                             </p>
 
                             </p>
Line 237: Line 242:
 
                             </div>
 
                             </div>
  
−
                            <div>
 
−
                                <ul style="
 
−
    padding-top: 1.2em;
 
−
    padding-bottom: 1em;
 
−
">
 
−
                                    <li>
 
−
                                        <p>Elemento de prueba</p>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <p>Elemento de prueba</p>
 
−
                                    </li>
 
−
                                    <li>
 
−
                                        <p>Elemento de prueba</p>
 
−
                                    </li>
 
−
                                </ul>
 
−
                            </div>
 
  
−
                            <div>
+
                   
−
                                <table class="border--round table--alternate-row tableHec" style="width:100%">
+
−
                                    <thead><tr>
+
−
                                    <th class="thHec">Firstname</th>
+
−
                                    <th class="thHec">Lastname</th>
+
−
                                    <th class="thHec">Age</th>
+
−
                                    </tr>
+
−
                                    </thead><tbody><tr>
+
−
                                    <td class="tdHec">Jill</td>
+
−
                                    <td class="tdHec">Smith</td>
+
−
                                    <td class="tdHec">50</td>
+
−
                                    </tr>
+
−
                                    <tr>
+
−
                                    <td class="tdHec">Eve</td>
+
−
                                    <td class="tdHec">Jackson</td>
+
−
                                    <td class="tdHec">94</td>
+
−
                                    </tr>
+
−
                                    </tbody></table>
+
−
                            </div>
+
  
 
<div style="
 
<div style="
Line 285: 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="
Line 311: Line 268:
 
     text-align: right;
 
     text-align: right;
 
     line-height: 1.7;
 
     line-height: 1.7;
−
">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.</h6>
+
"> </h6>
 
</div>
 
</div>
 
     </div>
 
     </div>
Line 358: Line 315:
 
       <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?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>
  
−
<groupparts>iGEM18 Valencia_UPV</groupparts>
+
 
  
 
</html>
 
</html>
 
{{Valencia_UPV/footer}}
 
{{Valencia_UPV/footer}}
−
 
−
 
−
</html>
 

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