Blancamaco (Talk | contribs) |
|||
(132 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Valencia_UPV/bootstrap.css}} | ||
+ | {{Valencia_UPV/custom.css}} | ||
+ | {{Valencia_UPV/flickity.css}} | ||
+ | {{Valencia_UPV/iconsmind.css}} | ||
+ | {{Valencia_UPV/jquery.steps.css}} | ||
+ | {{Valencia_UPV/lightbox.min.css}} | ||
+ | {{Valencia_UPV/stackinterface.css}} | ||
+ | {{Valencia_UPV/theme.css}} | ||
<html> | <html> | ||
− | |||
<style> | <style> | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
− | #content { margin-left:0px; margin-top:- | + | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<head> | <head> | ||
Line 19: | Line 21: | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta name="description" content="Site Description Here"> | <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/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/icon?family=Material+Icons" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> | ||
+ | |||
</head> | </head> | ||
− | + | <body class=" "> | |
<a id="start"></a> | <a id="start"></a> | ||
− | <div class="nav-container "> | + | <div class="nav-container"> |
<div class="bar bar--sm visible-xs"> | <div class="bar bar--sm visible-xs"> | ||
<div class="container"> | <div class="container"> | ||
Line 39: | Line 34: | ||
<div class="col-3 col-md-2"> | <div class="col-3 col-md-2"> | ||
<a href="index.html"> | <a href="index.html"> | ||
− | <img class="logo logo-dark" alt="logo" src=" | + | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" /> |
− | + | ||
</a> | </a> | ||
</div> | </div> | ||
Line 54: | Line 48: | ||
</div> | </div> | ||
<!--end bar--> | <!--end bar--> | ||
− | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg-- | + | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light"> |
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-lg-1 col-md-2 hidden-xs"> | + | <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;"> |
<div class="bar__module"> | <div class="bar__module"> | ||
<a href="index.html"> | <a href="index.html"> | ||
− | <img class="logo logo-dark" alt="logo" src=" | + | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="margin-top: 8px; height: 26px; width: 112px;" /> |
− | + | ||
</a> | </a> | ||
</div> | </div> | ||
Line 67: | Line 60: | ||
</div> | </div> | ||
<div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm"> | <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm"> | ||
− | <div class="bar__module"> | + | <div class="bar__module" style="text-align: right;"> |
− | <ul class="menu-horizontal text- | + | <ul class="menu-horizontal text-right"> |
<li class="dropdown"> | <li class="dropdown"> | ||
− | <span class="dropdown__trigger"> | + | <span class="dropdown__trigger">Team</span> |
<div class="dropdown__container"> | <div class="dropdown__container"> | ||
<div class="container"> | <div class="container"> | ||
Line 76: | Line 69: | ||
<div class="col-md-12 dropdown__content dropdown__content--lg"> | <div class="col-md-12 dropdown__content dropdown__content--lg"> | ||
<div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4"> | <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4"> | ||
− | |||
− | |||
− | |||
<div class="container pos-vertical-center pl-5"> | <div class="container pos-vertical-center pl-5"> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-lg-8"> | <div class="col-lg-8"> | ||
− | |||
<span class="h2 color--white">Beautiful, modular sites in moments.</span> | <span class="h2 color--white">Beautiful, modular sites in moments.</span> | ||
<a href="#" class="btn btn--primary type--uppercase"> | <a href="#" class="btn btn--primary type--uppercase"> | ||
Line 290: | Line 279: | ||
Studio 2 | Studio 2 | ||
</a> | </a> | ||
− | + | https://2018.igem.org/Team:Valencia_UPV/pruebaWeb2 </li> | |
<li> | <li> | ||
<a href="home-portfolio-video.html"> | <a href="home-portfolio-video.html"> | ||
Line 330: | Line 319: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <span class="dropdown__trigger"> | + | <span class="dropdown__trigger">Project</span> |
<div class="dropdown__container"> | <div class="dropdown__container"> | ||
<div class="container"> | <div class="container"> | ||
Line 618: | Line 607: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <span class="dropdown__trigger"> | + | <span class="dropdown__trigger">Wet Lab</span> |
<div class="dropdown__container"> | <div class="dropdown__container"> | ||
<div class="container"> | <div class="container"> | ||
Line 711: | Line 700: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <span class="dropdown__trigger"> | + | <span class="dropdown__trigger">Dry Lab</span> |
<div class="dropdown__container"> | <div class="dropdown__container"> | ||
<div class="container"> | <div class="container"> | ||
Line 830: | Line 819: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <span class="dropdown__trigger"> | + | <span class="dropdown__trigger">Human Practices</span> |
<div class="dropdown__container"> | <div class="dropdown__container"> | ||
<div class="container"> | <div class="container"> | ||
Line 1,021: | Line 1,010: | ||
<!--end dropdown container--> | <!--end dropdown container--> | ||
</li> | </li> | ||
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<!--end module--> | <!--end module--> | ||
Line 1,449: | Line 1,022: | ||
</div> | </div> | ||
<div class="main-container"> | <div class="main-container"> | ||
− | <section class=" | + | <section style="background-color: #353535;" class="height-90 parallax"> |
− | <div class="background-image-holder background--top"> | + | <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; "> |
− | <img alt="image" src=" | + | <img alt="image" src="http://via.placeholder.com/880x492" /> |
</div> | </div> | ||
− | + | <div class="main-container"> | |
− | + | <center> | |
− | + | <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;"> | |
− | + | <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
<!--end of container--> | <!--end of container--> | ||
</section> | </section> | ||
− | <section> | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | <section class="switchable feature-large" style=" | ||
+ | padding-top: 6em;"> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="row | + | <div class="row"> |
− | + | ||
− | + | <div class="col-md-6"> | |
− | + | <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style=" | |
− | + | padding-top: 80px;"> | |
− | + | </div><div class="col-md-6 col-lg-5"> | |
− | + | <div> | |
− | + | <h4 style=" | |
− | + | padding-bottom: 20px;; font-weight: bold;padding-top: 0px;;">Do you think that Synthetic Biology is just for scientists? How about doing it yourself? </h4> | |
− | + | <p style=" | |
− | + | padding-top: 7px;">Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory. </p> | |
− | + | ||
− | + | <p style="font-family: 'Lato' !important;"> | |
− | + | This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device. | |
− | + | ||
− | <div class="col-md- | + | </p> <p style="font-family: 'Lato' !important;">How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
− | < | + | |
− | + | <p style="font-family: 'Lato' !important;"> | |
− | + | And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.</p> | |
− | + | ||
− | + | <p style="font-weight: bold !important; font-family: 'Lato' !important;">This is our project. Do you want to join us?</p> | |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 1,542: | Line 1,076: | ||
<!--end of container--> | <!--end of container--> | ||
</section> | </section> | ||
− | <footer class="footer-3 text-center-xs space-- | + | |
+ | |||
+ | |||
+ | <footer class="footer-3 text-center-xs space--xxs "> | ||
<div class="container"> | <div class="container"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="row"> | <div class="row"> | ||
<div class="col-md-6"> | <div class="col-md-6"> | ||
Line 1,608: | Line 1,103: | ||
<i class="stack-interface stack-up-open-big"></i> | <i class="stack-interface stack-up-open-big"></i> | ||
</a> | </a> | ||
+ | |||
</body> | </body> | ||
+ | |||
+ | </html> | ||
+ | |||
+ | <html> | ||
+ | <!--Javascript Files --> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:scripts.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery3.1.1.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:parallax.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:smoothscroll.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.min.js?action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Latest revision as of 13:52, 29 June 2018
![image](https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png)
![Image](https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png)
Do you think that Synthetic Biology is just for scientists? How about doing it yourself?
Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory.
This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device.
How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology.
And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.
This is our project. Do you want to join us?