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

(Created page with "{{Valencia_UPV/bootstrap.css}} {{Valencia_UPV/custom.css}} {{Valencia_UPV/flickity.css}} {{Valencia_UPV/iconsmind.css}} {{Valencia_UPV/jquery.steps.css}} {{Valencia_UPV/lightb...")
 
 
(54 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
  
 +
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 +
</style>
  
<html>
 
    <style>
 
    #home_logo, #sideMenu { display:none; }
 
    #sideMenu, #top_title, .patrollink  {display:none;}
 
    #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
    </style>
 
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
Line 26: Line 26:
 
         <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" 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">
 
         <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 +
 +
 +
 
          
 
          
 
     </head>
 
     </head>
    <body class="" style="background-color:#353535;">
+
  <body class="" style="background-color:#353535;">
 
         <a id="start"></a>
 
         <a id="start"></a>
        <div class="nav-container" style="margin-bottom: 1.85714286em;">
+
      <div class="nav-container" style="margin-bottom: 1.85714286em;">
 
             <div class="bar bar--sm visible-xs">
 
             <div class="bar bar--sm visible-xs">
 
                 <div class="container">
 
                 <div class="container">
Line 36: Line 40:
 
                         <div class="col-3 col-md-2">
 
                         <div class="col-3 col-md-2">
 
                             <a href="index.html">
 
                             <a href="index.html">
                                 <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
+
                                 <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/6/69/T--Valencia_UPV--MerceríaPaquitaUPV2018.jpeg">
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
Line 50: Line 54:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
            <div class="col-md-12" style="padding: 0px;margin: 0 auto;">
+
<div class="col-md-12" style="
                <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
+
padding: 0px;
                    height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
+
    margin: 0 auto;">
                    <div class="container" style="
+
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
                        height: 100%;
+
height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
                        padding-top: 10px;
+
                <div class="container" style="
                        ;lute;">
+
height: 100%;
                        <div class="row" style="
+
padding-top: 10px;
                            height: 100%; padding-top: 1.85em;">
+
;lute;">
                            <div class="col-lg-3 col-md-3 hidden-xs" style="
+
                    <div class="row" style="
                                height: 100%;
+
height: 100%; padding-top: 1.85em;">
                                position: absolute;padding-left: 0px;display: flex;">
+
                        <div class="col-lg-3 col-md-3 hidden-xs" style="
                                <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
+
height: 100%;
                                height: 64px; width: 224px; margin-top: 0; !important ">
+
position: absolute;padding-left: 0px;display: flex;">
                                <!--end module-->
+
                            <img class="" src="https://static.igem.org/mediawiki/2018/6/69/T--Valencia_UPV--MerceríaPaquitaUPV2018.jpeg" style="
                            </div>
+
height: 64px; width: 224px; margin-top: 0; !important ">
                            <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
+
                            <!--end module-->
                                <div class="bar__module" style="
+
                        </div>
                                    padding-top: 10px; float: right;">
+
                        <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
                                    <ul class="menu-horizontal text-right">
+
                            <div class="bar__module" style="
                                        <li class="dropdown dropdown--hover">
+
padding-top: 10px; float: right;">
                                            <span class="dropdown__trigger navLinks">Team</span>
+
                          <ul class="menu-horizontal text-right">
                                            <!--
+
                                    <li class="dropdown dropdown--hover">
                                            <div class="dropdown__container">
+
                                        <span class="dropdown__trigger navLinks">Team</span>
                                                <div class="container">
+
 
                                                    <div class="row">
+
 
                                                        <div class="col-md-3 col-lg-2 dropdown__content">
+
 
                                                            <ul class="menu-vertical">
+
 
                                                                <li>
+
                                        <div class="dropdown__container" style="left: -541.625px;">
                                                                    Team
+
                              <div class="container">
                                                                </li>
+
                            <div class="row">
                                                            </ul>
+
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 541.625px;">
                                                        </div>
+
                        <ul class="menu-vertical" style="
                                                    </div>
+
color: white;
                                                </div>
+
font-size: 16px;;
                                            </div>
+
padding-bottom: 10px;;
                                            -->
+
padding-top: 10px;;
                                        </li>
+
list-style-type: none;">
                                        <li class="dropdown">
+
                        <li>
                                            <span class="dropdown__trigger navLinks">Project</span>
+
                        Team
                                           
+
                        </li>
                                            <!--end dropdown container-->
+
<li>Attributions</li>
                                        </li>
+
<li>Collaborations</li>
                                        <li class="dropdown">
+
                        </ul>
                                            <span class="dropdown__trigger navLinks">Wet Lab</span>
+
                          </div>
                                           
+
                          </div>
                                            <!--end dropdown container-->
+
                        </div>
                                        </li>
+
                        </div>
                                        <li class="dropdown">
+
 
                                            <span class="dropdown__trigger navLinks">Dry Lab</span>
+
 
                                           
+
 
                                            <!--end dropdown container-->
+
 
                                        </li>
+
                                    </li>
                                        <li class="dropdown">
+
                                    <li class="dropdown dropdown--hover">
                                            <span class="dropdown__trigger navLinks">Human Practices</span>
+
                                        <span class="dropdown__trigger navLinks">Project</span>
                                           
+
 
                                            <!--end dropdown container-->
+
 
                                        </li>
+
 
                                     </ul>
+
                                       
                                </div>
+
                                        <div class="dropdown__container" style="left: -622.21875px;">
                                <!--end module-->
+
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 622.21875px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
  Description
 +
</li>
 +
<li>
 +
  Design
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<li>Applied Design</li>
 +
<li>Safety</li>
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Wet Lab</span>
 +
 
 +
 
 +
 
 +
                                       
 +
                                        <div class="dropdown__container" style="left: -721.703125px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 721.703125px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                       
 +
 
 +
<li>
 +
  Experiments
 +
</li>
 +
<li>
 +
  Notebook
 +
</li>
 +
<li>
 +
  Interlab
 +
</li>
 +
<li>
 +
  Results
 +
</li>
 +
<li>
 +
  Demonstrate
 +
</li>
 +
<li>
 +
  Improve
 +
</li>
 +
<li>
 +
  Measurement
 +
</li>
 +
<li>
 +
  Protocols
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
 
 +
<li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Drylab</span>
 +
<div class="dropdown__container" style="left: -826.078125px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 826.078125px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Hardware</li>
 +
<li>Software</li><li>Graphic Design</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Modelling</span>
 +
<div class="dropdown__container" style="left: -921px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 921px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Modelling</li>
 +
<li>Model A</li>
 +
<li>Model B</li>
 +
 
 +
<li>Lo que creas necesario &lt;3</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
                                     <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Human</span>
 +
<div class="dropdown__container" style="left: -1052px;">
 +
                              <div class="container">
 +
                            <div class="row">
 +
                          <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 855px;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Human Practices</li>
 +
<li>Education</li>
 +
<li>Entrepreneurship</li><li>Public Engagement</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                </ul>
 
                             </div>
 
                             </div>
 +
                            <!--end module-->
 
                         </div>
 
                         </div>
                        <!--end of row-->
 
 
                     </div>
 
                     </div>
                     <!--end of container-->
+
                     <!--end of row-->
                 </nav>
+
                 </div>
             </div>
+
                <!--end of container-->
 +
            </nav>
 +
</div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
             </nav>
 +
</div>
 
             <!--end bar-->
 
             <!--end bar-->
 
         </div>
 
         </div>
        <div class="main-container">
+
<div class="main-container">
           
+
   
 
             <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/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
                            height: 100%;
+
height: 100%;
                            width: 100%;background-attachment: fixed;background-size: cover;">
+
width: 100%;background-attachment: fixed;background-size: cover;">
                           
+
   
                            <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
                                <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 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>
+
            <i class="stack-interface stack-down-open-big"></i>
                                </a>
+
        </a>
                            </div>
+
</div>
                           
+
   
                        </div>
+
</div>
                    </div>
+
</div>
                   
+
               
                    </center>
+
              </center>
                   
+
             
                    </div><div class="all-page-modals"></div><div class="all-page-modals"></div>
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
                    <div class="all-page-modals"></div>
+
              <div class="all-page-modals"></div>
                </section></div>
+
              </section></div>
               
+
 
                <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
+
 
                    <div class="container">
+
           
                        <div class="row">
+
 
                            <div class="col-md-3" style="
+
 
                                margin-left: 0em;
+
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
                                padding-right: 0px;
+
                <div class="container">
                                padding-left: 0.2em;
+
                    <div class="row">
                                ">
+
 
                               
+
 
                                <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
<div class="col-md-3" style="
                                    <h4 style="
+
    margin-left: 0em;
                                    padding-left: 1em;
+
    padding-right: 0px;
                                    ">Index</h4>
+
    padding-left: 0.2em;
                                    <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="
+
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
                                                line-height: 1.3em;
+
                                <h4 style="
                                                /* padding-left: 0.5em; */
+
    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="#loli" class="lateral" style="
 +
    /* color: #ffffff; */
 +
    opacity: 1;
 +
    list-style-type: circle;
 +
">a la imagen</a>
 +
                                        </div>
 +
                                       
 +
                                    </li>
 +
                                    <li class="lateral">
 +
                                        <div class="tab__title" style="
 +
    line-height: 1.3em;
 +
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    /* color: #ffffff; */
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                    list-style-type: circle;
+
">ChatterPlant integrated system to control plant growth process</a>
                                                ">ChatterPlant integrated system to control plant growth process</a>
+
                                        </div>
                                            </div>
+
                                          
                                           
+
                                    </li>
                                         </li>
+
                                    <li class="lateral">
                                        <li class="lateral">
+
                                        <div class="tab__title" style="
                                            <div class="tab__title" style="
+
    line-height: 1.3em;
                                                line-height: 1.3em;
+
">
                                                ">
+
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                ">ChatterPlant integrated system to control plant growth process</a>
+
">ChatterPlant integrated</a>
                                            </div>
+
                                        </div>
                                           
+
                                          
                                         </li>
+
                                    </li>
                                        <li class="lateral">
+
                                    <li class="lateral">
                                            <div class="tab__title" style="
+
                                        <div class="tab__title" style="
                                                line-height: 1.3em;
+
    line-height: 1.3em;
                                                ">
+
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                ">ChatterPlant integrated</a>
+
">ChatterPlant integrated</a>
                                            </div>
+
                                        </div>
                                           
+
                                          
                                         </li>
+
                                    </li>
                                        <li class="lateral">
+
                                    <li class="lateral">
                                            <div class="tab__title" style="
+
                                        <div class="tab__title" style="
                                                line-height: 1.3em;
+
    line-height: 1.3em;
                                                ">
+
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                ">ChatterPlant integrated</a>
+
">ChatterPlant integrated</a>
                                            </div>
+
                                        </div>
 +
                                       
 +
                                    </li>
 +
 
 +
                                </ul><ul class="tabs-content"></ul>
 
                                              
 
                                              
                                        </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>
 
                                   
 
                                   
 
                                </div>
 
                               
 
                               
 
                            </div>
 
                            <div class="col-md-9" style="
 
                                /* margin-left: 0px; */
 
                                padding-left: 6em;
 
                                padding-right: 2em;
 
                                ">
 
                                <div style="
 
                                    ">
 
                                    <!--<h1 style="
 
                                    color: #353535;
 
                                    ">Lorem ipsum</h1>-->
 
                                    <!--<h2 style="
 
                                    color: #353535;
 
                                    ">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="
 
                                    color: #353535;
 
                                    font-size: 16px;
 
                                    font-weight: 750;
 
                                    ">Lorem ipsum</h5>-->
 
                                    <!--<h6 style="
 
                                    color: #797979;
 
                                    ">Lorem ipsum</h6>-->
 
                                    <p style="
 
                                        line-height: 1.7;
 
                                        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.
 
                                    </p>
 
                                    <div style="
 
                                        padding-bottom: 1em;
 
                                        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="
 
                                            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;
 
                                            ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h6>
 
 
                                         </div>
 
                                         </div>
                                    </div>
+
                                           
                                    <p style="
+
                                           
                                        line-height: 1.7;
+
                                        </div>
                                        ">
+
 
                                        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).
