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

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Valencia_UPV/bootstrap.css}}
 
{{Valencia_UPV/bootstrap.css}}
−
<!--{{Valencia_UPV/bootstrapMin.css}}-->
 
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/flickity.css}}
Line 17: Line 16:
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
−
</style>
 
  
−
    <head>
 
−
        <meta charset="utf-8">
 
−
        <title>Stack Multipurpose HTML Template</title>
 
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
        <meta name="description" content="Site Description Here">
 
−
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 
−
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
−
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 
−
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
  
 +
</style>
  
 +
<head>
 +
  <meta charset="utf-8">
 +
  <title>Stack Multipurpose HTML Template</title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta name="description" content="Site Description Here">
 +
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 
 +
</head>
  
  
−
       
 
−
    </head>
 
−
  <body class="" style="background-color:#353535;">
 
−
        <a class="anchorOffset" id="start"></a>
 
  
 +
<!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA
  
−
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
He puesto justo debajo los atributos height y width a 200 píxeles
 +
por defecto pero se puede modificar. Con esos valores, cualquier foto
 +
que pongas se va a ver con un tamaño de 200x200.
  
 +
-->
 +
                                     
 +
<div style="
 +
    position: absolute;
 +
    padding-right: 1em;
 +
    padding-bottom: 1em;
 +
    padding-left: 1em;
 +
    z-index: 99;
 +
    width: 100%;
 +
    text-align: right;
 +
">
  
−
     
 
  
 +
<img style="
 +
    margin: 0 !important;
 +
    width: 200px;
 +
    height: 200px;
 +
" src="https://static.igem.org/mediawiki/2018/b/bc/T--Valencia_UPV--TROFEOGIF.jpeg">
  
  
−
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
+
</div>
  
 +
<!---->
  
−
<div class="main-container">
 
−
   
 
−
            <section style="
 
−
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
−
<div class="main-container" style="
 
−
height: 100%;">
 
−
<center style="
 
−
height: 100%;">
 
−
<div class="col-md-10" style="
 
−
  height: 100%;margin-top: 4em;">
 
−
  <div id="logoPrinteria" class="item" style="
 
