Blancamaco (Talk | contribs) |
|||
Line 7: | Line 7: | ||
{{Valencia_UPV/stackinterface.css}} | {{Valencia_UPV/stackinterface.css}} | ||
{{Valencia_UPV/theme.css}} | {{Valencia_UPV/theme.css}} | ||
+ | {{Valencia_UPV/navBar}} | ||
<html> | <html> | ||
Line 14: | 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> | ||
− | + | <head> | |
− | + | <meta charset="utf-8"> | |
− | + | <title>Stack Multipurpose HTML Template</title> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <meta name="description" content="Site Description Here"> | |
− | + | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet"> | |
− | + | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
− | + | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> | |
− | + | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | |
+ | |||
+ | </head> | ||
+ | <div class="t-cover" style="height:90vh; margin-top: -20px;background-color: #DCDEDC;"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div id="media-box"> | ||
+ | |||
+ | <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"> | ||
+ | </video> | ||
+ | <center style=" | ||
+ | height: 100%; | ||
+ | /* right: 14em !important; *//* 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: 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> | ||
+ | </a> | ||
+ | </center></div> | ||
+ | </div> | ||
+ | <div class="main-container" style=""><row> | ||
− | |||
− | + | <!-------------------------------IMAGEN PRINCIPAL------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | <!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN -----------------------------> | |
− | + | <div class="col-md-12" style=" | |
− | + | z-index: 99; | |
− | + | position: relative;width: 100%;padding-left: 0;padding-right: 0;"> | |
− | + | ||
− | + | <section class="imageblock " style=" | |
− | + | padding-bottom: 0px !important; | |
− | + | height: 722px; | |
− | + | padding-bottom: 24px; | |
− | + | ;background-color: #DCDEDC; | |
− | + | "><row> | |
− | + | ||
− | + | ||
− | + | <div class=" col-lg-6 col-md-6" style=" | |
− | + | float: left !important; | |
− | + | padding-right: 0px; | |
− | + | padding-left: 0px; | |
− | + | position: relative; | |
− | + | float: left;"> | |
+ | <div class="row" style=" | ||
+ | padding: 5em; | ||
+ | ; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | height: 100%; | ||
+ | /*! background-color: #DCDEDC; */ | ||
+ | "> | ||
+ | <div class="col-lg-12 col-md-12 mt--12" style=" | ||
+ | padding-right: 3em; | ||
+ | display: block;"> | ||
+ | |||
+ | |||
+ | <div class="modal-instance block"> | ||
+ | |||
+ | |||
+ | |||
+ | <!--end of modal-container--> | ||
</div> | </div> | ||
− | <!--end | + | <!--end of modal instance--> |
</div> | </div> | ||
− | </div> | + | </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 class=" col-lg-6 col-md-6 pos-left" style=" | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | background-color: #DCDEDC; | ||
+ | float: right;"> | ||
+ | <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--> | ||
</div> | </div> | ||
− | <!--end of container--> | + | <!--end of container--></row> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</section> | </section> | ||
+ | <section class="" style=" | ||
+ | padding-top: -1px; | ||
+ | padding-bottom: 0px !important; | ||
+ | height: 722px; | ||
+ | padding-bottom: 24px; | ||
+ | ;"><row> | ||
+ | |||
+ | |||
+ | <div class=" col-lg-6 col-md-6" style=" | ||
+ | top: -7.5em;float: left !important; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | position: relative; | ||
+ | float: left;"> | ||
+ | <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/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 class=" col-lg-6 col-md-6" style=" | ||
+ | top: -7.5em;float: left !important; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | 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%; | ||
+ | overflow: scroll; | ||
+ | letter-spacing: 0px; | ||
+ | line-height: 27px !important; | ||
+ | color: white; | ||
+ | position: absolute; | ||
+ | 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><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style=" | ||
+ | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;"> | ||
+ | </div> | ||
+ | <!--end of container--></row> | ||
+ | </section></div> | ||
− | |||
− | < | + | <!--------------------------------------------TEXTO------------------------------------------------> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | <div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;position: relative;"> | ||
− | |||
− | |||
− | |||
− | |||
− | + | ||
+ | <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=" | ||
+ | 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; | ||
+ | z-index: 50; | ||
+ | float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style=" | ||
+ | float: left; | ||
+ | margin-top: 0; | ||
+ | /* width: 56%; */"> | ||
+ | <div class="blue" style=" | ||
+ | opacity: 0.2; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | position: absolute;"></div> | ||
+ | </div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style=" | ||
+ | position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style=" | ||
+ | float: right; | ||
+ | margin-top: 0;"><div class="yellow" style=" | ||
+ | opacity: 0.2; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | position: absolute;"></div></div> | ||
− | + | </a></div> | |
− | + | <a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style=" | |
− | + | position: relative; z-index: 50; float: left; width: 52%;; | |
+ | width: 48%; | ||
+ | float: right;"></a> | ||
− | < | + | <a style=" |
− | + | 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=" | |
+ | margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style=" | ||
+ | position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style=" | ||
+ | float: right; | ||
+ | margin-top: 0;"><div class="red" style=" | ||
+ | opacity: 0.2; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | position: absolute;"></div></div> | ||
+ | </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> | ||
− | + | </a> | |
+ | </div></div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div><!--end of row--> | ||
+ | </div></row></div> | ||
+ | </body> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script> | ||
Line 209: | 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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> | ||
{{Valencia_UPV/footer}} | {{Valencia_UPV/footer}} |
Revision as of 13:12, 14 October 2018