Difference between revisions of "Team:Valencia UPV"

 
(276 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
 
+
{{:Team:Valencia_UPV/Templates:headUPV}}
−
<html>
+
{{:Team:Valencia_UPV/Templates:menuUPV}}
−
<head>
+
−
<title>Valencia UPV iGEM 2015</title>
+
−
<meta charset="utf-8" />
+
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
−
<link rel="stylesheet" href="https://2015.igem.org/Team:Valencia_UPV/main.css?action=raw&ctype=text/css" type="text/css" />
+
−
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
−
<link rel="stylesheet" href="https://2015.igem.org/Team:Valencia_UPV/logocolor.css?action=raw&ctype=text/css" type="text/css" />
+
−
+
−
</head>
+
−
<body class="landing">
+
−
<div id="page-wrapper">
+
 
 
−
<!-- Header -->
+
<html>
−
<header id="header" class="alt">
+
<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
−
<h1><a href="index.html">iGEM 2015</a> | Valencia UPV Team</h1>
+
<!-- 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>  
  
−
<nav id="nav">
+
#main figure:hover >img {
−
<ul>
+
    opacity: 0.3;
−
<li><a href="index.html">Home</a></li>
+
}
−
<li>
+
−
<a href="#" class="icon fa-angle-down">The Project</a>
+
−
<ul>
+
−
<li><a href="#">Abstract</a></li>
+
−
<li><a href="#">Notebook</a></li>
+
−
<li><a href="#">Modeling</a></li>
+
−
<li><a href="#">Elements example</a></li>
+
−
<li>
+
−
<a href="#">Parts</a>
+
−
<ul>
+
−
<li><a href="#">Part 1</a></li>
+
−
<li><a href="#">Part 2</a></li>
+
−
<li><a href="#">Part 3</a></li>
+
−
<li><a href="#">Part 4</a></li>
+
−
</ul>
+
−
</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>
+
−
<a href="#" class="icon fa-angle-down">Our Team</a>
+
−
<ul>
+
−
<li><a href="members.html">Members</a></li>
+
−
<li><a href="contact.html">Contact</a></li>
+
−
</li>
+
−
</ul>
+
−
<li>
+
−
<a href="#" class="icon fa-angle-down">Safety</a>
+
−
</li>
+
−
<li><a href="#" class="button">Login</a></li>
+
−
</ul>
+
−
</nav>
+
−
</header>
+
  
−
<!-- Banner -->
+
#banner h1{
−
<section id="banner">
+
    padding-top:20px;
−
<h2 style="font-weight:bold">Valencia UPV Team</h2>
+
    font-family: 'Calligraffitti', cursive;
−
+
    position: absolute;
−
<p>Be patient, we are under construction</p>
+
    z-index: 1;
−
<ul class="actions">
+
    text-align: center;
−
<li><a href="#" class="button special">Abstract</a></li>
+
    width: 100%;
−
<li><a href="#" class="button">Video</a></li>
+
    margin-top: 4%;
−
</ul>
+
    font-size: 90px;
−
</section>
+
    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");}
  
 +
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>The project
+
filter: alpha(opacity=100);
−
<br />
+
opacity: 1;
−
AladDNA</h2>
+
top: 0;
−
<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! .</p>
+
}
−
</header>
+
−
<span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
+
−
</section>
+
  