+
                                              <div class="col-md-9" style="
                                    </p>
+
    /* margin-left: 0px; */
                                </div>
+
    padding-left: 6em;
                                <div>
+
    padding-right: 2em;
                                    <ul style="
+
">
                                        padding-top: 1.2em;
+
                            <div style="
                                        padding-bottom: 1em;
+
">
                                        ">
+
                              <!--<h1 style="
                                        <li>
+
    color: #353535;
                                            <p>Elemento de prueba</p>
+
">Lorem ipsum</h1>-->
                                        </li>
+
 
                                        <li>
+
<!--<h2 style="
                                            <p>Elemento de prueba</p>
+
    color: #353535;
                                        </li>
+
">Lorem ipsum</h2>-->
                                        <li>
+
 
                                            <p>Elemento de prueba</p>
+
<h3 style="
                                         </li>
+
    color: #353535;
                                     </ul>
+
    font-weight: 700;
                                </div>
+
    font-size: 40px;
                                 <div>
+
    margin-bottom: 0.2em;
                                    <table class="border--round table--alternate-row tableHec" style="width:100%">
+
">Biological Design: The Golden Braid Assembly</h3>
                                        <thead><tr>
+
 
                                            <th class="thHec">Firstname</th>
+
<p>We are continuously talking about a machine which can create its <b>own genetic circuits</b>, by using pre-designed parts, and ‘print’ them inside different living cell chassis. But how is Printeria going to perform all these complex reactions?</p>
                                            <th class="thHec">Lastname</th>
