Difference between revisions of "Team:Valencia UPV"

 
(304 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>
−
<h2> Welcome to the Valencia UPV iGEM team 2015 wiki! </h2>
+
<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
<!-- 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 you start: </h4>
+
#main figure:hover >img {
−
<p> Please read the following pages:</p>
+
    opacity: 0.3;
−
<ul>
+
}
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
</ul>
+
  
−
<div class="highlightBox">
+
#banner h1{
−
<h4> Styling your wiki </h4>
+
    padding-top:20px;
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
    font-family: 'Calligraffitti', cursive;
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
    position: absolute;
−
</div>
+
    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");}
  
−
<h4> Editing your wiki </h4>
+
figure {
−
<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>
+
margin: 0;
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Valencia_UPV&action=edit"> Click here to edit this page! </a></p>
+
padding: 0;
−
<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>
+
height: 85%;
 +
width:480px;
 +
position: relative;
 +
display: block;
 +
cursor: pointer;
 +
overflow: hidden;
 +
border: 3px solid #fff;
 +
}
  
 +
figcaption {
 +
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;
 +
}
  
−
<h4>Templates </h4>
+
figure:hover 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
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
+
filter: alpha(opacity=100);
 +
opacity: 1;
 +
top: 0;
 +
}
  
 +
figure img {
 +
-webkit-transition: all 1s;
 +
-moz-transition: all 1s;
 +
-o-transition: all 1s;
 +
-ms-transition: all 1s;
 +
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;
 +
}
  
−
<h4>Tips</h4>
+
.box.special{
−
<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>
+
padding-bottom:35px;
−
<ul>
+
}
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<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>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
  
  
−
<h4>Inspiration</h4>
+
.box .image.featured:first-child{
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
margin-bottom:1em;
−
<ul>
+
    padding-bottom:15px;
−
<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>
+
figcaption h3 {
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
padding: 10px 20px;
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
margin-bottom: 0;
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
position: relative;
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
margin-right: 1em;
−
</ul>
+
margin-top: 150px;
 +
font-size: 30px;
 +
color: black;
 +
font-weight:bold;
 +
}
  
−
<h4> Uploading pictures and files </h4>
+
figure:hover h3,figure:hover p {
−
<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 />
+
left: 0;
−
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>
+
}
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
#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>
  
−
</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.-->
+
 +
 +
</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