Difference between revisions of "Team:Valencia UPV"

 
(208 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{:Team:Valencia_UPV/main.css}}
+
{{:Team:Valencia_UPV/Templates:headUPV}}
−
{{:Team:Valencia_UPV/logocolor.css}}
+
{{:Team:Valencia_UPV/Templates:menuUPV}}
−
 
+
−
 
+
 
<html>
 
<html>
−
<head>
+
<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
−
<title>Valencia UPV iGEM 2015</title>
+
<!-- Banner -->
−
<meta charset="utf-8" />
+
<section id="banner">
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
          <h1>AladDNA</h1>
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
          <div id="slider">
−
+
          <figure>
−
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
<img src="https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png">
−
+
<img src="https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png">
−
</head>
+
<img src="https://static.igem.org/mediawiki/2015/2/24/ValenciaUPVMain3.png">
−
<body class="landing">
+
<img src="https://static.igem.org/mediawiki/2015/7/72/ValenciaUPVMain1.png">
−
<div id="page-wrapper">
+
<img src="https://static.igem.org/mediawiki/2015/9/97/ValenciaUPVMain2.png">
−
+
          </figure>
−
<!-- Header -->
+
          </div>
−
<header id="header" class="alt">
+
        </section>
−
<h1><a href="#">iGEM 2015 |</a>
+
<style>  
−
                                        <img id="burger">
+
−
                                       
+
−
                                        </h1>
+
  
−
<div id="fdw">
+
#main figure:hover >img {
−
<nav>
+
    opacity: 0.3;
−
<ul>
+
}
−
<li><a href="index.html" class="icon fa-angle-down">Home</a></li>
+
−
<li class="current"><a href="#">The Project<span class="arrow"></span></a>
+
−
<ul style="display: none;" class="sub_menu">
+
−
+
−
<li><a class="subCurrent" href="#">Abstract</a></li>
+
−
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Notebook">Notebook</a></li>
+
−
<li><a href="#">Modeling</a></li>
+
−
<li><a href="#">Elements example</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="#" class="icon fa-angle-down">Human Practices</a></li>
+
−
<li><a href="#" class="icon fa-angle-down">Attributions</a></li>
+
−
<li><a href="#" class="icon fa-angle-down">Collaborations</a></li>
+
−
<li class="current"><a href="#">Our Team<span class="arrow"></span></a>
+
−
<ul style="display: none;" class="sub_menu">
+
−
+
−
<li><a class="subCurrent" href="#">Members</a></li>
+
−
<li><a href="#">Contact</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="#" class="icon fa-angle-down">Safety</a></li>
+
−
</ul>
+
−
</nav>
+
−
</div>
+
−
</header>
+
  
−
<!-- Banner -->
+
#banner h1{
−
<section id="banner">
+
    padding-top:20px;
−
<style>
+
    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");}
−
</style>
 
−
<h2 style="font-weight:bold">Valencia UPV Team</h2>
 
−
 
−
<p>Be patient, we are under construction</p>
 
−
<ul class="actions">
 
−
<li><a href="#" class="button">Abstract</a></li>
 
−
<li><a href="#" class="button">Video</a></li>
 
−
</ul>
 
−
</section>
 
−
 
  
 +
figure {
 +
margin: 0;
 +
padding: 0;
 +
height: 85%;
 +
width:480px;
 +
position: relative;
 +
display: block;
 +
cursor: pointer;
 +
overflow: hidden;
 +
border: 3px solid #fff;
 +
}
  
−
<!-- Main -->
+
figcaption {
−
<section id="main" class="container">
+
opacity: 0;
 +
position: absolute;
 +
height: 60%;
 +
width: 110%;
 +
color: transparent;
 +
-webkit-transition: all .5s ease;
 +
-moz-transition: all .5s ease;
 +
-o-transition: all .5s ease;
 +
-ms-transition: all .5s ease;
 +
transition: all .5s ease;
 +
-webkit-transition-delay: .5s;
 +
-moz-transition-delay: .5s;
 +
-o-transition-delay: .5s;
 +
-ms-transition-delay: .5s;
 +
transition-delay: .5s;
 +
}
  
−
<section class="box special">
+
figure:hover figcaption {
−
<header class="major">
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
−
<h2>AladDNA
+
filter: alpha(opacity=100);
−
<br />
+
opacity: 1;
−
</h2>
+
top: 0;
−
<h3>The Problem</h3>
+
}
−
<div class="alignimage">
+
  
