Difference between revisions of "Team:Valencia UPV"

 
(69 intermediate revisions by 6 users not shown)
Line 3: Line 3:
 
 
 
<html>
 
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
 
<!-- Banner -->
 
<!-- Banner -->
 
<section id="banner">
 
<section id="banner">
 +
          <h1>AladDNA</h1>
 +
          <div id="slider">
 +
          <figure>
 +
<img src="https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png">
 +
<img src="https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png">
 +
<img src="https://static.igem.org/mediawiki/2015/2/24/ValenciaUPVMain3.png">
 +
<img src="https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png">
 +
<img src="https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png">
 +
          </figure>
 +
          </div>
 +
        </section>
 
<style>  
 
<style>  
 +
 +
#main figure:hover >img {
 +
    opacity: 0.3;
 +
}
 +
 +
#banner h1{
 +
    padding-top:20px;
 +
    font-family: 'Calligraffitti', cursive;
 +
    position: absolute;
 +
    z-index: 1;
 +
    text-align: center;
 +
    width: 100%;
 +
    margin-top: 4%;
 +
    font-size: 90px;
 +
    color: black;
 +
    font-weight: bold;
 +
}
 
#banner{background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/a/a5/Valencia_upv_soyseedling.jpg");}
 
#banner{background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/a/a5/Valencia_upv_soyseedling.jpg");}
  
Line 11: Line 40:
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
−
height: 400px;
+
height: 85%;
 
width:480px;
 
width:480px;
 
position: relative;
 
position: relative;
Line 18: Line 47:
 
overflow: hidden;
 
overflow: hidden;
 
border: 3px solid #fff;
 
border: 3px solid #fff;
−
}
 
−
 
−
figure:hover figcaption {
 
−
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 
−
filter: alpha(opacity=100);
 
−
opacity: 1;
 
−
top: 0;
 
 
}
 
}
  
 
figcaption {
 
figcaption {
−
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 
−
filter: alpha(opacity=0);
 
 
opacity: 0;
 
opacity: 0;
 
position: absolute;
 
position: absolute;
−
height: 110%;
+
height: 60%;
 
width: 110%;
 
width: 110%;
−
background: rgba(0,0,0,.5);
+
color: transparent;
−
color: #fff;
+
 
-webkit-transition: all .5s ease;
 
-webkit-transition: all .5s ease;
 
-moz-transition: all .5s ease;
 
-moz-transition: all .5s ease;
Line 46: Line 65:
 
-ms-transition-delay: .5s;
 
-ms-transition-delay: .5s;
 
transition-delay: .5s;
 
transition-delay: .5s;
 +
}
 +
 +
figure:hover figcaption {
 +
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
top: 0;
 
}
 
}
  
Line 61: Line 87:
 
}
 
}
  
−
figure:hover img {
+
.box.special{
−
-webkit-transform: scale(1.1);
+
padding-bottom:35px;
−
-moz-transform: scale(1.1);
+
−
-o-transform: scale(1.1);
+
−
-ms-transform: scale(1.1);
+
−
transform: scale(1.1);
+
 
}
 
}
  
 +
 +
.box .image.featured:first-child{
 +
margin-bottom:1em;
 +
    padding-bottom:15px;
 +
}
 
figcaption h3 {
 
figcaption h3 {
 
padding: 10px 20px;
 
padding: 10px 20px;
Line 84: Line 111:
 
}
 
}
  
 +
#banner{
 +
  background-image: none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
@keyframes slidy {
 +
0% { left: 0%; }
 +
20% { left: 0%; }
 +
25% { left: -100%; }
 +
45% { left: -100%; }
 +
50% { left: -200%; }
 +
70% { left: -200%; }
 +
75% { left: -300%; }
 +
95% { left: -300%; }
 +
100% { left: -400%; }
 +
}
 +
 +
body { margin: 0; }
 +
div#slider { overflow: hidden; height:inherit; margin-top:2.7em;}
 +
div#slider figure img { width: 20%; float: left; height: 508px;}
 +
div#slider figure {
 +
  position: relative;
 +
  width: 500%;
 +
  margin: 0;
 +
  left: 0;
 +
  text-align: left;
 +
  font-size: 0;
 +
  animation: 17s slidy infinite;
 +
}
  
 
</style>
 
</style>
  
−
<h2>Valencia UPV</h2>
+
−
<p>Be patient, we are under construction</p>
+
−
<ul class="actions">
+
−
<li><a href="#main" class="button">Abstract</a></li>
+
−
<li><a href="#scroll1" class="button">Explore our site</a></li>
+
−
</ul>
+
 
</section>
 
</section>
 
 
 
<!-- Main -->
 
