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

Line 35: Line 35:
 
     </head>
 
     </head>
 
   <body class="" style="background-color:#353535;">
 
   <body class="" style="background-color:#353535;">
         <a id="start"></a>
+
         <a class="anchorOffset" id="start"></a>
  
  
Line 50: Line 50:
 
<div class="main-container">
 
<div class="main-container">
 
      
 
      
             <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
             <section style="
              <div class="main-container" 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%;">
 
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/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png);
+
    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%;
+
    height: 100%;
width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
+
    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 style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
 
<a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
+
            <i class="stack-interface stack-down-open-big"></i>
+
        </a>
+
 
</div>
 
</div>
   
 
</div>
 
</div>
 
               
 
              </center>
 
             
 
</div>
 
<div class="all-page-modals"></div>
 
              <div class="all-page-modals"></div>
 
              </section></div>
 
  
 +
</center>
  
<section id="" class="text-center " style="padding-top: 55px; outline: none;" data-scroll-id="story" tabindex="-1">
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
                               
+
<div class="all-page-modals"></div>
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
</section>
<div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
<h3 style="
+
float: left;">Students</h3>
+
</div>
+
<div><div id="modalAlberto" class="modalDialog" style="
+
;">
+
                            <div class="modal-content" style="
+
margin-top: 8% !important;
+
width: 400px !important;
+
padding: 0px !important;
+
width: 68% !important;
+
;">
+
                                       
+
<section class="imageblock feature-large bg--white border--round " style="
+
width: 100%;">
+
<a href="#close" title="Close" class="close" style="
+
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<div style="
+
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
</div>
+
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
          </div>
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
margin: 0px;height: 100%;; /* width: 1170px; */">
+
                                               
+
                                            </div>
+
                                            <div class="container" style="
+
padding-bottom: 59px;
+
padding-top: 0em;width: 55em;">
+
                                                <div class="row justify-content-end">
+
                                                    <div class="col-lg-6 col-md-6" style="
+
padding-left: 0;">
+
                                                        <div class="row">
+
  
                                                            <div class="col-md-10 col-lg-10" style="
+
<!-- FIN MAIN CONTAINER -->
padding-right: 0px;
+
margin-left: 36px;
+
margin-right: 0px;">
+
                                                                <div class="text-block" style="
+
margin-bottom: 0px;">
+
                                                                    <h3 style="
+
padding-top: 30px;;
+
line-height: 38px;
+
font-weight: 700;
+
;
+
text-align: left;;">ALBERTO CORONADO</h3>
+
  
                                                                    <div style="
+
<a class="anchorOffset" id="story"></a>
padding-top: 20px;;
+
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
text-align: left;
+
  <div class="container">
;">  
+
  <div class="row">
<p style="
+
      <div class="col-md-3" style="
padding-bottom: 0px;
+
        margin-left: 0em;
color: #353535;;
+
        padding-right: 0px;
font-weight: 700;
+
        padding-left: 0.2em;">
margin-bottom: 0px !important;">iGEM quote:</p> <p>From lost to the river.</p>
+
        <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
<p style="
+
            <h4 style="
padding-bottom: 0px;
+
              padding-left: 1em;
color: #353535;;
+
              ">Index</h4>
font-weight: 700;
+
            <ul class="lateral">
margin-bottom: 0px !important;">Hobbies:</p><p>Growing carnivorous plants, performing magic and cooking</p><p style="
+
              <li class="lateral">
padding-bottom: 0px;
+
                  <div class="tab__title" style="
color: #353535;;
+
                    line-height: 1.3em;
font-weight: 700;
+
                    ">
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Communicate with fruit.</p>
+
                    <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 style="
+
            <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>
padding-bottom: 0px;
+
color: #353535;;
+
font-weight: 700;
+
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>Wanting to experience what the real world is? Bored of perfect PCRs and highly defined electrophoresis? Just join us! iGEM is your place; because whatever can go wrong, will go even worse. But never give up, you have come here to win, just belive in yourself and you'll be able to achieve anything you aim!</p>
+
</div>
+
                                                                </div>
+
                                                               
+
                                                               
+
                                                               
+
                                                            </div>
+
                                                            <!--end of col-->
+
                                                        </div>
+
                                                        <!--end of row-->
