Difference between revisions of "Team:Aachen"
Line 1: | Line 1: | ||
− | {{Team:Aachen/ | + | {{Team:Aachen/Header}} |
− | + | <html><style> | |
− | + | ||
− | + | .htTour { | |
− | + | } | |
+ | .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/ | + | .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