Difference between revisions of "Team:Valencia UPV"

 
(172 intermediate revisions by 5 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}}
 +
{{Valencia_UPV/navBar}}
 +
 
<html>
 
<html>
−
<head>
 
−
<meta charset="utf-8"/>
 
−
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
 
−
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
 
 
<style>
 
<style>
−
.jopeiconohome{
 
−
width:98% !important;
 
−
}
 
−
.premium-thumbnail-circle .info {
 
−
width: 85% !important;
 
−
height: 95% !important;
 
−
top: 0px !important;
 
−
bottom: 0 !important;
 
−
left: 22px !important;
 
−
right: 0 !important;
 
−
border-radius: 0% !important;
 
−
transition: all 0.3s ease-in-out !important;
 
−
}
 
−
.premium-thumbnail-circle {
 
−
width: 30% !important;
 
−
height: 30% !important;
 
−
border-radius: 0% !important;
 
−
}
 
−
#HQ_pag h1 {
 
−
font-size: 36px !important;
 
−
margin: 0 0 17px 0 !important;
 
−
}
 
−
#HQ_pag p{
 
−
margin-bottom: 16px !important;
 
  
−
}
+
#home_logo, #sideMenu { display:none; }
−
.premium-thumbnail-circle .info p{
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
    color: #fff !important;
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
−
    padding: 10px 5px !important;
+
 
−
    padding-top: 14px !important;
+
 
−
    margin: 0px 10px !important;
+
 
−
    font-size: 14px !important;
+
</style>
−
    border-top: 1px solid rgba(255, 255, 255, 1) !important;
+
 
−
    line-height: 20px !important;
+
<head>
−
}
+
  <meta charset="utf-8">
−
.premium-thumbnail-circle .info h3{
+
  <title>Stack Multipurpose HTML Template</title>
−
    color: #fff !important;
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    text-transform: uppercase !important;
+
  <meta name="description" content="Site Description Here">
−
    position: relative !important;
+
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
−
    letter-spacing: 1px !important;
+
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
−
    font-size: 20px !important;
+
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
−
    margin: 0 10px !important;
+
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
    padding: 60px 0 15px 0 !important;
+
 
−
}
+
−
</style>
+
 
</head>
 
</head>
−
<body>
 
−
<div id="header" class="navbar-toggleable-md sticky clearfix">
 
  
−
<!-- TOP NAV -->
 
−
<header id="topNav">
 
−
<div class="container">
 
  
−
<!-- Mobile Menu Button -->
 
−
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
 
−
<i class="fa fa-bars"></i>
 
−
</button>
 
  
−
<!-- BUTTONS -->
+
<!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA
−
<ul class="float-right nav nav-pills nav-social nav-second-main">
+
−
<li>
+
−
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
−
<i class="fa fa-instagram"></i>
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
−
<i class="fa fa-facebook"></i>
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
+
−
<i class="fa fa-globe"></i>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
<!-- /BUTTONS -->
+
  
−
<!-- Logo -->
+
He puesto justo debajo los atributos height y width a 200 píxeles
−
<a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
+
por defecto pero se puede modificar. Con esos valores, cualquier foto
−
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
+
que pongas se va a ver con un tamaño de 200x200.
−
</a>
+
 
−
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
+
-->
−
<nav class="nav-main">
+
                                     
−
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
+
<div style="
−
<li class="dropdown">
+
    position: absolute;
−
<a class="dropdown-toggle" href="#">
+
    padding-right: 1em;
−
TEAM
+
    padding-bottom: 1em;
−
</a>
+
    padding-left: 1em;
−
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
    z-index: 99;
−
<li>
+
    width: 100%;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
+
    text-align: right;
−
Team
+
">
−
</a>
+
 
−
</li>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Awards">
−
<li>
+
<img style="
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
+
    margin: 0 !important;
−
Attributions
+
    width: 200px;
−
</a>
+
    height: 200px;
−
</li>
+
 
−
</ul>
+
" src="https://static.igem.org/mediawiki/2018/7/7d/T--Valencia_UPV--TROFEOGIF_ale.gif">
−
</li>
+
</a>
−
<li class="dropdown">
+
 
−
<a class="dropdown-toggle" href="#">
+
 
−
PROJECT
+
</div>
−
</a>
+
 
−
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<!---->
−
<li>
+
 
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
+
 
−
Description
+
 
−
</a>
+
<div class="t-cover" style="
−
</li>
+
height: 100vh; margin-top: -20px;background-color: #DCDEDC;">
−
<li>
+
 
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
 
−
Results
+
 
−
</a>
+
 
−
</li>
+
 
−
<li>
+
<div id="media-box">
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design">
+
 
−
Applied Design
+
 
−
</a>
+
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
−
</li>
+
                                        <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
−
<li>
+
                                      </video>
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
+
                                    <center style="