+
                                                    </div>
+
                                                <div class="" style="
+
height: 123px;
+
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                                                   
+
                                                </div></div>
+
                                                <!--end of row-->
+
                                            </div>
+
                                            <!--end of container-->
+
                                        </section>
+
                                    <div class="modal-close modal-close-cross"></div></div>
+
  
                        </div>
+
        </div>
<div id="modalAdrian" class="modalDialog" style="
+
;">
+
                            <div class="modal-content" style="
+
margin-top: 8% !important;
+
width: 400px !important;
+
padding: 0px !important;
+
width: 68% !important;
+
;">
+
                                       
+
<section class="imageblock feature-large bg--white border--round " style="
+
width: 100%;">
+
<a href="#close" title="Close" class="close" style="
+
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<div style="
+
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
</div>
+
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
        <div>
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
            <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
margin: 0px;height: 100%;; /* width: 1170px; */">
+
            <!--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 -->
                                               
+
         
                                            </div>
+
            <div class="row" style="
                                            <div class="container" style="
+
    justify-content: center;
padding-bottom: 59px;
+
">
padding-top: 0em;width: 55em;">
+
              <div class="col-md-4" style="/* text-align: center; */">
                                                <div class="row justify-content-end">
+
                  <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>
                                                    <div class="col-lg-6 col-md-6" style="
+
                  <p style="text-align: center !important;font-size: 1em !important;font-weight: bold;">Lab safety</p>
padding-left: 0;">
+
              </div>
                                                        <div class="row">
+
              <div class="col-md-4" style="text-align: center;">
 +
                  <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>
 +
                  <p style="text-align: center !important;font-size: 1em !important;font-weight: bold;">Safety design in Printeria</p>
 +
              </div>
 +
            </div>
 +
            <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
            <!------------------------------------------------------------------------HARVARD------------------------------------------------------------------->
 +
        </div>
 +
        <!--ENLACE DE DESTINO: HARVARD -->
  
                                                            <div class="col-md-10 col-lg-10" style="
 
padding-right: 0px;
 
margin-left: 36px;
 
margin-right: 0px;">
 
                                                                <div class="text-block" style="
 
margin-bottom: 0px;">
 
                                                                    <h3 style="
 
;
 
padding-top: 30px;;
 
line-height: 38px;
 
font-weight: 700;
 
;
 
text-align: left;;">ADRIÁN REQUENA</h3>
 
  
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>Staring at food: Is this plastic?</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Taekwondo</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Teleporting</p>
 
  
 +
        <!-----------------------------------------------------------------------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>
  
<p style="
+
                    <div class="row" style="margin: 0;">
padding-bottom: 0px;
+
    <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
color: #353535;;
+
      <img src="https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--Safety_MarcRogerUPV2018.jpeg" alt="" style="
font-weight: 700;
+
margin-top: 0;margin-bottom: 0.8em;border-radius: 0.3em;">
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I am on iGEM because I wanted to learn and practice the things that are not taught in the biotechnology degree and also because I wanted to work side by side with people from other disciplines</p>
+
    </div>
</div>
+
    <div class="col-md-6" style="padding: 0;padding-left: 0.3em;">
                                                                </div>
+
      <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;">
                                                            </div>
+
      <h6>
                                                            <!--end of col-->
+
        On the left, Roger explaining Marc how to deal with chemical containers, on the right, the containers which CGROM manage.
                                                        </div>
+
      </h6>
                                                        <!--end of row-->
+
    </div>
                                                    </div>
+
  </div>
                                                <div class="" style="
+
height: 123px;
+
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                                                   
+
                                                </div></div>
+
                                                <!--end of row-->
+
                                            </div>
+
                                            <!--end of container-->
+
                                        </section>
+
                                    <div class="modal-close modal-close-cross"></div></div>
+
  
                        </div><div id="modalCarol" class="modalDialog" style="
+
                  <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>
;">
+
                 
                            <div class="modal-content" style="
+
                 
margin-top: 8% !important;
+
                  <h4>Access to the laboratory</h4>
width: 400px !important;
+
                  <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>
padding: 0px !important;
+
width: 68% !important;
+
;">
+
                                       
