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

 
(42 intermediate revisions by 2 users not shown)
Line 15: Line 15:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 +
 +
  
 
</style>
 
</style>
Line 32: Line 34:
  
  
−
<div class="t-cover" style="height:90vh; margin-top: -20px;">
+
<div class="t-cover" style="height:90vh; margin-top: -20px;background-color: #DCDEDC;">
  
  
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 66: Line 69:
 
height: 722px;
 
height: 722px;
 
padding-bottom: 24px;
 
padding-bottom: 24px;
−
;"><row>
+
;background-color: #DCDEDC;
 +
"><row>
 
                  
 
                  
 
                  
 
                  
Line 80: Line 84:
 
display: block;
 
display: block;
 
position: absolute;
 
position: absolute;
−
height: 100%;">
+
height: 100%;
 +
/*! background-color: #DCDEDC; */
 +
">
 
                         <div class="col-lg-12 col-md-12 mt--12" style="
 
                         <div class="col-lg-12 col-md-12 mt--12" style="
 +
padding-right: 3em;
 
display: block;">
 
display: block;">
 
                              
 
                              
−
                            <h1 style="
+
                     
−
    left: 0em;
+
−
    position: relative;
+
−
    z-index: 98;
+
−
    color: white;
+
−
">Synbio Has Never Been Easier</h1><p class="lead" style="
+
−
color: white;
+
−
    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. Printeria opens the door to a world of applications affordable for the general public.
+
−
                            </p>
+
 
                             <div class="modal-instance block">
 
                             <div class="modal-instance block">
 
                                  
 
                                  
Line 104: Line 100:
 
                             <!--end of modal instance-->
 
                             <!--end of modal instance-->
 
                         </div>
 
                         </div>
−
                     </div><img alt="image" src="https://static.igem.org/mediawiki/2018/c/c3/T--Valencia_UPV--ImageTopHomeUPV2018.jpeg" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
+
                     </div><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs">
 +
<img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs">
 
</div>
 
</div>
 
<div class=" col-lg-6 col-md-6 pos-left" style="
 
<div class=" col-lg-6 col-md-6 pos-left" style="
Line 111: Line 109:
 
position: relative;
 
position: relative;
 
height: 100%;
 
height: 100%;
−
background-color: rebeccapurple;
+
background-color: #DCDEDC;
 
float: right;">
 
float: right;">
−
<img alt="image" src="https://static.igem.org/mediawiki/2018/c/c3/T--Valencia_UPV--ImageTopHomeUPV2018.jpeg" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
+
<img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs">
 +
<img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs">
 +
 
 
                      
 
                      
 
                     <!--end of row-->
 
                     <!--end of row-->
Line 133: Line 133:
 
position:  relative;
 
position:  relative;
 
float: left;">
 
float: left;">
−
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/c/c3/T--Valencia_UPV--ImageTopHomeUPV2018.jpeg" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
+
                     <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/4/46/T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
 +
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: rebeccapurple;
+
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="
+
−
    left: 0em;
+
−
    position: relative;
+
−
    z-index: 98;
+
−
    color: white;
+
−
">Synbio Has Never Been Easier</h1><p class="lead" style="
+
 
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/c/c3/T--Valencia_UPV--ImageTopHomeUPV2018.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 184: 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 class="col-md-10" style="
+
 
−
margin-left: 7em;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
+
 
−
margin-bottom: 0px !important;
+
 
−
margin-top: -8em;">
+
                                   
 +
                                    <div class="col-md-12" style="
 +
padding-top: 1em;
 +
padding-right: 0em;padding-left: 0em;
 +
position: relative;
 +
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 198: 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 class="col-md-12 row" style="
 +
padding-left: 2em;
 +
padding-right: 0em !important;margin-bottom: 5em;">
 +
                   
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
  
−
       
+
</div></div>
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
  
 +
</div></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>
+
</a>
−
<div style="
+
−
margin-top: 9em;
+
−
margin-left: 115px; padding-top: 106px;" class="col-md-12">
+
−
       
+
−
       
+
  
−
       
+
</div></div>
 +
                   
  
−
<div style="
+
                   
−
margin-top: 50px;" id="harvard" class="hashlink"><div class="row"><div class="col-md-12"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
+
                   
−
 
+
                   
−
</div></div>
+
                   
−
 
+
                   
−
+
                   
−
</div>
+
                   
−
 
+
                   
−
 
+
                    </div><!--end of row-->
−
<div class="row hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
                                </div></row></div>
−
<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></row></div>
+
 
</body>
 
</body>
  
Line 319: 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