<!-- Main -->
 
<section id="main" style="padding:4em 0 0 0" class="container">
 
<section id="main" style="padding:4em 0 0 0" class="container">
−
<div class="row" style="font-size:initial">
+
 
 +
<div class="row" style="font-size:initial">
 +
<div class="12u">
 +
<section class="box">
 +
<header class="major">
 +
<h2>Jamboree Results!<br />
 +
 
 +
</h2><hr>
 +
</header>
 +
<br>
 +
<div style="float:left"><img src="https://static.igem.org/mediawiki/2015/8/8f/Valencia_upv_teamjamboree.jpeg" style="width:20em; margin-right: 2em"></div>
 +
<br><p>In the 2015 Giant Jamboree we had a great time, learned an incredible amount of SynBio, and won a <b style="color:#FFD700">GOLD MEDAL!</b> Other teams were deeply attracted by our <a href="https://2015.igem.org/Team:Valencia_UPV/Practices/Minecraft">SynBiocraft</a> Minecraft mod, the light of our bioreactor model with <a href="https://2015.igem.org/Team:Valencia_UPV/Design">magic lamp</a> shape, and judges had a very positive valoration of our presentation and our <a href="https://2015.igem.org/Team:Valencia_UPV/Circuit">biological decoder</a>, the star of our project. Don't hesitate on checking our webpage. Enjoy your travel through the Valencia UPV iGEM project.</p>
 +
 
 +
 
 +
</section>
 +
</div>
 +
</div>
 +
 
 +
<div class="row" style="font-size:initial">
 
<div class="12u">
 
<div class="12u">
 
<section class="box">
 
<section class="box">
 
<header class="major">
 
<header class="major">
 
<h2>AladDNA<br />
 
<h2>AladDNA<br />
 +
 
</h2><hr>
 
</h2><hr>
 
</header>
 
</header>
  
 
<p>
 
<p>
−
Conventional production methods require huge and specialized infrastructures, making the establishment of new production facilities in remote locations complicated. What if we could just send information that could unfold on site? AladDNA is a new revolutionary system able to process genetic information and give a response based on the user’s needs just like a genie in a lamp! </p>
+
Conventional bioproduction methods require huge and specialized infrastructures for each new product, difficulting the fulfilment of the manufacturing needs in remote locations. What if we could just send information that could unfold on site? AladDNA is an innovative genetic design aimed to encode the manufacturing instructions for several bioproducts as genetic information. It is also capable to process this information on demand as single output products in response to the user´s wishes. Just like a genie in a lamp! </p>
−
<p>This system uses DNA to store information inside a plant seed, acting as a miniaturized and flexible biofactory capable of producing a myriad of bioproducts such as interferon alpha or anti-choleric vaccines. Equipped with a multiplexed-optogenetically controlled circuit, AladDNA can activate the production of different high-added value products upon the reception of external signals based on combinations of light stimuli. AladDNA allows bioproduction in any condition avoiding prohibitive costs due to infrastructures.  </p>
+
 
 +
<p>This system uses DNA to store information inside a plant seed, acting as a miniaturized and flexible biofactory capable of producing different bioproducts such as interferon alpha or anti-choleric vaccines. Equipped with an optogenetically controlled decoder, AladDNA can activate the production of different high-added value products upon the reception of external signals based on combinations of light stimuli. AladDNA allows bioproduction in any condition avoiding prohibitive costs due to infrastructures.  </p>
  
 
<p> <div style="text-align: center;"><h7><b><i>No matter where you are or what you need, just ask your wish!</i></b></h7></div> </p>  
 
<p> <div style="text-align: center;"><h7><b><i>No matter where you are or what you need, just ask your wish!</i></b></h7></div> </p>  
Line 117: Line 189:
 
</div>
 
</div>
 
</div>
 
</div>
−
+
 
 +
 
 
<div class="row" style="font-size:initial;">
 
<div class="row" style="font-size:initial;">
 +
 
<div class="6u 12u(narrower)">
 
<div class="6u 12u(narrower)">
−
<section class="box special">
+
<section class="box special" style="margin: 0;padding-bottom: 2.3em;">
−
<span class="image featured">
+
<span class="image featured"style="margin-bottom: 0;padding-bottom: 0;">
 
<figure>
 
<figure>
−
<img src="https://static.igem.org/mediawiki/2015/9/99/HomeOverviewImagen.png">
+
<img style="height: 23.5em;" src="https://static.igem.org/mediawiki/2015/b/b8/ValenciaUPV_HOME_3IDEAS.png"></a>
−
<figcaption style="background:rgba(32,27,193,0.5)">
+
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Description" style="text-decoration: none;">
 