−
    background-image: url(https://static.igem.org/mediawiki/2018/thumb/e/eb/T--Valencia_UPV--SafetyFondoUPV2018.jpeg/1200px-T--Valencia_UPV--SafetyFondoUPV2018.jpeg);
 
−
    height: 100%;
 
−
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://static.igem.org/mediawiki/2018/thumb/d/d9/T--Valencia_UPV--SafetyTextoUPV2018.jpeg/1200px-T--Valencia_UPV--SafetyTextoUPV2018.jpeg.png" style=" margin-top: 0px;">
 
−
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
−
        <i class="stack-interface stack-down-open-big"></i>
 
−
      </a>
 
−
    </div>
 
−
   
 
−
 
 
−
</div>
 
  
−
</center>
 
  
−
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
+
<div class="t-cover" style="
−
<div class="all-page-modals"></div>
+
height: 100vh; margin-top: -20px;background-color: #DCDEDC;">
−
</section>
+
  
−
          </div>
 
  
−
<!-- FIN MAIN CONTAINER -->
 
  
−
<a class="anchorOffset" id="story"></a>
 
−
<section 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;
 
−
        padding-right: 0px;
 
−
        padding-left: 0.2em;">
 
−
        <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 
−
            <h4 style="
 
−
              padding-left: 1em;
 
−
              ">Index</h4>
 
−
            <ul class="lateral">
 
−
              <li class="lateral">
 
−
                  <div class="tab__title" style="
 
−
                    line-height: 1.3em;
 
−
                    ">
 
−
                    <a href="#imperial" class="lateral inner-link" style="
 
−
                        color: #353535;
 
−
                        opacity: 1;
 
−
                        ">Lab safety</a>
 
−
                  </div>
 
−
              </li>
 
−
              <li class="lateral">
 
−
                  <div class="tab__title" style="
 
−
                    line-height: 1.3em;
 
−
                    ">
 
−
                    <a href="#complutense" class="lateral inner-link" style="
 
−
                        color: #353535;
 
−
                        opacity: 1;
 
−
                        ">Safety design in Printeria</a>
 
−
                  </div>
 
−
              </li>
 
−
            </ul>
 
−
            <ul class="tabs-content">
 
−
            </ul>
 
−
        </div>
 
−
      </div>
 
−
<div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
 
−
        <div>
 
−
            <h3>Introduction</h3>
 
−
       
 
−
            <p>As Theodor Reik (Sigmund Freud disciple) said: “In science, like in all life fields, a slogan is imposed: security first”. Nowadays, safety is an essential requirement when creating new devices which humans will use, and Printeria is not different.</p>
 
  
−
            <p>This document describes the safety of our project so, a clever step before begining is to know what is it. Safety describes  the containment principles, technologies and practices that are implemented to prevent the unintentional exposure to pathogens and toxines, or their accidental release [1]. Furthermore, safety is how you have protected yoursef and other in order to avoid any harms which could occur.</p>
 
  
−
            <p>Printeria is designed to be a secure device, because is going to be used by bioartists, schools and researchers which are our identified potential users according to <a href="https://static.igem.org/mediawiki/2018/3/32/T--Valencia_UPV--Potential_Users_MITUPV2018.pdf" target="blank">MIT segmentation table</a> and we don’t want it to be a variable which create concern in those users. This approach toguether with our lab tools and posibilities,  have  influenced the experiments we did and the way we build Printeria. Next paragraphs describe our lab safety and how and why we implemented biosafety and biosecurity requirements in Printeria.</p>
+
<div id="media-box">
  
−
        </div>
 
  
−
        <div>
+
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
−
            <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
+
                                        <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
−
            <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
+
                                      </video>
−
         
+
                                    <center style="
−
            <div class="row" style="
+
height: 100%;
−
    justify-content: center;
+
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
−
">
+
<a class="btn down inner-link active" href="#story" style="
−
              <div class="col-md-4" style="/* text-align: center; */">
+
;;
−
                  <a class="inner-link" href="#imperial"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/01/T--Valencia_UPV--Lab_SafetyUPV2018.png"></a>
+
font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
−
                  <p style="text-align: center !important;font-size: 1em !important;font-weight: bold;">Lab safety</p>
+
            <i class="stack-interface stack-down-open-big"></i>
−
              </div>
+
        </a>
−
              <div class="col-md-4" style="text-align: center;">
+
</center></div>
−
                  <a class="inner-link" href="#complutense"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--Safety_DesignUPV2018.png"></a>
+
</div>
−
                  <p style="text-align: center !important;font-size: 1em !important;font-weight: bold;">Safety design in Printeria</p>
+
<div class="main-container" style=""><row>
−
              </div>
+
−
            </div>
+
−
            <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
+
−
            <!------------------------------------------------------------------------HARVARD------------------------------------------------------------------->
+
−
        </div>
+
−
        <!--ENLACE DE DESTINO: HARVARD -->
+
  
  
 +
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
  
−
        <!-----------------------------------------------------------------------ECUADOR-------------------------------------------------------------------------->
 
−
        <!--ENLACE DE DESTINO: ECUADOR -->
 
−
                  <!-----------------------------------------------------------------------MARBURG-------------------------------------------------------------------------->
 
−
        <!--ENLACE DE DESTINO: ECUADOR -->
 
−
       
 
−
        <!--------------------------------------------------------------------IMPERIAL COLLEGE-------------------------------------------------------------------------->
 
−
        <!--ENLACE DE DESTINO: ECUADOR -->
 
−
        <a class="anchorOffset" id="imperial"></a>
 
−
        <!--FIN ENLACE DE DESTINO -->
 
−
        <div style="
 
−
            margin-top: 50px;">
 
−
            <div class="row">
 
−
              <div class="col-md-3">
 
−
                  <img src="https://static.igem.org/mediawiki/2018/0/01/T--Valencia_UPV--Lab_SafetyUPV2018.png" style="
 
−
                    padding-top: 15px;
 
−
                    margin-top: 0px;">
 
−
                  <p></p>
 
−
              </div>
 
−
              <div class="col-md-9">
 
−
                  <h3>Lab Safety</h3>
 
−
                  <h4>Our laboratory</h4>
 
−
                  <p>We have planned this project consequently with the tools we have. Our lab follows the current spanish legislation about risk 1 (Ley 31/1995, RD 664/1997) and as it is written, our lab is provided with an autoclave and an laminar flow cabinet with UV sterilization. Waste generated are minutely controlled by CGROM (waste management center of the Polytechnic University of Valencia). They provide every lab with special containers and  instructions for the correct classification of waste which can be seen in the next photos:</p>
 
  
−
                    <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/a/ae/T--Valencia_UPV--Safety_MarcRogerUPV2018.jpeg" alt="" style="
 
−
margin-top: 0;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/4/43/T--Valencia_UPV--Waste_ManagementUPV2018.jpeg" alt="" style="
 
−
margin-top: 0;margin-bottom: 0.8em;border-radius: 0.3em;">
 
−
    </div>
 
−
    <div class="pieDeImagen" style="padding-left: 10em;padding-right: 0em;">
 
−
      <h6>
 
−
        On the left, Roger explaining Marc how to deal with chemical containers, on the right, the containers which CGROM manage.
 
−
      </h6>
 
−
    </div>
 
−
  </div>
 
  
−
                  <p>As an additional safety measure we use SYBR Safe instead of Ethidium bromide. Its use is identical in all the protocols but without carcinogenic risks.</p>
 
−
                 
 
−
                 
 
−
                  <h4>Access to the laboratory</h4>
 
−
                  <p>As we are a multidisciplinary team formed by biotechnologists, engineers and artists, not everybody knows how to behaviour in a lab. Thats why we did several seminars directed by Alejandro Vignoni and Yadira Boada to teach the basics of their laboratory. However, as a security measure, they decided that not everybody would be allowed to work in the lab alone, only biotechlogists and biomedical engineers could be there without surveillance due to their experience and knowledge adquiered during their degree.</p>
 
  
−
                  <p>Over the course these seminars we were informed about the evacuation protocols, waste management and our rights and liabilities as UPV staff. These information can be seen in the information sheets they gave us and that you can download through these buttons:</p>
+
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 +
<div class="col-md-12" style="
 +
z-index: 99;
 +
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
  
−
                  <div style="
+
<section class="imageblock " style="
−
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
+
padding-bottom: 0px !important;
−
                    border: none;
+
height: 722px;
−
                    ;
+
padding-bottom: 24px;
−
                    background: #3b83c9;
+
;background-color: #DCDEDC;
−
                    padding-right: 2.78571429em;" target="blank">
+
"><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row>
−
                    <span class="btn__text">EVACUATION</span>
+
               
−
                    </a>
+
               
−
                    <a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
+
<div class=" col-lg-6 col-md-6" style="
−
                    border: none;
+
float: left !important;
−
                    ;
+
padding-right: 0px;
−
                    background: #3b83c9;
+
padding-left: 0px;
−
                    padding-right: 2.78571429em;" target="blank">
+
position:  relative;
−
                    <span class="btn__text">WASTE MANAGEMENT</span>
+
float: left;">
−
                  </a></div><div style="
+
                    <div class="row" style="
−
margin-top: 1em;
+
padding: 5em;
−
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
+
;
−
                    border: none;
+
display: block;
−
                    ;
+
position: absolute;
−
                    background: #3b83c9;
+
height: 100%;
−
                    padding-right: 2.78571429em;" target="blank">
+
/*! background-color: #DCDEDC; */
−
                    <span class="btn__text">RIGHTS &amp; LIABILITIES</span>
+
">
−
                    </a>
+
                        <div class="col-lg-12 col-md-12 mt--12" style="
 +
padding-right: 3em;
 +
display: block;">
 +
                           
 +
                     
 +
                            <div class="modal-instance block">
 +
                               
 +
                               
 +
                               
 +
                                <!--end of modal-container-->
 +
                            </div>
 +
                            <!--end of modal instance-->
 +
                        </div>
 
                     </div>
 
                     </div>
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
 +
</div>
 +
<div class=" col-lg-6 col-md-6 pos-left" style="
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position: relative;
 +
height: 100%;
 +
background-color: #DCDEDC;
 +
float: right;">
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
 +
<img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs">
  
 +
                   
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container--></row>
 +
            </section>
 +
<section class="" style="
 +
padding-top: -1px;
 +
padding-bottom: 0px !important;
 +
height: 722px;
 +
padding-bottom: 24px;
 +
;"><div style="
 +
float: left;">
 +
               
 +
               
 +
<div class=" col-lg-6 col-md-6" style="
 +
top: -7.5em;float: left !important;
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position:  relative;
 +
float: left;">
 +
                    <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
 +
float: left;
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 +
</div>
 +
<div class=" col-lg-6 col-md-6" style="
 +
top: -7.5em;float: right !important;
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position:  relative;
 +
float: left;">
 +
                    <div style="
 +
width: 100%;
 +
height: 16%;"><h1 style="
 +
padding-top: 1.8em !important; padding-left: 2em !important; margin: 0em !important; height: 87% !important; margin-bottom: 11em !important;margin-left: 6em; margin-top: 5em; padding-right: 5em !important; /* font-size: 18px !important; */; width: 102%; overflow-x: hidden !important; padding: 0; height: 100%; overflow: scroll; letter-spacing: 0px; line-height: 27px !important; color: white; position: absolute; left: 0em; z-index: 20;">Abstract</h1><p style="
 +
padding-top: 9.5em !important;
 +
padding-left: 6em !important;
 +
margin: 0em !important;
 +
height: 87% !important;
 +
margin-bottom: 11em !important;margin-left: 6em;
 +
margin-top: 5em;
 +
padding-right: 5em !important;
 +
font-size: 18px !important;
 +
width: 102%;
 +
overflow-x: hidden !important;
 +
padding: 0;
 +
height: 100%;
 +
overflow: scroll;
 +
letter-spacing: 0px;
 +
line-height: 27px !important;
  
−
                  <h4>Strains</h4>
+
color: white;
−
                  <p>Printeria uses E.coli and V.natriegens as chassis. Both are classified as risk 1 so the harm which can cause to people is minimal. E.coli are from strains DB3.1, 10G and TOP10, for V.natriegens we use the strain  ATCC 1404 from CECT (Colección Española de Cultivos Tipo). To do constructions we use  biobricks and parts supplied by IDT prepared with the Golden Gate grammar.</p>
+
    position: absolute;
 +
    left: 0em;
 +
    z-index: 20;">
 +
                              Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment.  <font size="+1"><b>Printeria</b></font> is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy.
 +
Printeria opens the door to a world of applications affordable for the general public.
 +
                            </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 +
</div>
  
 +
                <!--end of container--></div>
 +
            </section></div>
  
−
              </div>
 
−
            </div>
 
−
        </div>
 
  
−
<!--------------------------------------------------------------------Complutense de Madrid-------------------------------------------------------------------------->
+
<!--------------------------------------------TEXTO------------------------------------------------>
−
<!--ENLACE DE DESTINO: HARVARD -->
+
−
        <a class="anchorOffset" id="complutense"></a>
+
−
        <!--FIN ENLACE DE DESTINO -->
+
−
        <div style="
+
−
            margin-top: 50px;" class="hashlink">
+
−
            <div class="row">
+
−
              <div class="col-md-3">
+
−
                  <img src="https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--Safety_DesignUPV2018.png" style="
+
−
                    padding-top: 15px;
+
−
                    margin-top: 0px;">
+
−
                  <p></p>
+
−
              </div>
+
−
              <div class="col-md-9">
+
−
                  <h3>Safety design in Printeria</h3>
+
−
                  <p>Paris-Bettencourt 2012 team was right when they said in their page "How safe is safe enough?": “Biosafety is an exciting design challenge, an essential enabling technology for synthetic biology, and a fundamental ethical obligation of all bioengineers”.</p>
+
  
−
                  <p>This sentence describes perfectly what we did with printeria.  Printeria was designed to ensure safety for all audiences. In the next table you can see different safety problems we saw and how we solved them.</p>
 
  
−
                    <!----Empìezo listado con una separación---->
 
  
−
                    <table style="width:100%">
+
   
−
                              <tbody><tr>
+
<div class="container hashlink" tabindex="-1" style="outline: none;position: relative;">
−
                                <th><p><b>Safety Problem</b></p></th>
+
−
                                <th><p style="text-align: center"> Implemented solution</p></th>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Sterilization of the PCB</b></p></td>
+
−
                                <td><p>How do we clean the PCB (Printed Circuit Board) without damaging metalic and plastic components? Well, we decided to copy what flow cabins do. Based on this, we decided to use UV led lights to achieve this objective. Furthermore we have programmed an especial reaction that use little droplets with HCl and ethanol to clean and ensure we have perfectly sterilized the PCB.</p></td>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Sterilization of the microfluidic tubes</b></p></td>
+
−
                                <td><p>The reaction fluid is going to pass through microfluidic tubes and it will contaminate them. To reverse this situation we will use the same special program wich usses droplets with ethanol and HCl.</p></td>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Protection of the user</b></p></td>
+
−
                                <td><p>We want the user to see what is happening inside Printeria but also we want them to be protected if something wrong happens inside. Thats why we thought that a metacrilate box that covered the machine would be a nice option. Besides, it is useful to pin up the elements whicht will be part of Printeria.</p></td>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Overheating of the PCB</b></p></td>
+
−
                                <td><p>As the PCB has a cold and a hot zone, it is necessary to evacuate the heat generated. The hot zone can achieve more than 80º degrees and can be a potencial danger. A resistance is responsible of heating, and a peltier plate is responsible of chilling. Peltier effect is based in a semiconductor metal where you apply a potential difference. Then, you create a hot part and a cold one in that semiconductor. We use the cold part to extract the energy and stabilize the temperature via conduction of the PCB's hot zone.</p></td>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Ventilation</b></p></td>
+
−
                                <td><p>The peltier plate is responsible of chilling the PCB but how do we evacuate all the energy generated? Well, the answer is simple, Printeria just needed ventilation holes and watercooling to do it. Watercooling is based in the higher termic capacity of fluids (water in this case) to absorb energy. Water is pumped through microfluidic tubes to reach the peltier and chill it.</p></td>
+
−
                              </tr>
+
−
                              <tr>
+
−
                                <td><p><b>Electroporator</b></p></td>
+
−
                                <td><p>This device is capable to reach hig voltages, so if you require one of these in your design first of all, ensure no one can harm himself/herself. This is the reason why we designed our own electroporator in a dedicated and compacted printed circuit to isolate it from any exposure. It can reach until 1600V, which is not a joke.
+
−
                              </p></td></tr><tr>
+
−
                                <td><p><b>Tips</b></p></td>
+
−
                                <td><p>Tips which go in the revolver wheel are disposable to ensure the purity of each reaction.</p></td>
+
−
                              </tr>
+
−
                             
+
−
                            </tbody></table>
+
−
                        <p></p>
+
  
  
−
               
 
  
−
 
+
                                   
−
 
+
                                   
−
 
+
<div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1">
−
 
+
−
 
+
−
 
+
−
               
+
−
 
+
−
                <p></p>
+
−
 
+
−
               
+
−
              </div>
+
−
            </div>
+
−
        <div style="
+
−
            margin-top: 50px;
+
−
            ">
+
−
            <div class="row">
+
−
              <div class="col-md-3">
+
−
                  <img src="https://static.igem.org/mediawiki/2018/0/01/T--Valencia_UPV--Lab_SafetyUPV2018.png" style="
+
−
                    padding-top: 15px;
+
−
                    margin-top: 0px;">
+
−
                  <p></p>
+
−
              </div>
+
−
              <div class="col-md-9">
+
−
                  <h3>Ethics in Printeria</h3>
+
−
<p>A science without ethics is cruel, and an ethics without science is empty. Ethics become really important when a project is being thought. For this reason we wanted to pass the UPV (Universitat Politècnica de València) ethics committee. Here you can download the document we send them to approve and the positive veredict of the committee. </p>
+
  
 
<div style="
 
<div style="
−
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1ye2sk1L16Xg0rkij3swT4-sNU2ipFk1X" style="
+
margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
−
                    border: none;
+
margin-bottom: 0px !important;
−
                    ;
+
margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
−
                    background: #3b83c9;
+
position: relative;
−
                    padding-right: 2.78571429em;" target="blank">
+
z-index: 50;
−
                    <span class="btn__text">COMMITTEE VEREDICT</span>
+
float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style="
−
                    </a>
+
float: left;
−
                  </div>
+
margin-top: 0;
−
                 
+
  /* width: 56%; */">
 +
<div class="blue" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div>
 +
</div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style="
 +
position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="yellow" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
  
 +
</a></div>
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
 +
position: relative; z-index: 50; float: left; width: 52%;;
 +
width: 48%;
 +
float: right;"></a>
  
−
              </div>
+
<a style="
−
            </div>
+
margin-top: 0em;
−
        </div></div>
+
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
 +
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
 +
margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style="
 +
position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="red" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
  
−
      </div>
+
</a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
  </div>
+
position: relative; z-index: 50; float: left; width: 100%;;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="yellow" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
  
−
</div>
+
</a></div>
  
 +
</div><div class="col-md-12 row" style="
 +
padding-left: 2em;
 +
padding-right: 0em !important;margin-bottom: 5em;">
 +
                   
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
  
 +
</div></div>
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
  
−
<div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
+
</div></div>
−
        <div>
+
<div class="col-md-3"><div style="
−
            <h3>Bibliography</h3>
+
;
−
       
+
float: left;
−
            <p itemscope="" itemtype="http://schema.org/Book">
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style="
−
    <cite itemprop="name"> <b>1.</b> Dual use: A report by iGEM team Bielefeld-CeBiTec 2015</cite>. [Germany]. <span itemprop="publisher">Universität Bielefeld</span>, <time itemprop="datePublished">2015</time>. <span itemprop="numberOfPages">30 pages.</span>
+
background-position: center center;
−
</p>
+
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style="
 +
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
  
−
        </div>
+
</div></div><div class="col-md-3"><div style="
−
</div></section>
+
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style="
 +
padding-bottom: 22px;
 +
padding-top: 24px;
 +
padding-right: 12px;
 +
padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p>
  
 +
</a>
  
 +
</div></div>
 +
                   
  
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 +
</body>
  
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
<script>
  
 +
(function ($) {
 +
  $(document).ready(function(){
 +
   
 +
// hide .nav-container first
 +
$(".nav-container").hide();
 +
 +
// fade in .nav-container
 +
$(function () {
 +
$(window).scroll(function () {
 +
            // set distance user needs to scroll before we fadeIn navbar
 +
if ($(this).scrollTop() > 100) {
 +
$('.nav-container').fadeIn();
 +
} else {
 +
$('.nav-container').fadeOut();
 +
}
 +
});
  
 +
 +
});
  
−
        <!--<div class="loader"></div>-->
+
});
−
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
+
  }(jQuery));
−
            <i class="stack-interface stack-up-open-big"></i>
+
−
        </a>
+
  
−
    </body>
+
</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/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
 
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 
−
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 
−
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 
−
       
 
  
  
  
 
</html>
 
</html>
−
 
 
{{Valencia_UPV/footer}}
 
{{Valencia_UPV/footer}}

Latest revision as of 16:23, 6 December 2018

Stack Multipurpose HTML Template

image
image
image

Abstract

Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy. Printeria opens the door to a world of applications affordable for the general public.

image

CONTACT US igem.upv.2018@gmail.com