−
Collaborations
+
height: 100%;
−
</a>
+
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
−
</li>
+
<a class="btn down inner-link active" href="#story" style="
−
<li>
+
;;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
+
font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
−
Achievements
+
            <i class="stack-interface stack-down-open-big"></i>
−
</a>
+
        </a>
−
</li>
+
</center></div>
−
<li>
+
</div>
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
+
<div class="main-container" style=""><row>
−
Safety
+
 
−
</a>
+
 
−
</li>
+
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
−
</ul>
+
 
−
</li>
+
 
−
<li class="dropdown">
+
 
−
<a class="dropdown-toggle" href="#">
+
 
−
WET LAB
+
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
−
</a>
+
<div class="col-md-12" style="
−
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
z-index: 99;
−
<li>
+
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
+
 
−
Biological Design
+
<section class="imageblock " style="
−
</a>
+
padding-bottom: 0px !important;
−
</li>
+
height: 722px;
−
<li>
+
padding-bottom: 24px;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
+
;background-color: #DCDEDC;
−
Experiments
+
"><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row>
−
</a>
+
               
−
</li>
+
               
−
<li>
+
<div class=" col-lg-6 col-md-6" style="
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
+
float: left !important;
−
Protocols
+
padding-right: 0px;
−
</a>
+
padding-left: 0px;
−
</li>
+
position:  relative;
−
<li>
+
float: left;">
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
+
                    <div class="row" style="
−
Notebook
+
padding: 5em;
−
</a>
+
;
−
</li>
+
display: block;
−
<li>
+
position: absolute;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
+
height: 100%;
−
Contribution
+
/*! background-color: #DCDEDC; */
−
</a>
+
">
−
</li>
+
                        <div class="col-lg-12 col-md-12 mt--12" style="
−
<li>
+
padding-right: 3em;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
+
display: block;">
−
PlantSynBio
+
                           
−
</a>
+
                     
−
</li>
+
                            <div class="modal-instance block">
−
<li>
+
                               
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
+
                               
−
Parts
+
                               
−
</a>
+
                                <!--end of modal-container-->
−
</li>
+
                            </div>
−
</ul>
+
                            <!--end of modal instance-->
−
</li>
+
                        </div>
−
<li class="dropdown">
+
                    </div>
−
<a class="dropdown-toggle" href="#">
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style="
−
DRY LAB
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><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"></a>
−
</a>
+
</div>
−
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<div class=" col-lg-6 col-md-6 pos-left" style="
−
<li>
+
padding-right: 0px;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
padding-left: 0px;
−
Modeling
+
position: relative;
−
</a>
+
height: 100%;
−
</li>
+
background-color: #DCDEDC;
−
<li>
+
float: right;">
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><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"></a>
−
Software
+
<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">
−
</a>
+
 
−
</li>
+
                   
−
<li>
+
                    <!--end of row-->
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
+
                </div>
−
Hardware
+
                <!--end of container--></row>
−
</a>
+
            </section>
−
</li>
+
<section class="" style="
−
<li>
+
padding-top: -1px;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
padding-bottom: 0px !important;
−
Graphic Design
+
height: 722px;
−
</a>
+
padding-bottom: 24px;
−
</li>
+
;"><div style="
−
</ul>
+
float: left;">
−
</li>
+
               
−
<li class="dropdown">
+
               
−
<a class="dropdown-toggle" href="#">
+
<div class=" col-lg-6 col-md-6" style="
−
HUMAN PRACTICES
+
top: -7.5em;float: left !important;
−
</a>
+
padding-right: 0px;
−
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
padding-left: 0px;
−
<li>
+
position: relative;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
float: left;">
−
Outreach
+
                    <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
−
</a>
+
float: left;
−
</li>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
<li>
+
</div>
−
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
<div class=" col-lg-6 col-md-6" style="
−
Integrated and gold
+
top: -7.5em;float: right !important;
−
</a>
+
padding-right: 0px;
−
</li>
+
padding-left: 0px;
−
</ul>
+
position:  relative;
−
</li>                                                               
+
float: left;">
−
</ul>
+
                    <div style="