<h3>Check here to meet our biological circuit</h3>
 
<h3>Check here to meet our biological circuit</h3>
 
</figcaption>
 
</figcaption>
Line 131: Line 206:
 
<h3>Project overview</h3>
 
<h3>Project overview</h3>
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button alt">Learn More</a></li>
+
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Description" class="button alt">Learn More</a></li>
 
</ul>
 
</ul>
 
</section>
 
</section>
Line 141: Line 216:
 
<span class="image featured">
 
<span class="image featured">
 
<figure>
 
<figure>
−
<img src="https://static.igem.org/mediawiki/2015/5/53/Valencia_upv_minecraft_main.jpg">
+
<img style="width:40em;height:22.5em;
−
<figcaption style="background:rgba(12,119,59,0.5)">
+
" src="https://static.igem.org/mediawiki/2015/6/64/UPV_fotobomb.png"></a>
−
<h3>The treasure of our policies and practices</h3>
+
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Modeling" style="text-decoration: none;">
 +
<h3>Great circuit, great modeling</h3>
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 
</span>
 
</span>
−
<h3>Minecraft</h3>
+
<h3>Modeling</h3>
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button alt">Learn More</a></li>
+
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Modeling" class="button alt">Learn More</a></li>
 
</ul>
 
</ul>
 
</section>
 
</section>
Line 158: Line 235:
 
<span class="image featured">
 
<span class="image featured">
 
<figure>
 
<figure>
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Valencia_upv_geniologo.png">
+
<img src="https://static.igem.org/mediawiki/2015/7/7d/Valencia_upv_lamparabuena.png"></a>
−
<figcaption style="background:rgba(161,29,161,0.5)">
+
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Design" style="text-decoration: none;">
 
<h3>Discover our magic lamp</h3>
 
<h3>Discover our magic lamp</h3>
 
</figcaption>
 
</figcaption>
Line 166: Line 244:
 
<h3>The device</h3>
 
<h3>The device</h3>
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button alt">Learn More</a></li>
+
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Design" class="button alt">Learn More</a></li>
 
</ul>
 
</ul>
 
</section>
 
</section>
Line 175: Line 253:
 
<span class="image featured">
 
<span class="image featured">
 
<figure>
 
<figure>
−
<img src="https://static.igem.org/mediawiki/2015/e/e6/Valencia_upv_circuit_thumb.png">
+
<img src="https://static.igem.org/mediawiki/2015/4/42/Valencia_UPV_ConstruccionFinal.png" style="height: 22.2em;"></a>
−
<figcaption style="background:rgba(32,27,193,0.5)">
+
<figcaption>
−
<h3>Great multiplexed circuit, great modelling</h3>
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Practices/Minecraft" style="text-decoration: none;">
 +
<h3>The treasure of our policy and practices</h3>
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 
</span>
 
</span>
−
<h3>Modelling</h3>
+
<h3>SynbioCraft</h3>
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button alt">Learn More</a></li>
+
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Practices/Minecraft" class="button alt">Learn More</a></li>
 
</ul>
 
</ul>
 
</section>
 
</section>

Latest revision as of 02:05, 20 November 2015

Valencia UPV iGEM 2015

Jamboree Results!



In the 2015 Giant Jamboree we had a great time, learned an incredible amount of SynBio, and won a GOLD MEDAL! Other teams were deeply attracted by our SynBiocraft Minecraft mod, the light of our bioreactor model with magic lamp shape, and judges had a very positive valoration of our presentation and our biological decoder, the star of our project. Don't hesitate on checking our webpage. Enjoy your travel through the Valencia UPV iGEM project.

AladDNA

Conventional bioproduction methods require huge and specialized infrastructures for each new product, difficulting the fulfilment of the manufacturing needs in remote locations. What if we could just send information that could unfold on site? AladDNA is an innovative genetic design aimed to encode the manufacturing instructions for several bioproducts as genetic information. It is also capable to process this information on demand as single output products in response to the user´s wishes. Just like a genie in a lamp!

This system uses DNA to store information inside a plant seed, acting as a miniaturized and flexible biofactory capable of producing different bioproducts such as interferon alpha or anti-choleric vaccines. Equipped with an optogenetically controlled decoder, AladDNA can activate the production of different high-added value products upon the reception of external signals based on combinations of light stimuli. AladDNA allows bioproduction in any condition avoiding prohibitive costs due to infrastructures.

No matter where you are or what you need, just ask your wish!

Because AladDNA has no frontiers!

Check here to meet our biological circuit

Project overview

Great circuit, great modeling

Modeling

Discover our magic lamp

The device

The treasure of our policy and practices

SynbioCraft