+
 
                                            <th class="thHec">Age</th>
+
<p>One of the first attempts to standardize a restriction enzyme-based DNA assembly method was BioBricks (1). However, its pairwise nature can make the construction of multipart systems, such as transcriptional units, time-consuming.</p>
                                        </tr>
+
<p>Printeria is using a state-of-the-art technology based on the Golden Gate Assembly, the <b>Golden Braid Assembly Method</b>. This technology uses <b>type IIs restriction enzymes</b> in order to cut all the parts and build these genetic circuits.</p>
                                    </thead><tbody><tr>
+
<p><b>The Golden Gate assembly is based on type IIs enzymes. But what does this really mean? </b></p>
                                    <td class="tdHec">Jill</td>
+
<p>Type IIs restriction enzymes are a group of endonucleases that recognize <b>asymmetric double stranded DNA </b>sequences and <b>cleave outside</b> of their recognition sequence. Thus, digestion leaves short <b>single stranded overhangs</b> with non-specific sequences. </p>
                                     <td class="tdHec">Smith</td>
+
<p>This allows us to design the cleaving region so that we are creating a sticky end that will be pasted with the following part, and so on. This is the way in which <b>directionality</b> is maintained and parts are pasted in the desired order.</p>
                                    <td class="tdHec">50</td>