−
</nav>
+
width: 100%;
−
</div>
+
height: 16%;"><h1 style="
−
</div>
+
padding-top: 1.8em !important; padding-left: 2em !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;">Abstract</h1><p style="
−
</header>
+
padding-top: 9.5em !important;
−
<!-- /TOP NAV -->
+
padding-left: 6em !important;
−
</div>
+
margin: 0em !important;
−
<!-- VIDEO -->
+
height: 87% !important;
−
<section class="section-xs" style="background-color: #005e72;">
+
margin-bottom: 11em !important;margin-left: 6em;
−
<div class="row">
+
margin-top: 5em;
−
<div class="col-md-1"></div>
+
padding-right: 5em !important;
−
<div class="col-md-10" style="background-color:#005e72">
+
font-size: 18px !important;
−
<video onclick="this.play()" class="wow fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp; width:100%" controls="" poster="https://static.igem.org/mediawiki/2017/9/95/GifVideoHomeValencia.gif">
+
width: 102%;
−
<source src="https://static.igem.org/mediawiki/2017/a/ac/VideoPedrita3.mp4" type="video/mp4">
+
overflow-x: hidden !important;
−
</video>
+
padding: 0;
−
</div>
+
height: 100%;
−
<div class="col-md-1"></div>
+
overflow: scroll;
−
</div>
+
letter-spacing: 0px;
−
</section>
+
line-height: 27px !important;
−
<!-- /VIDEO -->
+
 
−
<!-- ABSTRACT -->
+
color: white;
−
<section class="section-lg">
+
    position: absolute;
−
<div class="row">
+
    left: 0em;
−
<div class="col-md-2"></div>
+
    z-index: 20;">
−
<div class="col-md-8 container" style="background-color: #fff;">
+
                              Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. <font size="+1"><b>Printeria</b></font> is 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. It breaks down these barriers using 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. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy.
−
<div class="heading-color">
+
Printeria opens the door to a world of applications affordable for the general public.
−
<h1 style="font-weight: 500 !important;"><span>ABSTRACT</span></h1>
+
                            </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
−
</div>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
<p class="jopesangria">Urban overpopulation, climate change and natural resources decrement are threatening <strong class="jopenegrita">food security</strong>. Ensuring season-less, accessible and local food production promotes a sustainable agriculture. Valencia_UPV provides a whole new system to <strong class="jopenegrita">control plant physiology</strong> at both genetic and environmental level.</p>
+
</div>
−
<p class="jopesangria">ChatterPlant is a SynBio-based solution that works as plant-human interface allowing a <strong class="jopenegrita">bidirectional communication</strong>. First, a root-specific modular <strong class="jopenegrita">optogenetic</strong> circuit enables control on plants´ endogenous gene expression (e.g flowering). Then, a <strong class="jopenegrita">sensor</strong> circuit with color coded output provides specific information of stress conditions, accelerating corrective measures. The genetic setup is complemented with a <strong class="jopenegrita">hardware device</strong>, ChatterBox, specially designed to control plant’s growth conditions.</p>
+
 
−
<p class="jopesangria">ChatterPlant’s possibilities can be improved gathering Plant SynBio knowledge. PlantLabCo is an <strong class="jopenegrita">open-access</strong> online platform which aims to unify Plant SynBio researchers’ work. Individual results can be published, supported by a <strong class="jopenegrita">modeling software</strong> tool integrated to ease the mathematical models’ generation of genetic circuits.</p>
+
                <!--end of container--></div>
−
</div>
+
            </section></div>
−
<div class="col-md-2"></div>
+
 
−
</div>
+
 
−
</section>
+
<!--------------------------------------------TEXTO------------------------------------------------>
−
<!-- /ABSTRACT -->
+
 
−
<!-- PRIZES -->
+
 
−
<section class="section-xs" style="margin-bottom: 100px !important;">
+
 
−
<div class="row">
+
   
−
<div class="col-md-2"></div>
+
<div class="container hashlink" tabindex="-1" style="outline: none;position: relative;">
−
<div class="col-md-8">
+
 
−
<div class="row">
+
 
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
 
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design" target="_blank">
+
                                   
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/0/03/IconoAppliedDesignHomeValencia.jpeg">
+
                                   
−
<div class="info" style="background: rgba(250, 217, 168, 0.96) !important">
+
<div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1">
−
<div class="info-back">
+
 
−
<h3 class="jopeh3info">APPLIED DESIGN</h3>
+
<div style="
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">ChatterPlant proposes an elegant and innovative solution to cover present and future agriculture needs.</p>
+
margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
−
</div>
+
margin-bottom: 0px !important;
−
</div>
+
margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
−
</a>
+
position: relative;
−
</div>
+
z-index: 50;
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style="
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant" target="_blank">
+
float: left;
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/a/a3/IconoPlantSynBioHomeValencia.jpeg">
+
margin-top: 0;
−
<div class="info" style="background: rgba(0, 147, 158, 0.9) !important">
+
  /* width: 56%; */">