−
<p>If you compared an old mobile phone from 20 years ago, to a new one, the main differences would be the huge improvement of its capabilities and their amazing miniaturization. This multitask feature, provides us with small devices which manage bigger and bigger amounts of information.
+
figure img {
−
So, why not to apply this strategy in biology? The goal of our project is to develop a biosystem that could work as a source of plenty different compounds, depending on the user’s election. It doesn’t matter where you are, or what you need, because AladDNA will provide you with it! Just pick your product and let there be light, literally!
+
-webkit-transition: all 1s;
−
This idea is the result of tones of brainstorming hours. Let us introduce you a bit more the problem and explain why we chose this system.
+
-moz-transition: all 1s;
−
Producing materials in all countries involve the creation of huge factories, enormous quantities of raw material and high costs for transporting the entire production; this is a huge problem, specially for non-accessible areas or regions where it is impossible to create a factory, as space stations.</p>
+
-o-transition: all 1s;
−
<img class="resize" src='https://static.igem.org/mediawiki/2015/1/17/Fabrica.png'>
+
-ms-transition: all 1s;
−
<br />
+
transition: all 1s;
 +
-webkit-transition-delay: 0.5s;
 +
-moz-transition-delay: 0.5s;
 +
-o-transition-delay: 0.5s;
 +
-ms-transition-delay: 0.5s;
 +
transition-delay: 0.5s;
 +
}
  
−
<h3>The Idea</h3>
+
.box.special{
 +
padding-bottom:35px;
 +
}
  
−
<p><img class="resize" style="float: right; margin: 0px 15px 15px 0px; width:15em; vertical-align: middle;" src="https://static.igem.org/mediawiki/2015/7/77/Valencia_upv_unify.png" /><br/>So is there any object that produces utilities from raw material? Maybe a kind of Magic lamp?That is what we want to create in Valencia_UPV! Miniaturization of a factory to its minimum expression thanks to Genetic Engineering. </p>
 
  
−
<h3>The Solution</h3>
+
.box .image.featured:first-child{
 +
margin-bottom:1em;
 +
    padding-bottom:15px;
 +
}
 +
figcaption h3 {
 +
padding: 10px 20px;
 +
margin-bottom: 0;
 +
position: relative;
 +
margin-right: 1em;
 +
margin-top: 150px;
 +
font-size: 30px;
 +
color: black;
 +
font-weight:bold;
 +
}
  
−
<p>
+
figure:hover h3,figure:hover p {
−
<img class="resize" style="float: left; margin: 0px 15px 15px 0px; width:15em;" src="https://static.igem.org/mediawiki/2015/a/a8/Alpha.png" />
+
left: 0;
−
In order to create lots of different products from a single media, we have designed a biological circuit that allows plants to change their metabolic pathway thanks to light stimulus. It is a two-steps optogenetically controlled cascade, activated with red or blue light.
+
}
−
With this technology we can avoid using chemicals for changing the metabolic pathway and produce nearly anything we want in the cell, what is more, this can be virtually expanded to infinite, allowing the creation of several different compounds just with one machine.
+
−
The chassis for the experiment are plants, but why plants? They need light to grow, so maybe they aren’t the best organism for optogenetics, aren’t they?
+
−
In their primary growth steps, light is not needed, and, what is more, seeds are very resistant to unfavorable environments, so this allows us the creation of a gadget that keeps the seeds inside and which can be used in many different environments, from the dessert to the space. Just pressing a button, the gadget can be programmed to stimulate the plant with the correct sequence of light and with the enough intensity and time thanks to LEDs technology.
+
−
We are trying to produce some small proteins such as interferon alpha, a rotavirus vaccine, a cholera vaccine and lactoferrin, compounds that can be useful in underdeveloped countries, but keep in mind that the range of possibilities is enormous.
+
−
</p>
+
−
</div>
+
  
−
</header>
+
#banner{
−
<span class="image featured"><img alt=""/></span>
+
  background-image: none;
−
</section>
+
  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%; }
 +
}
  
−
</section>
+
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;
 +
}
  
−
<section class="box special features">
+
</style>
−
<div class="features-row">
+
−
<section>
+
−
<span class="icon major fa-bolt accent2"></span>
+
−
<h3>Project</h3>
+
−
<p>What is AladDNA? How does it work? Figure it out here.</p>
+
−
</section>
+
−
<section>
+
−
<span class="icon major fa-area-chart accent3"></span>
+
−
<h3>Modeling</h3>
+
−
<p>A great part of the project is the mathematical modeling of the biological circuit.</p>
+
−
</section>
+
−
</div>
+
−
<div class="features-row">
+
−
<section>
+
−
<span class="icon major fa-cloud accent4"></span>
+
−
<h3>Minecraft</h3>
+
−
<p>We develop a virtual reality about synthetic biology and related to our project. Try it!.</p>
+
−
</section>
+
−
<section>
+
−
<span class="icon major fa-lock accent5"></span>
+
−
<h3>Our team</h3>
+
−
<p>We are young and passionate scientist -at least we try. Do you want to know us?</p>
+
−
</section>
+
−
</div>
+
−
</section>
+
  