+
<p><b>But why is this assembly technique so crucial for our machine to work?</b></p>
                                </tr>
+
 
                                <tr>
+
<ul>
                                     <td class="tdHec">Eve</td>
+
  <li>
                                    <td class="tdHec">Jackson</td>
+
    <p>Carefully positioning the recognition and cleavage sites, in opposite directions, for the entry and destination vectors leads into a <b>final plasmid</b> - once the DNA construction has been ligated -where there is <b>no recognition site</b>. So, once the insert has been ligated, it cannot be cut again. This allows simultaneous digestion and ligation in <b>a one-pot reaction</b> so that the whole assembly is taking place in a single step. This fact makes the Golden Braid Technology perfect for our machine to work, as the whole reaction should take place in a single droplet.</p>
                                    <td class="tdHec">94</td>
+
  </li>
                                </tr>
+
  <li>
                            </tbody></table>
+
    <p><b>High efficiency</b>. By means of modifying the different parameters we can end up with an almost 100% efficiency.</p>
 +
  </li>
 +
  <li>
 +
    <p><b>Robust reaction</b>. The moving of the droplet across the PCB surface should not be a real problem for it to work.</p>
 +
  </li>
 +
    <li>
 +
    <p>The ability of cutting and pasting several parts by using the same enzymes makes the whole <b>assembly easier to perform</b>.</p>
 +
  </li>
 +
      <li>
 +
    <p><b>No scars</b> are left when assembling the different parts.</p>
 +
  </li>
 +
</ul>
 +
 
 +
<h4>The Golden Braid Assembly</h4>
 +
<p>In the GB assembly method the transcriptional units can be combined in <b>binary steps</b> to grow <b>multigene structures</b> (several TUs within the same destination plasmid). To do so, this system relies on the switching between two levels of plasmids, <b>α and Ω</b> , with different antibiotic resistance.
 +
 
 +
<p>This Technology can mainly be divided into three different complexity levels:</p>
 +
<h4>Level 0 Assembly</h4>
 +
<p>This is the easiest Golden Braid reaction. It implies the removal of internal restriction sites for the enzymes used in GB (<b>BsaI, BsmBI</b>) and the addition of appropriate 4-nt flanking overhangs to convert a single basic part (promoter, RBS, CDS or terminator) into a standard part inside a predesigned vector (<b>domestication to the GB grammar</b>). </p>
 +
<p>We are using this level 0 assembly in the lab, so that we domesticate every single part which Printeria will use to create its own transcriptional units. </p>
 +
<p>The goal is to end up with a series of plasmids that contain each of the different promoters, RBSs, CDSs and terminators.</p>
 +
<p>In our specific case, sticky ends of the parts are predesigned so that when cleaving our domestication vector pUD2 with BsmBI, they are pasted in a proper way.</p>
 +
<p>This <b>pUD2</b> plasmid has a<b> chloramphenicol resistance</b> and the <b>lacZ cassette</b> so that blue-white screening can be performed among the transformed E. coli cells.</p>
 +
<p>This can be thought as <b>Printeria’s PAST</b>.</p>
 +
<img src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--im5UPV2018.png" alt="">
 +
<h6>Figure 1: P10500 domestication vector. Yellow and black puzzle-like pieces represent the restriction sites for BsmbI. It has chloramphenicol resistance.</h6>
 +
<img src="https://static.igem.org/mediawiki/2018/f/fc/T--Valencia_UPV--im6UPV2018.png" alt="">
 +
<h6>Figure 2:  Designing of the different basic parts. The upper sequence corresponds with the strand that was ordered for synthesis. The lower sequence represents the complementary strand. BsmbI restriction sites are represented by the yellow and black cuts. The coloured sequences represent BsaI restriction sites when the part is inserted in our domestication vector. A 6-nucleotide scar was added to the RBS so that the ribosome could bind. </h6>
 +
<div class="fotoConPie">
 +
  <div class="row" style="margin: 0;">
 +
    <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
 +
      <img src="https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--im7UPV2018.png" 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="https://static.igem.org/mediawiki/2018/f/f5/T--Valencia_UPV--im8UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
    </div>
 +
    <div class="pieDeImagen">
 +
      <h6>
 +
        Figure 3: BsmbI digested part and vector.
 +
      </h6>
 +
    </div>
 +
  </div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/2/28/T--Valencia_UPV--im9UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 4: Domestication of a promoter inside the P10500 </h6>
 +
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--Valencia_UPV--im10UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 5: Basic domesticated part. Light yellow and grey sequences represent the BsmbI sticky ends which have been glued. As the new plasmid is assembled, BsaI restriction sites appear (blue and pink cuts). </h6>
 +