+
<section class="imageblock feature-large bg--white border--round " style="
+
width: 100%;">
+
<a href="#close" title="Close" class="close" style="
+
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<div style="
+
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
</div>
+
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                  <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>
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
margin: 0px;height: 100%;; /* width: 1170px; */">
+
                                               
+
                                            </div>
+
                                            <div class="container" style="
+
padding-bottom: 59px;
+
padding-top: 0em;width: 55em;">
+
                                                <div class="row justify-content-end">
+
                                                    <div class="col-lg-6 col-md-6" style="
+
padding-left: 0;">
+
                                                        <div class="row">
+
  
                                                            <div class="col-md-10 col-lg-10" style="
+
                  <div style="
padding-right: 0px;
+
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
margin-left: 36px;
+
                    border: none;
margin-right: 0px;">
+
                    ;
                                                                <div class="text-block" style="
+
                    background: #3b83c9;
margin-bottom: 0px;">
+
                    padding-right: 2.78571429em;" target="blank">
                                                                    <h3 style="
+
                    <span class="btn__text">EVACUATION</span>
;
+
                    </a>
padding-top: 30px;;
+
                    <a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
line-height: 38px;
+
                    border: none;
font-weight: 700;
+
                    ;
;
+
                    background: #3b83c9;
text-align: left;;">CAROLINA ROPERO</h3>
+
                    padding-right: 2.78571429em;" target="blank">
 +
                    <span class="btn__text">WASTE MANAGEMENT</span>
 +
                  </a></div><div style="
 +
margin-top: 1em;
 +
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1FywSO7gMLoxDHFZ_jEj9GMhqDk4xTLfV" style="
 +
                    border: none;
 +
                    ;
 +
                    background: #3b83c9;
 +
                    padding-right: 2.78571429em;" target="blank">
 +
                    <span class="btn__text">RIGHTS &amp; LIABILITIES</span>
 +
                    </a>
 +
                    </div>
  
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>This is easy.</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Reading and travelling.</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Invisibility.</p>
 
  
 +
                  <h4>Strains</h4>
 +
                  <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>
  
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I'm on iGEM because I wanted to live the reallity of the lab work and be part of a multidisciplinary team where I could adquire new skills and appreciate different viewpoints&nbsp;</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
  
                        </div><div id="modalCarlos" class="modalDialog" style="
+
              </div>
;">
+
            </div>
                            <div class="modal-content" style="
+
        </div>
margin-top: 8% !important;
+
width: 400px !important;
+
padding: 0px !important;
+
width: 68% !important;
+
;">
+
                                       
+
<section class="imageblock feature-large bg--white border--round " style="
+
width: 100%;">
+
<a href="#close" title="Close" class="close" style="
+
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<div style="
+
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
</div>
+
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
<!--------------------------------------------------------------------Complutense de Madrid-------------------------------------------------------------------------->
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
<!--ENLACE DE DESTINO: HARVARD -->
margin: 0px;height: 100%;; /* width: 1170px; */">
+
        <a class="anchorOffset" id="complutense"></a>
                                               
+
        <!--FIN ENLACE DE DESTINO -->
                                            </div>
+
        <div style="
                                            <div class="container" style="
+
            margin-top: 50px;" class="hashlink">
padding-bottom: 59px;
+
            <div class="row">
padding-top: 0em;width: 55em;">
+
              <div class="col-md-3">
                                                <div class="row justify-content-end">
+
                  <img src="https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--Safety_DesignUPV2018.png" style="
                                                    <div class="col-lg-6 col-md-6" style="
+
                    padding-top: 15px;
padding-left: 0;">
+
                    margin-top: 0px;">
                                                        <div class="row">
+
                  <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>
  
                                                            <div class="col-md-10 col-lg-10" style="
+
                  <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>
padding-right: 0px;
+
margin-left: 36px;
+
margin-right: 0px;">
+
                                                                <div class="text-block" style="
+
margin-bottom: 0px;">
+
                                                                    <h3 style="
+
padding-top: 30px;;
+
line-height: 38px;
+
font-weight: 700;
+
;
+
text-align: left;;">CARLOS ANDREU</h3>
+
  
                                                                    <div style="
+
                    <!----Empìezo listado con una separación---->
