Difference between revisions of "Team:Valencia UPV"

 
(300 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{:Team:Valencia_UPV/Templates:headUPV}}
 +
{{:Team:Valencia_UPV/Templates:menuUPV}}
 +
 
<html>
 
<html>
−
<p align = "center"><font size = 5> Welcome to the Valencia UPV iGEM team 2015 wiki! </font></p>
+
<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
−
<h4><p align = "center"><font size = 3> We are preparing to give you lots of surprises... </font></p></h4>
+
<!-- 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>  
  
−
<h4>Before we finish this, you can follow us on: </h4>
+
#main figure:hover >img {
−
<ul>
+
    opacity: 0.3;
−
<li> <a href="https://www.facebook.com/ValenciaUPViGEM2015"><font color="0e1f5b"> Facebook page </font></a></li>
+
}
−
<li> <a href="https://twitter.com/UPVigem"><font color="00aced"> Twitter page </font></a></li>
+
−
<li> <a href="https://plus.google.com/110318939646477138807/"><font color="d34836"> Google+ page </font> </a></li>
+
−
<li> <a href="mailto: valencia.upv.igem@gmail.com"><font color="d34836"> Email us </font> </a></li>
+
−
</ul>
+
  
−
<div class="highlightBox">
+
#banner h1{
−
<h4><p align = "center"> Keep in touch </p></h4>
+
    padding-top:20px;
−
<p>The team is working really hard in the iGEM project. We express our gratitude to those who are supporting us, as well as each and every person sharing our project, our pages and following us.</p>
+
    font-family: 'Calligraffitti', cursive;
−
<p>We will be building this wiki with care and dedication, as it is the door for all of you to know our work.</p
+
    position: absolute;
−
<p>Make sure you do not miss any update!</p>
+
    z-index: 1;
−
</div>
+
    text-align: center;
−
<!-- WORKING
+
    width: 100%;
−
<h4> Editing your wiki </h4>
+
    margin-top: 4%;
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
    font-size: 90px;
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Valencia_UPV&action=edit"> Click here to edit this page! </a></p>
+
    color: black;
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
+
    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;
 +
}
  
−
<h4>Templates </h4>
+
figcaption {
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
opacity: 0;
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
+
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;
 +
}
  
 +
figure:hover figcaption {
 +
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 +
filter: alpha(opacity=100);
 +
opacity: 1;
 +
top: 0;
 +
}
  
−
<h4>Tips</h4>
+
figure img {
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
-webkit-transition: all 1s;
−
<ul>
+
-moz-transition: all 1s;
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-o-transition: all 1s;
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
-ms-transition: all 1s;
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
transition: all 1s;
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-webkit-transition-delay: 0.5s;
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
-moz-transition-delay: 0.5s;
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
-o-transition-delay: 0.5s;
−
<li>Have lots of fun! </li>
+
-ms-transition-delay: 0.5s;
−
</ul>
+
transition-delay: 0.5s;
 +
}
  
 +
.box.special{
 +
padding-bottom:35px;
 +
}
  
−
<h4>Inspiration</h4>
 
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
−
<ul>
 
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
</ul>
 
  
−
<h4> Uploading pictures and files </h4>
+
.box .image.featured:first-child{
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
margin-bottom:1em;
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
    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;
 +
}
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
figure:hover h3,figure:hover p {
 +
left: 0;
 +
}
  
 +
#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;
 +
}
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
</style>
  
 +
 +
 +
</section>
 +
 +
<!-- Main -->
 +
<section id="main" style="padding:4em 0 0 0" class="container">
 +
 +
<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">
 +
<section class="box">
 +
<header class="major">
 +
<h2>AladDNA<br />
 +
 +
</h2><hr>
 +
</header>
 +
 +
<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 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> Because AladDNA has no frontiers!</i></b></h7></div>
 +
 +
</p>
 +
<div id="scroll1"></div>
 +
</section>
 +
</div>
 +
</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