<img src="https://static.igem.org/mediawiki/2018/1/1e/T--Valencia_UPV--im11UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 6: All Golden Braid compatible domesticated parts. BsaI restriction sites appear. They are represented by the coloured puzzle-like pieces. </h6>
 +
<h4>Level 1 Assembly</h4>
 +
<p>This second level of complexity cannot be performed without having fulfilled the domestication of the parts. Once it is done, we can now create a <b>simple transcriptional unit</b>. This is what Printeria can assemble nowadays.</p>
 +
<p>As said before, each of these domesticated parts now has a BsaI recognition site and a cleaving site which, when cleaved, will match with the contiguous parts. In other words, promoters will stick with the left end of our destination vector, <b>pGreen alpha1 (kanr)</b>, using their left sticky end and with RBSs using their right end. At the same time CDSs will stick to these RBSs using their left sticky end, and to the terminators with their right end. Finally, the terminators will stick to the right end of our backbone destination vector so that, we will end up having a <b>plasmid with a single TU inside it</b>.</p>
 +
<p>This is <b>the PRESENT</b>.</p>
 +
<img src="https://static.igem.org/mediawiki/2018/d/d9/T--Valencia_UPV--im12UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 7: pGreen alpha 1 destination vector. The BsmbI restriction site will allow us to create a level 2 assembly.</h6>
 +
<div class="fotoConPie">
 +
  <div class="row" style="margin: 0;">
 +
    <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
 +
      <img src="https://static.igem.org/mediawiki/2018/0/0e/T--Valencia_UPV--im13UPV2018.png" 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="https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--im14UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
    </div>
 +
    <div class="pieDeImagen">
 +
      <h6>
 +
        Figure 8: BsaI digested destination and domesticated part to build a transcriptional unit.
 +
      </h6>
 +
    </div>
 +
  </div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/9/93/T--Valencia_UPV--im15UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 9: Transcriptional unit assembly</h6>
 +
<img src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--im16UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 10: TU insertion inside pGreen alpha1</h6>
 +
<img src="https://static.igem.org/mediawiki/2018/f/fd/T--Valencia_UPV--im17UPV2018.png" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
<h6>Figure 11: Light coloured sequences represent the BsaI sticky ends which have been glued. As the new plasmid is assembled, BsmbI restriction sites appear (blue and dark blue) for a level 2 assembly.</h6>
 +
<h4>Level 2 Assembly</h4>
 +
<p>This is the last level of complexity in which, by using a combination of <b>α and Ω vectors</b>, we can <b>cut and paste several transcriptional units inside the same plasmid </b> so that more <b>complex genetic circuits</b> can be created. </p>
 +
<p>Printeria aims to arrive to this level of complexity someday so that its possibilities and <b>combinations are infinite</b>.</p>
 +
<p>This will be <b>Printeria’s FUTURE</b>.</p>
 +
<h4>References</h4>
 +
<ol>
 +
  <li>
 +
    <p>Shetty RP, Endy D, Knight TF. Engineering BioBrick vectors from BioBrick parts. J Biol Eng. 2008;2: 5.</p>
 +
  </li>
 +
  <li>
 +
    <p>Andreou AI, Nakayama N (2018) Mobius Assembly: A versatile Golden-Gate framework towards universal DNA assembly. PLOS ONE 13(1): e0189892.
 +
</p>
 +
  </li>
 +
  <li>
 +
    <p>Sarrion-Perdigones A, Falconi EE, Zandalinas SI, Juárez P, Fernández-del-Carmen A, et al. (2011) GoldenBraid: An Iterative Cloning System for Standardized Assembly of Reusable Genetic Modules. PLOS ONE 6(7): e21622.
 +
</p>
 +
  </li>
 +
  <li>
 +
    <p>Sarrion-Perdigones A, Vazquez-Vilar M, Palaci J, Castelijns B, Forment J, Ziarsolo P, et al. Golden- Braid 2.0: A Comprehensive DNA Assembly Framework for Plant Synthetic Biology. Plant Physiol. 2013; 162: 1618–1631</p>
 +
  </li>
 +
</ol>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/6/69/T--Valencia_UPV--MerceríaPaquitaUPV2018.jpeg"
 +
    margin-top: 2.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 0.3em;
 +
">
 +
<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;
 +
">lolita</h6>
 +
</div>
 +
                            </div>
 +
 
 +
                            <h3 style="
 +
    color: #353535;
 +
    font-weight: 700;
 +
    font-size: 40px;
 +
    margin-bottom: 0.2em;
 +
