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

 
(26 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 +
 +
  
 
</style>
 
</style>
Line 60: Line 62:
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<div class="col-md-12" style="
 
<div class="col-md-12" style="
 +
z-index: 99;
 
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
 
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
  
Line 88: Line 91:
 
display: block;">
 
display: block;">
 
                              
 
                              
−
                            <h1 style="
+
                     
−
margin-bottom: 3px;left: 0em;
+
−
    position: relative;
+
−
    z-index: 98;
+
−
    color: #353535;">Synbio Has Never Been Easier</h1><p class="lead" style="
+
−
font-size: 1.15vw !important;;
+
−
color: #353535;
+
−
    position: relative;
+
−
    left: 0em;
+
−
    z-index: 20;">
+
−
                                Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, with high accuracy.&nbsp;</p>
+
 
                             <div class="modal-instance block">
 
                             <div class="modal-instance block">
 
                                  
 
                                  
Line 143: Line 136:
 
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
</div>
 
</div>
−
<div class=" col-lg-6 col-md-6 pos-left" style="
+
<div class=" col-lg-6 col-md-6" style="
−
top: -7.5em;
+
top: -7.5em;float: left !important;
 
padding-right: 0px;
 
padding-right: 0px;
 
padding-left: 0px;
 
padding-left: 0px;
−
position: relative;
+
position: relative;
 +
float: left;">
 +
                    <div style="
 +
width: 100%;
 +
height: 16%;"><p style="
 +
padding-top: 5.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%;
 
height: 100%;
−
background-color: #DCDEDC;
+
overflow: scroll;
−
float: right;">
+
letter-spacing: 0px;
−
<div class="row" style="
+
line-height: 27px !important;
−
padding: 5em;
+
 
−
;
+
−
display: block;
+
−
position: absolute;
+
−
height: 100%;">
+
−
                        <div class="col-lg-12 col-md-12 mt--12" style="
+
−
display: block;">
+
−
                           
+
−
                            <h1 style="
+
−
margin-bottom: 8px;
+
−
    left: 0em;
+
−
    position: relative;
+
−
    z-index: 98;
+
−
    color: white;">Synbio Has Never Been Easier</h1><p class="lead" style="
+
−
font-size: 1.15vw !important;
+
 
color: white;
 
color: white;
−
     position: relative;
+
     position: absolute;
 
     left: 0em;
 
     left: 0em;
 
     z-index: 20;">
 
     z-index: 20;">
 
                               Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, with high accuracy. Printeria opens the door to a world of applications affordable for the general public.
 
                               Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, with high accuracy. Printeria opens the door to a world of applications affordable for the general public.
−
                             </p>
+
                             </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
−
                            <div class="modal-instance block">
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
                               
+
</div>
−
                               
+
 
−
                               
+
−
                                <!--end of modal-container-->
+
−
                            </div>
+
−
                            <!--end of modal instance-->
+
−
                        </div>
+
−
                    </div><img alt="image" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
+
−
                   
+
−
                    <!--end of row-->
+
−
                </div>
+
 
                 <!--end of container--></row>
 
                 <!--end of container--></row>
 
             </section></div>
 
             </section></div>
Line 193: Line 178:
  
  
−
     <div style="
+
      
−
/* margin-left: 60px; */; padding-left: 0;; padding-right: 0; /* outline: none; */" class="col-md-12 hashlink" id="" tabindex="-1" data-scroll-id="story">
+
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;position: relative;">
−
      <div style="
+
 
 +
 
 +
 
 +
                                   
 +
                                    <div class="col-md-12" style="
 
padding-top: 1em;
 
padding-top: 1em;
−
padding-right: 3em;padding-left: 3em;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
+
padding-right: 0em;padding-left: 0em;
−
margin-bottom: 0px !important;
+
position: relative;
−
margin-top: 0em;">
+
margin-right: 11em;
 +
margin-bottom: 108m;">
  
 
<div style="
 
<div style="
−
margin-top: -3px;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
+
margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
 +
margin-bottom: 0px !important;
 +
margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
 
position: relative;
 
position: relative;
 
z-index: 50;
 
z-index: 50;
Line 208: Line 200:
 
float: left;
 
float: left;
 
margin-top: 0;
 
margin-top: 0;
−
/* width: 56%; */"></div></a><a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
+
  /* 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%;;
 
position: relative; z-index: 50; float: left; width: 52%;;
 
width: 48%;
 
width: 48%;
−
float: right;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style="
+
float: right;"></a>
−
margin-top: 0;"></a>
+
  
−
</div><row><a style="
+
<a style="
−
margin-top: 0.7em;
+
margin-top: 0em;
 
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
 
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="
 
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
−
margin-top: 0px;"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Model" 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: 64%;;
+
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; */float: right;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style="
+
float: right;
−
margin-top: 0px;"></a></row><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware" style="
+
margin-top: 0;"><div class="red" style="
−
position: relative; z-index: 50; /* float: left; */ /* width: 52%; */;
+
opacity: 0.2;
−
width: 100%;;
+
height: 100%;
−
float: left;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style="
+
width: 100%;
−
margin-top: 0px;"></a></div>
+
position: absolute;"></div></div>
−
</div>
+
−
       
+
  
−
       
+
</a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
 
+
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>
  
−
       
+
</a></div>
−
 
+
−
       
+
−
 
+
−
 
+
−
 
+
−
  </div>
+
−
<div style="
+
−
margin-top: 9em;
+
−
margin-left: 115px; padding-top: 106px;" class="col-md-10">
+
−
       
+
−
       
+
  
−
       
+
</div><div class="col-md-12 row" style="
−
 
+
padding-left: 2em;
−
<div style="
+
padding-right: 0em !important;margin-bottom: 5em;">
−
margin-top: 50px;" id="harvard" class="hashlink"><div class="row"><div class="col-md-3 col-sm-8" style="
+
                   
−
padding: 0px;
+
<div class="col-md-3"><div style="
−
border-radius: 16px;
+
;
−
border: 3px solid #353535 !important;"><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-position: center center;  
 
background-size: cover;
 
background-size: cover;
 
;
 
;
−
height: 218px !important;
+
height: 142px !important;
 
border-top-left-radius: 13px;
 
border-top-left-radius: 13px;
 
border-top-right-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="
 
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
−
padding: 26px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p>
+
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
  
−
  </div></div>  
+
  </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></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/Design"><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/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 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/Model"><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/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>
  
−
<div class="row hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
</a>
−
<div class="col-md-3"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a>
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
−
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
−
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
  
−
   
+
  </div></div>
−
</div>
+
                   
−
 
+
−
       
+
−
 
+
−
       
+
−
 
+
−
       
+
−
 
+
−
       
+
−
       
+
−
       
+
−
 
+
−
           
+
−
 
+
−
           
+
−
 
+
−
           
+
−
 
+
−
           
+
−
       
+
−
       
+
−
 
+
−
       
+
−
 
+
−
        </div></row></div>
+
  
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 
</body>
 
</body>
  
Line 341: Line 354:
  
 
</script>
 
</script>
 +
  
  

Latest revision as of 12:55, 14 October 2018

Stack Multipurpose HTML Template

image
image
image

Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, 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