−
<div class="info-back">
+
<div class="blue" style="
−
<h3 class="jopeh3info">PLANTSYNBIO</h3>
+
opacity: 0.2;
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">A genetic interface enables a bidirectional human-plant communication designing a modular optogenetic circuit and a color sensor system in plant chassis.</p>
+
height: 100%;
−
</div>
+
width: 100%;
−
</div>
+
position: absolute;"></div>
−
</a>
+
</div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style="
−
</div>
+
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="
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
float: right;
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Model" target="_blank">
+
margin-top: 0;"><div class="yellow" style="
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/6/67/IconoModelingHomeValencia.jpeg">
+
opacity: 0.2;
−
<div class="info" style="background: rgba(238, 159, 159, 0.9) !important">
+
height: 100%;
−
<div class="info-back">
+
width: 100%;
−
<h3 class="jopeh3info">MODELING</h3>
+
position: absolute;"></div></div>
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">In our modeling, we focused on understanding and optimizing Chatterplant performance ensuring a smooth communication between plants and humans.</p>
+
 
−
</div>
+
</a></div>
−
</div>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
−
</a>
+
position: relative; z-index: 50; float: left; width: 52%;;
−
</div>
+
width: 48%;
−
</div>
+
float: right;"></a>
−
<div class="row" style="margin-top: 40px;">
+
 
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
<a style="
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware" target="_blank">
+
margin-top: 0em;
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/5/5e/IconoHardwareHomeValencia.jpeg">
+
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
−
<div class="info" style="background: rgba(234, 146, 125, 0.9) !important">
+
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
−
<div class="info-back">
+
margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style="
−
<h3 class="jopeh3info">HARDWARE</h3>
+
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="
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">ChatterBox resulted from combining control over climatic conditions and SynBio with the objective of increasing sustainability.</p>
+
float: right;
−
</div>
+
margin-top: 0;"><div class="red" style="
−
</div>
+
opacity: 0.2;
−
</a>
+
height: 100%;
−
</div>
+
width: 100%;
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
position: absolute;"></div></div>
−
<a href="https://2017.igem.org/Team:Valencia_UPV/Software" target="_blank">
+
 
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/3/38/IconoSoftwareHomeValencia.jpeg">
+
</a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
<div class="info" style="background: rgba(123, 195, 204, 0.9) !important">
+
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="
−
<div class="info-back">
+
float: right;
−
<h3 class="jopeh3info">SOFTWARE</h3>
+
margin-top: 0;"><div class="yellow" style="
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">PlantLabCo is PlantSynBio's divulgation website, where we created a standard for information and tools for synthetic biology in plants.</p>
+
opacity: 0.2;
−
</div>
+
height: 100%;
−
</div>
+
width: 100%;
−
</a>
+
position: absolute;"></div></div>
−
</div>
+
 
−
<div class="col-md-4 premium-thumbnail-circle" style="text-align: center !important;">
+
</a></div>
−
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated" target="_blank">
+
 
−
<img class="img-responsive jopeiconohome" src="https://static.igem.org/mediawiki/2017/3/3c/IconoHumanPracticesHomeValencia.jpeg">
+
</div><div class="col-md-12 row" style="
−
<div class="info" style="background: rgba(174, 211, 172, 0.9) !important">
+
padding-left: 2em;
−
<div class="info-back">
+
padding-right: 0em !important;margin-bottom: 5em;">
−
<h3 class="jopeh3info">HUMAN PRACTICES</h3>
+
                   
−
<p style="font-size: 14px !important; line-height: 20px !important; text-align: center !important;">Several studies provided us with the information for development and integration of Chatterplant in the society.</p>
+
<div class="col-md-3"><div style="
−
</div>
+
;
−
</div>
+
float: left;
−
</a>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
</div>
+
background-position: center center;
−
</div>
+
background-size: cover;
−
</div>
+
;
−
<div class="col-md-2"></div>
+
height: 142px !important;
−
</div>
+
border-top-left-radius: 13px;
−
</section>
+
border-top-right-radius: 13px;
−
<!-- /PRIZES -->
+
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
−
<!-- SCROLL TO TOP -->
+
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
−
<a href="#" id="toTop"></a>
+
 
−
<!-- /SCROLL TO TOP -->
+
</div></div>
−
<!-- PRELOADER -->
+
<div class="col-md-3"><div style="
−
<div id="preloader">
+
;
−
<div class="inner">
+
float: left;
−
<span class="loader"></span>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
−
</div>
+
background-position: center center;
−
</div>
+
background-size: cover;
−
<!-- /PRELOADER -->
+
;
−
<!-- JAVASCRIPT FILES -->
+
height: 142px !important;
−
                <script>
+
border-top-left-radius: 13px;
−
setTimeout(function() {
+
border-top-right-radius: 13px;
−
$( "p" ).first().css({ display: "none" });
+
background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
−
},0);
+
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
−
</script>
+
 
 +
</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 id="btnHomeModel" 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>
 
</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/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?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>
 +
 +
(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>
 
</html>
 +
{{Valencia_UPV/footer}}

Latest revision as of 17:17, 7 December 2018

Stack Multipurpose HTML Template

image
image
image

Abstract

Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria is 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. It breaks down these barriers using 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. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit 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