">Alberto Conejero lerolerolero</h3><p style="
 +
    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.</p><p style="
 +
    line-height: 1.7;
 +
">
 +
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: <b>in Bowling Green (OH) and Kent (OH) (USA), Lecce (Italy), Prague (Czech Rep.) And Tübingen (Germany)</b>.</p> <p style="
 +
    line-height: 1.7;
 +
">
 +
 
 +
                            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>
 +
 
 +
                            </div>
 +
 
 +
                            <div>
 +
                                <ul style="
 +
    padding-top: 1.2em;
 +
    padding-bottom: 1em;
 +
">
 +
                                    <li>
 +
                                        <p><b>bellesa</b></p>
 +
                                    </li>
 +
                                    <li>
 +
                                        <p>en realidad no</p>
 +
                                    </li>
 +
                                    <li>
 +
                                        <p>pene</p>
 +
                                    </li>
 +
                                    <li>
 +
                                         <p><b>jopegar jopega</b></p>
 +
                                    </li>
 +
                                     <li>
 +
                                        <p><b>mpmor foreva</b></p>
 +
                                    </li>
 +
                                 </ul>
 +
                            </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;
 +
">
 +
                                    <img src="https://static.igem.org/mediawiki/2018/6/69/T--Valencia_UPV--MerceríaPaquitaUPV2018.jpeg" alt="" style="
 +
    margin-top: 1.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 0.3em;
 +
">
 +
    </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;
 +
">
 +
                                     <img src="https://static.igem.org/mediawiki/2018/3/3f/T--Valencia_UPV--im1UPV2018.jpeg" 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="https://static.igem.org/mediawiki/2018/2/28/T--Valencia_UPV--im2UPV2018.jpeg" alt="" style="
 +
    margin-top: 1.8em;
 +
    margin-bottom: 0.8em;
 +
    border-radius: 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;
 +
">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>
 +
</div>
 +
    </div>
 +
                            </div>
 +
   
 +
 
 
                         </div>
 
                         </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;
 
                                    ">
 
                                    <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 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;
 
                                    ">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>
 
                                </div>
 
 
                             </div>
 
                             </div>
 +
 +
 +
                           
 
                         </div>
 
                         </div>
 
                          
 
                          
 +
                       
 +
 +
 +
 +
 +
                    </section>
 +
 +
 +
 
                     </div>
 
                     </div>
 +
                    <!--end of row-->
 
                 </div>
 
                 </div>
                  
+
                 <!--end of container-->
             </div>
+
             </section>
           
+
 
 
              
 
              
        </section>
+
         
    </div>
+
<footer style="
    <!--end of row-->
+
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
 +
             
 +
 
 +
 
 +
<div id="logoPrinteria" class="item" style="
 +
position: relative;text-align: center;lign: center;height: 50vh;">
 +
 
 +
                  <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
 +
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 100%;padding-left: 10%;">
 +
 
 +
<p style="
 +
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
 +
                               
 +
 
 +
 
 +
 
 +
<li style="
 +
float: left;margin-left: 480px; left;">
 +
 
 +
                                    <a style="
 +
color: white;float: left;;">
 +
</a><div style="
 +
float: left;"><div style="
 +
color: white;float: left;display: block;">
 +
                                        <i><img style="
 +
height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
 +
</i>
 +
 
 +
                                    <p style="
 +
margin-left: 60px;margin-top: 11px;;
 +
;">igem.upv.2018@gmail.com</p></div>
 
</div>
 
</div>
<!--end of container-->
+
                               
</section>
+
</li>
  
  
<footer style="
+
 
    background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
+
 
    <div id="logoPrinteria" class="item" style="
+
 
        position: relative;text-align: center;lign: center;height: 50vh;">
+
                               
        <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
+
 
            position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 100%;padding-left: 10%;">
+
 
            <p style="
+
 
            color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
+
                            </ul>
           
+
 
            <li style="
+
 
                float: left;margin-left: 480px; left;">
+
 
                <a style="
+
 
                    color: white;float: left;;">
+
 
                </a><div style="
+
 
                float: left;"><div style="
+
</div>
                    color: white;float: left;display: block;">
+
 
                    <i><img style="
+
 
                    height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
+
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
                    </i>
+
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
                    <p style="
+
 
                        margin-left: 60px;margin-top: 11px;;
+
<p style="
                    ;">igem.upv.2018@gmail.com</p></div>
+
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">  
                </div>
+
                               
               
+
<li style="
            </li>
+
float: left; margin-right: 40px;">
           
+
 
        </ul>
+
                                    <a href="https://twitter.com/upvigem?lang=es" style="
    </div>
+
color: white;;">
    <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
+
                                        <i>
        position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
+
 
        <p style="
+
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
        color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
+
height: 40px; ;" ;"=""></i>
       
+
 
        <li style="
+
                                    </a>
            float: left; margin-right: 40px;">
+
                               
            <a href="https://twitter.com/upvigem?lang=es" style="