padding-top: 20px;;
+
text-align: left;
+
;">
+
<p style="
+
padding-bottom: 0px;
+
color: #353535;;
+
font-weight: 700;
+
margin-bottom: 0px !important;">iGEM quote:</p> <p>I've got a model...</p>
+
<p style="
+
padding-bottom: 0px;
+
color: #353535;;
+
font-weight: 700;
+
margin-bottom: 0px !important;">Hobbies:</p><p>IT and swimming.</p><p style="
+
padding-bottom: 0px;
+
color: #353535;;
+
font-weight: 700;
+
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>X-Ray Vision</p>
+
  
 +
                    <table style="width:100%">
 +
                              <tbody><tr>
 +
                                <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>
  
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>The most important reason to take part in iGEM is to seize a unique opportunity in my life to complete my training and to discover in depth Synthetic Biology world. Since the beginning of my university studies, my desire has been to take part in an international project, focused on Science, where I could apply all the knowledge acquired over the years, but also work as a team and learn from mistakes and successes. And, definitively, the iGEM project has been the perfect chance.</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
  
                        </div><div id="modalRoger" class="modalDialog" style="
+
               
;">
+
                            <div class="modal-content" style="
+
margin-top: 8% !important;
+
width: 400px !important;
+
padding: 0px !important;
+
width: 68% !important;
+
;">
+
                                       
+
<section class="imageblock feature-large bg--white border--round " style="
+
width: 100%;">
+
<a href="#close" title="Close" class="close" style="
+
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<div style="
+
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
</div>
+
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
margin: 0px;height: 100%;; /* width: 1170px; */">
 
                                               
 
                                            </div>
 
                                            <div class="container" style="
 
padding-bottom: 59px;
 
padding-top: 0em;width: 55em;">
 
                                                <div class="row justify-content-end">
 
                                                    <div class="col-lg-6 col-md-6" style="
 
padding-left: 0;">
 
                                                        <div class="row">
 
  
                                                            <div class="col-md-10 col-lg-10" style="
 
padding-right: 0px;
 
margin-left: 36px;
 
margin-right: 0px;">
 
                                                                <div class="text-block" style="
 
margin-bottom: 0px;">
 
                                                                    <h3 style="
 
padding-top: 30px;;
 
line-height: 38px;
 
font-weight: 700;
 
;
 
text-align: left;;">ROGER MONFORT</h3>
 
  
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>Please read this, it is *important*.</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Fencing, WoW, drumming and trips with friends.</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Control arcane magic.</p>
 
  
  
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>Just looking for a girlfriend. Mission failed.</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
  
                        </div><div id="modalBetty" class="modalDialog" style="
 
;">
 
                            <div class="modal-content" style="
 
margin-top: 8% !important;
 
width: 400px !important;
 
padding: 0px !important;
 
width: 68% !important;
 
;">
 
                                       
 
<section class="imageblock feature-large bg--white border--round " style="
 
width: 100%;">
 
<a href="#close" title="Close" class="close" style="
 
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
<div style="
 
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
 
</div>
 
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
               
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
margin: 0px;height: 100%;; /* width: 1170px; */">
+
                                               
+
                                            </div>
+
                                            <div class="container" style="
+
padding-bottom: 59px;
+
padding-top: 0em;width: 55em;">
+
                                                <div class="row justify-content-end">
+
                                                    <div class="col-lg-6 col-md-6" style="
+
padding-left: 0;">
+
                                                        <div class="row">
+
  
                                                            <div class="col-md-10 col-lg-10" style="
+
                <p></p>
padding-right: 0px;
+
margin-left: 36px;
+
margin-right: 0px;">
+
                                                                <div class="text-block" style="
+
margin-bottom: 0px;">
+
                                                                    <h3 style="
+
padding-top: 30px;;
+
line-height: 38px;
+
font-weight: 700;
+
;
+
text-align: left;;">TZVETELINA ILIEVA</h3>
+
  
                                                                    <div style="
+
               
padding-top: 20px;;
+
              </div>
text-align: left;
+
            </div>
;">  
+
        <div style="
<p style="
+
            margin-top: 50px;
padding-bottom: 0px;
+
            ">
color: #353535;;
+
            <div class="row">
font-weight: 700;
+
              <div class="col-md-3">
margin-bottom: 0px !important;">iGEM quote:</p> <p>Let's be positive.</p>
+
                  <img src="https://static.igem.org/mediawiki/2018/0/01/T--Valencia_UPV--Lab_SafetyUPV2018.png" style="
