Difference between revisions of "Team:Aachen"

Line 1: Line 1:
{{Team:Aachen/HeaderMinimal}}
+
{{Team:Aachen/Header}}
  
=Upcycling Methanol into a Universal Carbon Source=
+
<html><style>
Nowadays, mankind uses 94 million barrels of oil per day. But as agreed on by various nations, we have to get independent from fossil resources during the next decades. Therefore not only fuels, but many other products including drugs, fine chemicals and plastic will have to be produced from renewable carbon sources.
+
  
In parallel, we observe shrinking arable land per capita and more frequent droughts. But even by increasing agricultural productivity, plants will not be able to meet our massive demands.
+
.htTour {
  
Therefore, we are developing an alternative route to sustainably produce complex carbon which significantly reduces the space and water needs. By using new synthetic pathways, we are upcycling a simple, renewable chemical into a universal carbon source.
+
}
 +
.htBackground {
 +
    background-image: url('http://igem.rwth-aachen.de/2015/images/b/b0/Aachen_HextileBackground.png')
 +
}
 +
.htBackground:hover {
 +
    background-image: url('http://igem.rwth-aachen.de/2015/images/e/e7/Aachen_HextileBackground_color.png')
 +
}
  
 +
.htBackground {
 +
    background-image: url('http://igem.rwth-aachen.de/2015/images/b/b0/Aachen_HextileBackground.png')
 +
}
 +
.htBackground:hover {
 +
    background-image: url('http://igem.rwth-aachen.de/2015/images/e/e7/Aachen_HextileBackground_color.png')
 +
}
 +
.htMethanol {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/c/cb/Aachen_HextileMethanol.png')
 +
}
 +
.htMethanol:hover {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/5/50/Aachen_HextileMethanol_color.png')
 +
}
 +
.htGlycogen {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/6/69/Aachen_HextileGlycogen.png')
 +
}
 +
.htGlycogen:hover {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/f/f4/Aachen_HextileGlycogen_color.png')
 +
}
 +
.htTeam {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/9/92/Aachen_HextileTeam.png')
 +
}
 +
.htTeam:hover {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/c/c2/Aachen_HextileTeam_color.png')
 +
}
 +
.htPractices {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/0/01/Aachen_HextilePractices.png')
 +
}
 +
.htPractices:hover {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/d/df/Aachen_HextilePractices_color.png')
 +
}
 +
.htBioreactor {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/c/cf/Aachen_HextileBioreactor.png')
 +
}
 +
.htBioreactor:hover {
 +
background-image: url('http://igem.rwth-aachen.de/2015/images/7/77/Aachen_HextileBioreactor_color.png')
 +
}
  
{{Team:Aachen/FooterMinimal}}
+
.hex-item:nth-child(5n + 1) {
 +
    margin-left: 78px;
 +
}
 +
.hex-item:nth-child(n + 3) {
 +
    margin-top: -40px !important;
 +
}
 +
.hex-item{
 +
width: 150px;
 +
height: 172px;
 +
position: relative;
 +
display: inline-block;
 +
        margin-right: 1px;
 +
        margin-left: 1px;
 +
        float:left;
 +
}
 +
 
 +
.hextile2 {
 +
position: absolute;
 +
width: 150px;
 +
height: 300px;
 +
top: -63px;
 +
}
 +
 
 +
.hextile {
 +
overflow: hidden;
 +
visibility: hidden;
 +
 
 +
-webkit-transform: rotate(120deg);
 +
-moz-transform: rotate(120deg);
 +
-o-transform: rotate(120deg);
 +
-ms-transform: rotate(120deg);
 +
transform: rotate(120deg);
 +
cursor: pointer;
 +
}
 +
 
 +
.hextile-in1 {
 +
overflow: hidden;
 +
width: 100%;
 +
height: 100%;
 +
 
 +
-webkit-transform: rotate(-60deg);
 +
-moz-transform: rotate(-60deg);
 +
-o-transform: rotate(-60deg);
 +
-ms-transform: rotate(-60deg);
 +
transform: rotate(-60deg);
 +
}
 +
 
 +
.hextile-in2 {
 +
 
 +
overflow: hidden;
 +
width: 100%;
 +
height: 100%;
 +
background-repeat: no-repeat;
 +
background-position: 50%;
 +
        background-color: #333;
 +
 
 +
-webkit-background-size: 125%;
 +
-moz-background-size: 125%;
 +
background-size: 125%;
 +
visibility: visible;
 +
 
 +
-webkit-transform: rotate(-60deg);
 +
-moz-transform: rotate(-60deg);
 +
-o-transform: rotate(-60deg);
 +
-ms-transform: rotate(-60deg);
 +
transform: rotate(-60deg);
 +
 
 +
-webkit-transition: all 0.5s ease;
 +
-moz-transition: all 0.5s ease;
 +
-o-transition: all 0.5s ease;
 +
-ms-transition: all 0.5s ease;
 +
transition: all 0.5s ease;
 +
}
 +
 
 +
    .name-box-lp {
 +
        width: 100%;
 +
        height: 100%;
 +
        text-decoration: none;
 +
    }
 +
 
 +
    .name-box-lp > .name {
 +
        top: 135px;
 +
        font-weight: bold;
 +
}
 +
 
 +
 
 +