−
<section class="box special features">
+
figure img {
−
<div class="features-row">
+
-webkit-transition: all 1s;
−
<section>
+
-moz-transition: all 1s;
−
<span class="icon major fa-bolt accent2"></span>
+
-o-transition: all 1s;
−
<h3>Project</h3>
+
-ms-transition: all 1s;
−
<p>What is AladDNA? How does it work? Figure it out here.</p>
+
transition: all 1s;
−
</section>
+
-webkit-transition-delay: 0.5s;
−
<section>
+
-moz-transition-delay: 0.5s;
−
<span class="icon major fa-area-chart accent3"></span>
+
-o-transition-delay: 0.5s;
−
<h3>Modeling</h3>
+
-ms-transition-delay: 0.5s;
−
<p>A great part of the project is the mathematical modeling of the biological circuit.</p>
+
transition-delay: 0.5s;
−
</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">
+
.box.special{
−
<div class="6u 12u(narrower)">
+
padding-bottom:35px;
 +
}
  
−
<section class="box special">
 
−
<span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
 
−
<h3>Notebook</h3>
 
−
<p>Watch step by step the experimental procedures!.</p>
 
−
<ul class="actions">
 
−
<li><a href="#" class="button alt">Learn More</a></li>
 
−
</ul>
 
−
</section>
 
  
−
</div>
+
.box .image.featured:first-child{
−
<div class="6u 12u(narrower)">
+
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;
 +
}
  
−
<section class="box special">
+
figure:hover h3,figure:hover p {
−
<span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
+
left: 0;
−
<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>
+
#banner{
−
</div>
+
  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%; }
 +
}
  
−
</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;
 +
}
  
−
<!-- CTA -->
+
</style>
−
<section id="cta">
+
  
−
<h2>No matter where you are, or what you need, just ask your wish! Even if
+
 +
 +
</section>
 +
 +
<!-- Main -->
 +
<section id="main" style="padding:4em 0 0 0" class="container">
  
−
you are not sick, fun and learning are guaranteed! Because AladDNA
+
<div class="row" style="font-size:initial">
 +
<div class="12u">
 +
<section class="box">
 +
<header class="major">
 +
<h2>Jamboree Results!<br />
  
−
has no frontiers!</h2>
+
</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>
  
−
</section>
+
<div class="row" style="font-size:initial">
 +
<div class="12u">
 +
<section class="box">
 +
<header class="major">
 +
<h2>AladDNA<br />
  
−
<!-- Footer -->
+
</h2><hr>
−
<footer id="footer">
+
</header>
−
<ul class="icons">
+
−
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
−
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
−
</ul>
+
−
<ul class="copyright">
+
  
−
<li>qubic.es server</li>
+
<p>
−
</ul>
+
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>
−
</footer>
+
 
−
+
<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>
−
<div id="iGEM2015">
+
 
−
<div class="logocolor">
+
<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>  
−
<div class="logocolor-indicator">
+
<p> <div style="text-align: center;"><h7><b><i> Because AladDNA has no frontiers!</i></b></h7></div>  
−
<div class="logocolor-indicator-dot"></div>
+
 
−
<div class="logocolor-indicator-dot"></div>
+
</p>
−
<div class="logocolor-indicator-dot"></div>
+
<div id="scroll1"></div>
−
<div class="logocolor-indicator-dot"></div>
+
</section>
−
</div>
+
−
<button class="logocolor-button">
+
−
+
−
<i><img src='images/IGEM_2015logo.jpg'</img></i>
+
−
<div class="logocolor-bg"></div>
+
−
</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
 
</div>
 
</div>
−
</body>
+
</div>
 +
 
 +
 
 +
<div class="row" style="font-size:initial;">
 +
 
 +
<div class="6u 12u(narrower)">
 +
<section class="box special" style="margin: 0;padding-bottom: 2.3em;">
 +
<span class="image featured"style="margin-bottom: 0;padding-bottom: 0;">
 +
<figure>
 +
<img style="height: 23.5em;" src="https://static.igem.org/mediawiki/2015/b/b8/ValenciaUPV_HOME_3IDEAS.png"></a>
 +
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Description" style="text-decoration: none;">
 +
<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>
 +
 +
<div class="6u 12u(narrower)">
 +
<section class="box special">
 +
<span class="image featured">
 +
<figure>
 +
<img style="width:40em;height:22.5em;
 +
" src="https://static.igem.org/mediawiki/2015/6/64/UPV_fotobomb.png"></a>
 +
<figcaption>
 +
<a href="https://2015.igem.org/Team:Valencia_UPV/Modeling" style="text-decoration: none;">
 +
<h3>Great circuit, great modeling</h3>
 +
</figcaption>
 +
</figure>
 +
</span>
 +
<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>
 
</html>
 +
 +
{{:Team:Valencia_UPV/Templates:footerUPV2}}
 +
{{: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