<p style="
+
                    padding-top: 15px;
padding-bottom: 0px;
+
                    margin-top: 0px;">
color: #353535;;
+
                  <p></p>
font-weight: 700;
+
              </div>
margin-bottom: 0px !important;">Hobbies:</p><p>Skiing and travelling.</p><p style="
+
              <div class="col-md-9">
padding-bottom: 0px;
+
                  <h3>Ethics in Printeria</h3>
color: #353535;;
+
<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>
font-weight: 700;
+
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Teleporting.</p>
+
  
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I am on iGEM because I really was passionate about the idea of developing a project for an international competition together with a multidisciplinary team.&nbsp;</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
 
                        </div><div id="modalMarc" class="modalDialog" style="
 
;">
 
                            <div class="modal-content" style="
 
margin-top: 8% !important;
 
width: 400px !important;
 
padding: 0px !important;
 
width: 68% !important;
 
;">
 
                                       
 
<section class="imageblock feature-large bg--white border--round " style="
 
width: 100%;">
 
<a href="#close" title="Close" class="close" style="
 
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
 
<div style="
 
<div style="
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
+
                    text-align: center;"><a class="btn btn--primary-1" href="https://drive.google.com/drive/u/0/folders/1ye2sk1L16Xg0rkij3swT4-sNU2ipFk1X" style="
</div>
+
                    border: none;
 +
                    ;
 +
                    background: #3b83c9;
 +
                    padding-right: 2.78571429em;" target="blank">
 +
                    <span class="btn__text">COMMITTEE VEREDICT</span>
 +
                    </a>
 +
                  </div>
 +
                 
  
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
margin: 0px;height: 100%;; /* width: 1170px; */">
 
                                               
 
                                            </div>
 
                                            <div class="container" style="
 
padding-bottom: 59px;
 
padding-top: 0em;width: 55em;">
 
                                                <div class="row justify-content-end">
 
                                                    <div class="col-lg-6 col-md-6" style="
 
padding-left: 0;">
 
                                                        <div class="row">
 
  
                                                            <div class="col-md-10 col-lg-10" style="
+
              </div>
padding-right: 0px;
+
            </div>
margin-left: 36px;
+
        </div></div>
margin-right: 0px;">
+
                                                                <div class="text-block" style="
+
margin-bottom: 0px;">
+
                                                                    <h3 style="
+
padding-top: 30px;;
+
line-height: 38px;
+
font-weight: 700;
+
;
+
text-align: left;;">MARC MARTINEZ</h3>
+
  
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>Mmm... ¡Vale!</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Videogames, electronics and animu.</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Time Control.</p>
 
 
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I love doing electronics projects, and this seemed like a fun challenge. It was a new field for me to learn and do electronics on a really practical and usefull field.</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
 
                        </div><div id="modalHector" class="modalDialog" style="
 
;">
 
                            <div class="modal-content" style="
 
margin-top: 8% !important;
 
width: 400px !important;
 
padding: 0px !important;
 
width: 68% !important;
 
;">
 
                                       
 
<section class="imageblock feature-large bg--white border--round " style="
 
width: 100%;">
 
<a href="#close" title="Close" class="close" style="
 
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
<div style="
 
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
 
</div>
 
 
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
margin: 0px;height: 100%;; /* width: 1170px; */">
 
                                               
 
                                            </div>
 
                                            <div class="container" style="
 
padding-bottom: 59px;
 
padding-top: 0em;width: 55em;">
 
                                                <div class="row justify-content-end">
 
                                                    <div class="col-lg-6 col-md-6" style="
 
padding-left: 0;">
 
                                                        <div class="row">
 
 
                                                            <div class="col-md-10 col-lg-10" style="
 
padding-right: 0px;
 
margin-left: 36px;
 
margin-right: 0px;">
 
                                                                <div class="text-block" style="
 
margin-bottom: 0px;">
 
                                                                    <h3 style="
 
padding-top: 30px;;
 
line-height: 38px;
 
font-weight: 700;
 
;
 