+
</li><li style="
                color: white;;">
+
float: left; margin-right: 40px;">
                <i>
+
 
                <img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
+
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
                height: 40px; ;" ;"=""></i>
+
                                        <i>
            </a>
+
<img style="
           
+
height: 40px;
        </li><li style="
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">  
        float: left; margin-right: 40px;">
+
</i>
        <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
                                    </a>
            <i>
+
                                </li><li style="
            <img style="
+
float: left;margin-right: 40px;">
            height: 40px;
+
 
            ;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
+
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
            </i>
+
                                        <i>
        </a>
+
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
    </li><li style="
+
height: 40px;
    float: left;margin-right: 40px;">
+
;">
    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
</i>
        <i>
+
                                    </a>
        <img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
+
                               
        height: 40px;
+
        ;">
+
        </i>
+
    </a>
+
 
</li><li style="
 
</li><li style="
 
float: left;margin-right: 40px; left;">
 
float: left;margin-right: 40px; left;">
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
 
    <i>
+
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
                                        <i>
    height: 40px;
+
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
    ;">
+
height: 40px;
    </i>
+
;">
</a>
+
</i>
</li>
+
                                    </a>
</ul>
+
                                </li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                               
 +
 
 +
 
 +
 
 +
                            </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
 
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
 
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 +
 
<p style="
 
<p style="
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
+
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>  
 +
                               
 
<li style="
 
<li style="
 
float: left; /* margin-right: 40px; */">
 
float: left; /* margin-right: 40px; */">
<a href="https://twitter.com/upvigem?lang=es" style="
+
 
 +
                                    <a href="https://twitter.com/upvigem?lang=es" style="
 
color: white;;">
 
color: white;;">
<i>
+
                                        <i>
 +
 
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
height: 40px; ;" ;"=""></i>
 
height: 40px; ;" ;"=""></i>
</a>
+
 
 +
                                    </a>
 +
                               
 
</li><li style="
 
</li><li style="
 
float: left; /* margin-right: 40px; */">
 
float: left; /* margin-right: 40px; */">
<a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
 
<i>
+
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 +
                                        <i>
 
<img style="
 
<img style="
 
height: 40px;
 
height: 40px;
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">  
 
</i>
 
</i>
</a>
+
                                    </a>
</li><li style="
+
                                </li><li style="
 
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
 
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
<a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
 
<i>
+
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 +
                                        <i>
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
</a>
+
                                    </a>
 +
                               
 
</li><li style="
 
</li><li style="
 
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
 
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
 
<i>
+
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 +
                                        <i>
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
</a>
+
                                    </a>
</li>
+
                                </li>
</ul>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                               
 +
 
 +
 
 +
 
 +
                            </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
 +
 
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
 
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
 
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
 
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
</div>
+
 
</footer>
+
              </div>
</div>
+
            </footer>
<!--<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>
+
        </div>
</a>
+
        <!--<div class="loader"></div>-->
</body>
+
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
+
            <i class="stack-interface stack-up-open-big"></i>
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
+
        </a>
<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>
+
    </body>
<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/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>

Latest revision as of 16:05, 11 October 2018

Stack Multipurpose HTML Template

Biological Design: The Golden Braid Assembly

We are continuously talking about a machine which can create its own genetic circuits, by using pre-designed parts, and ‘print’ them inside different living cell chassis. But how is Printeria going to perform all these complex reactions?

One of the first attempts to standardize a restriction enzyme-based DNA assembly method was BioBricks (1). However, its pairwise nature can make the construction of multipart systems, such as transcriptional units, time-consuming.

Printeria is using a state-of-the-art technology based on the Golden Gate Assembly, the Golden Braid Assembly Method. This technology uses type IIs restriction enzymes in order to cut all the parts and build these genetic circuits.

The Golden Gate assembly is based on type IIs enzymes. But what does this really mean?

Type IIs restriction enzymes are a group of endonucleases that recognize asymmetric double stranded DNA sequences and cleave outside of their recognition sequence. Thus, digestion leaves short single stranded overhangs with non-specific sequences.

This allows us to design the cleaving region so that we are creating a sticky end that will be pasted with the following part, and so on. This is the way in which directionality is maintained and parts are pasted in the desired order.

But why is this assembly technique so crucial for our machine to work?

  • Carefully positioning the recognition and cleavage sites, in opposite directions, for the entry and destination vectors leads into a final plasmid - once the DNA construction has been ligated -where there is no recognition site. So, once the insert has been ligated, it cannot be cut again. This allows simultaneous digestion and ligation in a one-pot reaction so that the whole assembly is taking place in a single step. This fact makes the Golden Braid Technology perfect for our machine to work, as the whole reaction should take place in a single droplet.

  • High efficiency. By means of modifying the different parameters we can end up with an almost 100% efficiency.

  • Robust reaction. The moving of the droplet across the PCB surface should not be a real problem for it to work.

  • The ability of cutting and pasting several parts by using the same enzymes makes the whole assembly easier to perform.

  • No scars are left when assembling the different parts.

