Difference between revisions of "Team:Valencia UPV"

Line 3: Line 3:
 
 
 
<html>
 
<html>
<!-- Banner -->
+
<!-- Banner -->
 
+
<section id="banner">
 
<style>  
 
<style>  
#banner{background-image: url("images/overlay.png"), url("#");}
+
#banner{background-image: url("images/overlay.png"), url("https://static.igem.org/mediawiki/2015/a/a5/Valencia_upv_soyseedling.jpg");}
</style>
+
</style>
 
+
<style>
+
 
+
ul.img-list { list-style-type: none;margin:0;padding:0;text-align:center; }
+
ul.img-list li {width:400px;height:300px;margin-right:1em;position:relative;margin-bottom:1.5em;display:inline-block;}
+
ul.img-list li:hover span.text-content {opacity:1;-webkit-transform: scale(1.4);
+
-moz-transform: scale(1.4);
+
transform: scale(1.4);}
+
span.text-content {position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);color:white;cursor:pointer;display:table;width:400px;height:300px;opacity:0;
+
    -webkit-transition: opacity 500ms;
+
    -moz-transition: opacity 500ms;
+
    -o-transition: opacity 500ms;
+
    transition: opacity 500ms;}
+
span.text-content span {display:table-cell;vertical-align:middle;text-align:center;}
+
 
+
</style>
+
 
+
<section id="banner">
+
<h2><b>Banner</b></h2>
+
<p>Be patient, we are under construction</p>
+
<ul class="actions">
+
<li><a href="#scroll1" class="button">1</a></li>
+
<li><a href="#scroll2" class="button">2</a></li>
+
<li><a href="#scroll3" class="button">3</a></li>
+
</ul>
+
</section>
+
 
+
 
+
<!-- Main -->
+
  
 +
<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="https://www.youtube.com/watch?v=D9Nx-kyEsO0"  id="button02" class="button" target="blank">Video</a></li>
 +
</ul>
 +
</section>
 +
 +
<!-- Main -->
 
<section id="main" class="container">
 
<section id="main" class="container">
 
<div id="scroll1" class="row" style="font-size:initial">
 
<div id="scroll1" class="row" style="font-size:initial">
Line 43: Line 23:
 
<section class="box">
 
<section class="box">
 
<header class="major">
 
<header class="major">
<h2>Section 1<br />
+
<h2>AladDNA<br />
 
</h2><hr>
 
</h2><hr>
 
</header>
 
</header>
 
<p>Hello world</p>
 
  
<br/>
+
<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! 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. No matter where you are or what you need, just ask your wish! Because AladDNA has no frontiers!
<header id="scrollsect1" class="major">
+
</p>
<h3 style="text-align:left">Sub section 1<br />
+
</h3>
+
</header>
+
+
<p>Hello world</p>
+
+
 
</section>
 
</section>
 
</div>
 
</div>
</div>
+
</div>
 
 
<ul class="img-list" id="scroll2" style="font-size:initial;margin-bottom:3em">
+
<div class="row" style="font-size:initial">
<li>
+
<div class="6u 12u(narrower)">
<a href="https://2015.igem.org/Team:Valencia_UPV/Overview">
+
<section class="box special">
<img src="https://static.igem.org/mediawiki/2015/a/a8/Alpha.png" width="400" height="300" alt="">
+
<span class="image featured">
<span class="text-content"><span>What is our project about? Which are the parts? What have we done? Check here to meet our biological circuit</span></span>
+
<img src="https://static.igem.org/mediawiki/2015/a/a8/Alpha.png" href="https://2015.igem.org/Team:Valencia_UPV/Overview" alt="biocircuit" />
</a>
+
</span>
</li>
+
<h3>Project overview</h3>
<li>
+
<p>What is our project about? Which are the parts? What have we done? Check here to meet our biological circuit</p>
<a href="https://2015.igem.org/Team:Valencia_UPV/Practices">
+
</section>
<img src="https://static.igem.org/mediawiki/2015/e/e2/Valencia_upv_minecraft_thumb.jpg" width="400" height="300" alt="">
+
<span class="text-content"><span>The treasure of our policies and practices. The interactive platform has a lot of things to offer to you... Do you want to know more?</span></span>
+
</a>
+
</li>
+
<li>
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Design">
+
<img src="https://static.igem.org/mediawiki/2015/9/98/Valencia_upv_geniologo.png" width="400" height="300" alt="">
+
<span class="text-content"><span>Discover our magic lamp, the device that makes the magic to put the biological circuit to work</span></span>
+
</a>
+
</li>
+
<li>
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Modelling">
+
<img src="https://static.igem.org/mediawiki/2015/e/e6/Valencia_upv_circuit_thumb.png" width="400" height="300" alt="">
+
<span class="text-content"><span>A great multiplexed circuit needs a great modelling. So we did. Here the results!</span></span>
+
</a>
+
<li>
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Achievements">
+
<img src="https://static.igem.org/mediawiki/2015/2/26/Valencia_upv_goldmedal.png" width="400" height="300" alt="">
+
<span class="text-content"><span>After months of hard work, here we show you what we've managed to do and why it is really important</span></span>
+
</a>
+
</li>
+
</ul>
+
 
+
</section>
+
  
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<img style="height:374px" src="https://static.igem.org/mediawiki/2015/e/e2/Valencia_upv_minecraft_thumb.jpg" href="https://2015.igem.org/Team:Valencia_UPV/Practices" alt="minecraft hammer" />
 +
</span>
 +
<h3>Minecraft</h3>
 +
<p style="height:90px">The treasure of our policies and practices. The interactive platform has a lot of things to offer to you... Do you want to know more?</p>
 +
</section>
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<img style="width:20em; margin:auto" src="https://static.igem.org/mediawiki/2015/9/98/Valencia_upv_geniologo.png" href="https://2015.igem.org/Team:Valencia_UPV/Design" alt="magic lamp" />
 +
</span>
 +
<h3>The device</h3>
 +
<p style="margin-bottom:1em;height:90px;">Discover our magic lamp, the device that makes the magic to put the biological circuit to work</p>
 +
</section>
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e6/Valencia_upv_circuit_thumb.png" href="https://2015.igem.org/Team:Valencia_UPV/Modelling" alt="model circuit example" />
 +
</span>
 +
<h3>Modelling</h3>
 +
<p style="height:90px">A great multiplexed circuit needs a great modelling. So we did. Here the results!</p>
 +
</section>
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<img src="https://static.igem.org/mediawiki/2015/2/26/Valencia_upv_goldmedal.png" href="https://2015.igem.org/Team:Valencia_UPV/Achievements" alt="gold medal" />
 +
</span>
 +
<h3>Achievements</h3>
 +
<p style="height:90px">After months of hard work, here we show you what we've managed to do and why it is really important</p>
 +
</section>
 +
</div>
 +
</div>
 +
</section>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:footerUPV}}
 
{{:Team:Valencia_UPV/Templates:footerUPV}}

Revision as of 00:09, 13 September 2015

Valencia UPV iGEM 2015

AladDNA


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! 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. No matter where you are or what you need, just ask your wish! Because AladDNA has no frontiers!

biocircuit

Project overview

What is our project about? Which are the parts? What have we done? Check here to meet our biological circuit

minecraft hammer

Minecraft

The treasure of our policies and practices. The interactive platform has a lot of things to offer to you... Do you want to know more?

magic lamp

The device

Discover our magic lamp, the device that makes the magic to put the biological circuit to work

model circuit example

Modelling

A great multiplexed circuit needs a great modelling. So we did. Here the results!

gold medal

Achievements

After months of hard work, here we show you what we've managed to do and why it is really important