text-align: left;;">HÉCTOR IZQUIERDO</h3>
 
 
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>It make sanse, it make sanse...</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Tennis and Piano</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Time travel.</p>
 
 
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I'm on iGEM because I wanted to learn to work in a team, acquire a broad skillset in software development and have fun during the summer.&nbsp;</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
 
                        </div><div id="modalBlanca" class="modalDialog" style="
 
;">
 
                            <div class="modal-content" style="
 
margin-top: 8% !important;
 
width: 400px !important;
 
padding: 0px !important;
 
width: 68% !important;
 
;">
 
                                       
 
<section class="imageblock feature-large bg--white border--round " style="
 
width: 100%;">
 
<a href="#close" title="Close" class="close" style="
 
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
<div style="
 
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
 
</div>
 
 
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
margin: 0px;height: 100%;; /* width: 1170px; */">
 
                                               
 
                                            </div>
 
                                            <div class="container" style="
 
padding-bottom: 59px;
 
padding-top: 0em;width: 55em;">
 
                                                <div class="row justify-content-end">
 
                                                    <div class="col-lg-6 col-md-6" style="
 
padding-left: 0;">
 
                                                        <div class="row">
 
 
                                                            <div class="col-md-10 col-lg-10" style="
 
padding-right: 0px;
 
margin-left: 36px;
 
margin-right: 0px;">
 
                                                                <div class="text-block" style="
 
margin-bottom: 0px;">
 
                                                                    <h3 style="
 
padding-top: 30px;;
 
line-height: 38px;
 
font-weight: 700;
 
;
 
text-align: left;;">BLANCA MADORRÁN</h3>
 
 
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>Oh no, they are mowing the lawn....</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Music, videogames and drawing.&nbsp;</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Teleporting</p>
 
 
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I've always found biology amazing, and I thogth that this project was the perfect oportunity to link technology and life sciences.&nbsp;</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
 
                        </div><div id="modalJoan" class="modalDialog" style="
 
;">
 
                            <div class="modal-content" style="
 
margin-top: 8% !important;
 
width: 400px !important;
 
padding: 0px !important;
 
width: 68% !important;
 
;">
 
                                       
 
<section class="imageblock feature-large bg--white border--round " style="
 
width: 100%;">
 
<a href="#close" title="Close" class="close" style="
 
padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
<div style="
 
width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;">
 
</div>
 
 
                                            <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
margin: 0px;height: 100%;; /* width: 1170px; */">
 
                                               
 
                                            </div>
 
                                            <div class="container" style="
 
padding-bottom: 59px;
 
padding-top: 0em;width: 55em;">
 
                                                <div class="row justify-content-end">
 
                                                    <div class="col-lg-6 col-md-6" style="
 
padding-left: 0;">
 
                                                        <div class="row">
 
 
                                                            <div class="col-md-10 col-lg-10" style="
 
padding-right: 0px;
 
margin-left: 36px;
 
margin-right: 0px;">
 
                                                                <div class="text-block" style="
 
margin-bottom: 0px;">
 
                                                                    <h3 style="
 
padding-top: 30px;;
 
line-height: 38px;
 
font-weight: 700;
 
;
 
text-align: left;;">JOAN CASADO</h3>
 
 
                                                                    <div style="
 
padding-top: 20px;;
 
text-align: left;
 
;">
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">iGEM quote:</p> <p>Pero xics.</p>
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Hobbies:</p><p>Swimming, drawing, cycling, eating salad, loosing all my things, throwing shade.</p><p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">If I had a superpower it would be:</p><p>Breathing underwater.</p>
 
 
 
<p style="
 
padding-bottom: 0px;
 
color: #353535;;
 
font-weight: 700;
 
margin-bottom: 0px !important;">Why am I on iGEM:</p><p>I joined iGEM because I wanted a challenge as a graphic designer and as a person. Working with people from so many different fields and methodologies is always very complicated. Even though , you always have to find a way to understand each other and get the project to go forward. iGEM has given me a lot of professional experience.</p>
 
</div>
 
                                                                </div>
 
                                                               
 
                                                               
 
                                                               
 
                                                            </div>
 
                                                            <!--end of col-->
 
                                                        </div>
 
                                                        <!--end of row-->
 
                                                    </div>
 
                                                <div class="" style="
 