−
<div class="row">
+
−
<div class="6u 12u(narrower)">
+
 +
</section>
 +
 +
<!-- Main -->
 +
<section id="main" style="padding:4em 0 0 0" class="container">
  
−
<section class="box special">
+
<div class="row" style="font-size:initial">
−
<span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
+
<div class="12u">
−
<h3>Notebook</h3>
+
<section class="box">
−
<p>Watch step by step the experimental procedures!.</p>
+
<header class="major">
−
<ul class="actions">
+
<h2>Jamboree Results!<br />
−
<li><a href="#" class="button alt">Learn More</a></li>
+
−
</ul>
+
−
</section>
+
  
−
</div>
+
</h2><hr>
−
<div class="6u 12u(narrower)">
+
</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 class="box special">
 
−
<span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
 
−
<h3>Parts</h3>
 
−
<p>Our project requires many different parts to make the biological circuit.</p>
 
−
<ul class="actions">
 
−
<li><a href="#" class="button alt">Learn More</a></li>
 
−
</ul>
 
−
</section>
 
  
−
</div>
+
</section>
−
</div>
+
</div>
 +
</div>
  
−
</section>
+
<div class="row" style="font-size:initial">
 +
<div class="12u">
 +
<section class="box">
 +
<header class="major">
 +
<h2>AladDNA<br />
  
−
<!-- CTA -->
+
</h2><hr>
−
<section id="cta">
+
</header>
  
−
<h2>No matter where you are, or what you need, just ask your wish! Even if
+
<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>
  
−
you are not sick, fun and learning are guaranteed! Because AladDNA  
+
<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>
  
−
has no frontiers!</h2>
+
<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> Because AladDNA has no frontiers!</i></b></h7></div>  
  
 +
</p>
 +
<div id="scroll1"></div>
 +
</section>
 +
</div>
 +
</div>
  
  
−
</section>
+
<div class="row" style="font-size:initial;">
  
−
+
<div class="6u 12u(narrower)">
−
</div>
+
<section class="box special" style="margin: 0;padding-bottom: 2.3em;">
−
</div>
+
<span class="image featured"style="margin-bottom: 0;padding-bottom: 0;">
−
+
<figure>
−
</div>
+
<img style="height: 23.5em;" src="https://static.igem.org/mediawiki/2015/b/b8/ValenciaUPV_HOME_3IDEAS.png"></a>
−
<!-- Scripts -->
+
<figcaption>
−
                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Description" style="text-decoration: none;">
−
                        <script src="https://2015.igem.org/Team:Valencia_UPV/main.js?action=raw&ctype=text/javascript"></script>
+
<h3>Check here to meet our biological circuit</h3>
 +
</figcaption>
 +
</figure>
 +
</span>
 +
<h3>Project overview</h3>
 +
<ul class="actions">
 +
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Description" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
  
−
<div style="display:flex">
+
</div>
−
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
+
−
  <defs>
+
<div class="6u 12u(narrower)">
−
    <filter id="goo">
+
<section class="box special">
−
      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
+
<span class="image featured">
−
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
+
<figure>
−
      <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
+
<img style="width:40em;height:22.5em;
−
    </filter>
+
" src="https://static.igem.org/mediawiki/2015/6/64/UPV_fotobomb.png"></a>
−
    <filter id="goo-no-comp">
+
<figcaption>
−
      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
+
<a href="https://2015.igem.org/Team:Valencia_UPV/Modeling" style="text-decoration: none;">
−
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
+
<h3>Great circuit, great modeling</h3>
−
    </filter>
+
</figcaption>
−
  </defs>
+
</figure>
−
</svg>
+
</span>
−
</div>
+
<h3>Modeling</h3>
 +
<ul class="actions">
 +
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Modeling" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2015/7/7d/Valencia_upv_lamparabuena.png"></a>
 +
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Design" style="text-decoration: none;">
 +
<h3>Discover our magic lamp</h3>
 +
</figcaption>
 +
</figure>
 +
</span>
 +
<h3>The device</h3>
 +
<ul class="actions">
 +
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Design" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2015/4/42/Valencia_UPV_ConstruccionFinal.png" style="height: 22.2em;"></a>
 +
<figcaption>
 +
<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>
 +
</figure>
 +
</span>
 +
<h3>SynbioCraft</h3>
 +
<ul class="actions">
 +
<li><a href="https://2015.igem.org/Team:Valencia_UPV/Practices/Minecraft" class="button alt">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
</div>
 +
 
 +
</section>
 +
</html>
  
−
</body>
+
{{:Team:Valencia_UPV/Templates:footerUPV2}}
−
</html>
+
{{:Team:Valencia_UPV/Templates:footerUPV}}

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