.htMethanol > .name-box-lp > .name {
 +
        top: 166px;
 +
}
 +
.redLink a {
 +
    color: #bf1521;
 +
    font-weight:bold;
 +
}
 +
.redLink a:hover {
 +
    color: #bf1521;
 +
}
 +
</style></html>
 +
 
 +
<html><div class="col-md-12"><div class="col-md-7"></html>
 +
{{Team:Aachen/Hex_Tile|title=Team|link=Team:Aachen/Attributions|picture=htTeam}}
 +
{{Team:Aachen/Hex_Tile|title=Background|link=Team:Aachen/Background|picture=htBackground}}
 +
{{Team:Aachen/Hex_Tile|title=Bioreactor|link=Team:Aachen/Lab/Bioreactor|picture=htBioreactor}}
 +
{{Team:Aachen/Hex_Tile|picture=htTour|link=Team:Aachen/InteractiveTour10}}
 +
{{Team:Aachen/Hex_Tile|title=Practices|link=Team:Aachen/Practices|picture=htPractices}}
 +
{{Team:Aachen/Hex_Tile|title=Methanol|link=Team:Aachen/Lab/Methanol|picture=htMethanol}}
 +
{{Team:Aachen/Hex_Tile|title=Glycogen|link=Team:Aachen/Lab/Glycogen|picture=htGlycogen}}
 +
<html>
 +
<script>
 +
function showTitle(title) {
 +
    $('.htTour p').html(title);
 +
}
 +
</script>
 +
</div><div class="col-md-5"></html>
 +
=Welcome to our Wiki!=
 +
This year, we have been working on one of humanity's most challenging problems: The route to a sustainable carbon-economy.
 +
 
 +
To the left, you can find quick links that take you directly to the big milestones in our project. But before jumping in, we recommend you to take the <div class="redLink">[[Team:Aachen/InteractiveTour10|interactive journey]]</div> through our wiki!
 +
 
 +
 
 +
{{Team:Aachen/StartTour}}
 +
 
 +
<html>
 +
 
 +
 
 +
</div>
 +
 
 +
<div class="col-md-12"><span style="color:transparent">spacer<br>spacer</span></div>
 +
</div></html>
 +
 
 +
<html><div><img src="http://igem.rwth-aachen.de/2015/images/4/4f/Aachen_Teamphoto.jpg" style="width:100%;" /></div>
 +
</html>
 +
 
 +
 
 +
<html>
 +
<style>
 +
.partnerpanel {
 +
    text-align: center;
 +
    background-color: white;
 +
    padding: 15px;
 +
}
 +
.partnerpanel img {
 +
    filter: grayscale(100%);
 +
    -webkit-filter: grayscale(100%);
 +
    margin: 5px !important;
 +
}
 +
.partnerpanel img:hover {
 +
    filter: grayscale(0%);
 +
    -webkit-filter: grayscale(0%);
 +
}
 +
.partnerpanel div {
 +
    display: inline;
 +
}
 +
</style>
 +
 
 +
<div class="partnerpanel">
 +
 
 +
 
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/9/98/Aachen_PartnerABBT.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="https://static.igem.org/mediawiki/2015/9/93/Aachen_aquilabiolabs.png"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/a/a4/Aachen_PartnerBiovision.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/a/ae/Aachen_PartnerBuergerstiftung.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/f/f7/Aachen_PartnerEnzyscreen.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/4/46/Aachen_PartnerFZJuelich.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/2/2b/Aachen_PartnerFrauenhofer.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/8/8d/Aachen_PartnerHelmholtz.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/1/13/Aachen_PartnerIDT.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/b/b5/Aachen_PartnerKuttig.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/4/46/Aachen_PartnerMedlife.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/f/fc/Aachen_PartnerNiersverband.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/e/e4/Aachen_PartnerproRWTH.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/a/a7/Aachen_PartnerQiagen.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/c/cf/Aachen_PartnerSchwaneberggroup.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/2/2a/Aachen_Partnerbio7.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/2/21/Aachen_Partnereppendorf.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/1/1e/Aachen_Partnergeneious.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/3/35/Aachen_PartneriAMB.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/e/eb/Aachen_Partnerm2plabs.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/2/23/Aachen_Partnermegazyme.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
<div><img src="http://igem.rwth-aachen.de/2015/images/a/ad/Aachen_Partnersynbiota.png" onload="this.width/=1.3;this.onload=null;"/></div>
 +
 
 +
</div>
 +
</html>
 +
 
 +
{{Team:Aachen/Footer}}

Revision as of 01:18, 19 September 2015

Welcome to our Wiki!

This year, we have been working on one of humanity's most challenging problems: The route to a sustainable carbon-economy.

To the left, you can find quick links that take you directly to the big milestones in our project. But before jumping in, we recommend you to take the through our wiki!


spacer
spacer