height: 123px;
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                                                   
 
                                                </div></div>
 
                                                <!--end of row-->
 
                                            </div>
 
                                            <!--end of container-->
 
                                        </section>
 
                                    <div class="modal-close modal-close-cross"></div></div>
 
 
                        </div></div>
 
<div class="row">
 
  <div class="col-md-3">
 
      <div class="feature feature-8">
 
        <a href="https://static.igem.org/mediawiki/2018/d/d4/T--Valencia_UPV--modalAlbertoPixelUPV2018.png" data-lightbox="true">
 
            <div><button class="" data-modal="modalTwo" style="
 
              border: none;
 
              ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png);" http:=""></button>
 
            </div>
 
        </a>
 
        <h5>Alberto Coronado Martín</h5>
 
        <span>Biotechnologist</span>
 
 
       </div>
 
       </div>
 
   </div>
 
   </div>
  <div class="col-md-3">
+
 
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/a/a2/T--Valencia_UPV--modalAdrianPixelUPV2018.png" data-lightbox="true">
+
            <div><button class="" data-modal="modalTwo" style="
+
              border: none;
+
              ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png);" http:=""></button>
+
            </div>
+
        </a>
+
        <h5>Adrían Requena Gutiérrez</h5>
+
        <span>Biotechnologist</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/0/02/T--Valencia_UPV--modalCarolPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Carolina Ropero Pérez</h5>
+
        <span>Biotechnologist</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3" style="
+
      ">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--modalCarlosPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Carlos Andreu Vilarroig</h5>
+
        <span>Biomedical Engineer</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/d/d9/T--Valencia_UPV--modalRogerPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Roger Monfort Llorens</h5>
+
        <span>Biomedical Engineer</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/4/4b/T--Valencia_UPV--modalBettyPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Tzvetelina Ilieva Anguelova</h5>
+
        <span>Industrial Engineer</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--modalMarcPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Marc Martínez Badenes</h5>
+
        <span>Electronic Engineer</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3" style="
+
      /* z-index: 800; */
+
      ">
+
      <div class="feature feature-8 modal-instance">
+
        <a href="https://static.igem.org/mediawiki/2018/d/d1/T--Valencia_UPV--modalHectorPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Héctor Izquierdo Fernández</h5>
+
        <span>Computer Scientist</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/8/84/T--Valencia_UPV--modalBlancaPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Blanca Madorrán Coca</h5>
+
        <span>Computer Scientist</span>
+
      </div>
+
  </div>
+
  <div class="col-md-3">
+
      <div class="feature feature-8">
+
        <a href="https://static.igem.org/mediawiki/2018/4/48/T--Valencia_UPV--modalJoanPixelUPV2018.png" data-lightbox="true">
+
            <div> <button data-modal="modalOne" style="
+
              border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);">&nbsp;&nbsp;</button></div>
+
        </a>
+
        <h5>Joan Casado Ribera</h5>
+
        <span>Designer</span>
+
      </div>
+
  </div>
+
</div>
+
                                    <!--end of row-->
+
                                </div><div class="container">
+
<div class="row">
+
<h3 style="
+
float: left;">Advisors</h3>
+
 
</div>
 
</div>
                                    <div class="row">
 
                                       
 
<div class="col-md-3">
 
                                            <div class="feature feature-8">
 
                                                <div style="
 
;
 
margin: 0 auto 10px;
 
background-size: 204px;border-radius: 50%;;
 
height: 210px;
 
width: 210px;
 
background-image: url(&quot;https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--nobelUPV2018.png&quot;);"></div>
 
                                               
 
                                                <h5>Nóbel Santos</h5>
 
                                                <span>Electronic Engineer</span>
 
                                            </div>
 
                                        </div><div class="col-md-3">
 
                                            <div class="feature feature-8">
 
                                                <div style="background-position-x: -65px;margin: 0 auto 10px;background-size: 341px;border-radius: 50%;height: 210px;background-position-y: 15px;width: 210px;background-image: url(https://static.igem.org/mediawiki/2018/3/34/T--Valencia_UPV--manuUPV2018.jpeg);background-repeat: no-repeat;"></div>
 
                               
 
                                            <h5>Manuel Portolés</h5>
 
                                                <span>Computer Scientist</span>
 
                                               
 
                                            </div>
 
                                        </div>
 
