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

 
(49 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: 50px">
+
<div class="t-cover" style="height:90vh; margin-top: -20px;background-color: #DCDEDC;">
  
  
 
                                     <div id="media-box">
 
                                     <div id="media-box">
−
                                       <video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
+
                                        
 +
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
 
                                         <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
 
                                         <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
 
                                       </video>
 
                                       </video>
−
<div style="
+
                                    <center style="
 +
height: 100%;
 
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
<a class="btn down inner-link active" href="#story" style="
 
<a class="btn down inner-link active" href="#story" style="
−
margin-left: 47.4em;font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 45em;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
+
;;
 +
font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 78vh;z-index: 93;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>
 
             <i class="stack-interface stack-down-open-big"></i>
 
         </a>
 
         </a>
−
</div>
+
</center></div>  
−
                                    </div>  
+
 
</div>
 
</div>
−
<div class="main-container" style="
+
<div class="main-container" style=""><row>
−
position: relative;"><row>
+
  
  
Line 59: 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 65: Line 69:
 
height: 722px;
 
height: 722px;
 
padding-bottom: 24px;
 
padding-bottom: 24px;
−
;"><row>
+
;background-color: #DCDEDC;
 +
"><row>
 
                  
 
                  
 
                  
 
                  
Line 79: 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 103: 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 110: 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 132: 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 183: 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 197: 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="
−
width: 33%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
+
margin-top: 0em;
 +
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: 52%;;
+
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></div>
 +
                   
 +
 
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 
</body>
 
</body>
  
Line 235: Line 328:
 
         <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>
 +
 +
(function ($) {
 +
  $(document).ready(function(){
 +
   
 +
// hide .nav-container first
 +
$(".nav-container").hide();
 +
 +
// fade in .nav-container
 +
$(function () {
 +
$(window).scroll(function () {
 +
            // set distance user needs to scroll before we fadeIn navbar
 +
if ($(this).scrollTop() > 100) {
 +
$('.nav-container').fadeIn();
 +
} else {
 +
$('.nav-container').fadeOut();
 +
}
 +
});
 +
 +
 +
});
 +
 +
});
 +
  }(jQuery));
 +
 +
</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