The Golden Braid Assembly

In the GB assembly method the transcriptional units can be combined in binary steps to grow multigene structures (several TUs within the same destination plasmid). To do so, this system relies on the switching between two levels of plasmids, α and Ω , with different antibiotic resistance.

This Technology can mainly be divided into three different complexity levels:

Level 0 Assembly

This is the easiest Golden Braid reaction. It implies the removal of internal restriction sites for the enzymes used in GB (BsaI, BsmBI) and the addition of appropriate 4-nt flanking overhangs to convert a single basic part (promoter, RBS, CDS or terminator) into a standard part inside a predesigned vector (domestication to the GB grammar).

We are using this level 0 assembly in the lab, so that we domesticate every single part which Printeria will use to create its own transcriptional units.

The goal is to end up with a series of plasmids that contain each of the different promoters, RBSs, CDSs and terminators.

In our specific case, sticky ends of the parts are predesigned so that when cleaving our domestication vector pUD2 with BsmBI, they are pasted in a proper way.

This pUD2 plasmid has a chloramphenicol resistance and the lacZ cassette so that blue-white screening can be performed among the transformed E. coli cells.

This can be thought as Printeria’s PAST.

Figure 1: P10500 domestication vector. Yellow and black puzzle-like pieces represent the restriction sites for BsmbI. It has chloramphenicol resistance.
Figure 2: Designing of the different basic parts. The upper sequence corresponds with the strand that was ordered for synthesis. The lower sequence represents the complementary strand. BsmbI restriction sites are represented by the yellow and black cuts. The coloured sequences represent BsaI restriction sites when the part is inserted in our domestication vector. A 6-nucleotide scar was added to the RBS so that the ribosome could bind.
Figure 3: BsmbI digested part and vector.
Figure 4: Domestication of a promoter inside the P10500
Figure 5: Basic domesticated part. Light yellow and grey sequences represent the BsmbI sticky ends which have been glued. As the new plasmid is assembled, BsaI restriction sites appear (blue and pink cuts).
Figure 6: All Golden Braid compatible domesticated parts. BsaI restriction sites appear. They are represented by the coloured puzzle-like pieces.

Level 1 Assembly

This second level of complexity cannot be performed without having fulfilled the domestication of the parts. Once it is done, we can now create a simple transcriptional unit. This is what Printeria can assemble nowadays.

As said before, each of these domesticated parts now has a BsaI recognition site and a cleaving site which, when cleaved, will match with the contiguous parts. In other words, promoters will stick with the left end of our destination vector, pGreen alpha1 (kanr), using their left sticky end and with RBSs using their right end. At the same time CDSs will stick to these RBSs using their left sticky end, and to the terminators with their right end. Finally, the terminators will stick to the right end of our backbone destination vector so that, we will end up having a plasmid with a single TU inside it.

This is the PRESENT.

Figure 7: pGreen alpha 1 destination vector. The BsmbI restriction site will allow us to create a level 2 assembly.
Figure 8: BsaI digested destination and domesticated part to build a transcriptional unit.
Figure 9: Transcriptional unit assembly
Figure 10: TU insertion inside pGreen alpha1
Figure 11: Light coloured sequences represent the BsaI sticky ends which have been glued. As the new plasmid is assembled, BsmbI restriction sites appear (blue and dark blue) for a level 2 assembly.

Level 2 Assembly

This is the last level of complexity in which, by using a combination of α and Ω vectors, we can cut and paste several transcriptional units inside the same plasmid so that more complex genetic circuits can be created.

Printeria aims to arrive to this level of complexity someday so that its possibilities and combinations are infinite.

This will be Printeria’s FUTURE.

References

  1. Shetty RP, Endy D, Knight TF. Engineering BioBrick vectors from BioBrick parts. J Biol Eng. 2008;2: 5.

  2. Andreou AI, Nakayama N (2018) Mobius Assembly: A versatile Golden-Gate framework towards universal DNA assembly. PLOS ONE 13(1): e0189892.

  3. Sarrion-Perdigones A, Falconi EE, Zandalinas SI, Juárez P, Fernández-del-Carmen A, et al. (2011) GoldenBraid: An Iterative Cloning System for Standardized Assembly of Reusable Genetic Modules. PLOS ONE 6(7): e21622.

  4. Sarrion-Perdigones A, Vazquez-Vilar M, Palaci J, Castelijns B, Forment J, Ziarsolo P, et al. Golden- Braid 2.0: A Comprehensive DNA Assembly Framework for Plant Synthetic Biology. Plant Physiol. 2013; 162: 1618–1631

lolita

Alberto Conejero lerolerolero

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).

  • bellesa

  • en realidad no

  • pene

  • jopegar jopega

  • mpmor foreva

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.