<div class="col-md-3">
 
                                            <div class="feature feature-8">
 
                                               
 
                                               
 
                                               
 
                                               
 
                                            </div>
 
                                        </div>
 
<div class="col-md-3">
 
                                            <div class="feature feature-8">
 
                                               
 
                                               
 
                                               
 
                                               
 
                                            </div>
 
                                        </div>
 
                                       
 
                                       
 
                                       
 
                                       
 
                                       
 
  
  
  
 +
<div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
 +
        <div>
 +
            <h3>Bibliography</h3>
 +
       
 +
            <p itemscope="" itemtype="http://schema.org/Book">
 +
    <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>
 +
</p>
  
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
<div class="container">
 
<div class="row">
 
<h3 style="
 
float: left;">Instructors</h3>
 
</div>
 
                                  <div class="row">
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  ;
 
                  margin: 0 auto 10px;
 
                  background-size: 189px;border-radius: 50%;;
 
                  height: 210px;
 
                  width: 210px;
 
                  background-image: url(&quot;https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--conejeroUPV2018.png&quot;);"></div>
 
              <h5>Alberto Conejero</h5>
 
              <span>Mathematician</span>
 
            </div>
 
 
         </div>
 
         </div>
        <div class="col-md-3">
+
</div></section>
            <div class="feature feature-8">
+
 
              <div style="
+
                  margin: 0 auto 10px;
+
                  background-size: 404px;
+
                  border-radius: 50%;
+
                  height: 210px;
+
                  width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--jesusPicoUPV2018.png);
+
                  background-position-x: -87px;
+
                  " http:=""></div>
+
              <h5>Jesús Picó</h5>
+
              <span>Control Engineer</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  ;;
+
                  background-position-x: center;
+
                  margin: 0 auto 10px; background-size: 183px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/9/92/T--Valencia_UPV--diegoUPV2018.png);" http:=""></div>
+
              <h5>Diego Orzáez</h5>
+
              <span>Biologist</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  background-position-x: center;
+
                  margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png);" http:=""></div>
+
              <h5>Alejandro Vignoni</h5>
+
              <span>Synthetic Biologist</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  background-position-x: center;
+
                  margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);" http:=""></div>
+
              <h5>Yadira Boada</h5>
+
              <span>Control Engineer</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  background-position: center;margin: 0 auto 10px; background-size: 178px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--Valencia_UPV--martaUPV2018.png);" http:=""></div>
+
              <h5>Marta Vázquez Vilar</h5>
+
              <span>Biotechnologist</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  background-position: center;
+
                  margin: 0 auto 10px; background-size: 182px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/0/0f/T--Valencia_UPV--nuriaUPV2018.png);" http:=""></div>
+
              <h5>Nuria Andrés Colás</h5>
+
              <span>Biochemist</span>
+
            </div>
+
        </div>
+
        <div class="col-md-3">
+
            <div class="feature feature-8">
+
              <div style="
+
                  background-position: center;
+
                  margin: 0 auto 10px; background-size: 179px;border-radius: 50%;; height: 210px; width: 210px;
+
                  background-image: url(https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--salomeUPV2018.png);" http:=""></div>
+
              <h5>Salomé Cuesta Valera</h5>
+
              <span>Artist</span>
+
            </div>
+
        </div>
+
      </div>
+
                                </div>
+
                                <!--end of container-->
+
                            </section>
+
  
  
  
           
 
         
 
  
  
  
        </div>
 
 
         <!--<div class="loader"></div>-->
 
         <!--<div class="loader"></div>-->
 
         <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 
         <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
Line 1,268: Line 375:
 
       <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/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 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/lightboxminJS?action=raw&ctype=text/javascript"></script>
 
 
          
 
          
  

Revision as of 09:50, 15 October 2018

Stack Multipurpose HTML Template

Introduction

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.

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.

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 MIT segmentation table 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.

Lab safety

Safety design in Printeria

Lab Safety

Our laboratory

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:

On the left, Roger explaining Marc how to deal with chemical containers, on the right, the containers which CGROM manage.

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.

Access to the laboratory

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.

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:

Strains

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.

Bibliography

1. Dual use: A report by iGEM team Bielefeld-CeBiTec 2015. [Germany]. Universität Bielefeld, . 30 pages.

CONTACT US igem.upv.2018@gmail.com