Line 15: | Line 15: | ||
#title{text-shadow: 3px 3px gray} | #title{text-shadow: 3px 3px gray} | ||
.ouc-slider{position:fixed; top:15px;left:0;right:0} | .ouc-slider{position:fixed; top:15px;left:0;right:0} | ||
+ | .animation{opacity: 0;} | ||
+ | .item:hover .animation{transition: all 1s; opacity: 1;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 33: | Line 35: | ||
<div class="item active"> | <div class="item active"> | ||
<img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%"> | <img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%"> | ||
− | <div class="ouc-juzhong"> | + | <div class="ouc-juzhong animation"> |
<h1 id="title" style="font-size: 100px; color: white"><strong>A Bottle of Algae "Wine"</strong><br/><small style="color:darkgray">Producing ethanol from algae</small></h1> | <h1 id="title" style="font-size: 100px; color: white"><strong>A Bottle of Algae "Wine"</strong><br/><small style="color:darkgray">Producing ethanol from algae</small></h1> | ||
</div> | </div> | ||
Line 39: | Line 41: | ||
<div class="item"> | <div class="item"> | ||
<img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%"> | <img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%"> | ||
− | <div class="ouc-juzhong"> | + | <div class="ouc-juzhong animation"> |
<p style="font-size:20px">Qingdao is a beautiful tourist city. <br/>However, every summer a monster--<i>Enteromorpha</i>--will come to the seaside,<br/>scaring away all tourists.<br/> And the beautiful sea becomes empty and lonely.</p> | <p style="font-size:20px">Qingdao is a beautiful tourist city. <br/>However, every summer a monster--<i>Enteromorpha</i>--will come to the seaside,<br/>scaring away all tourists.<br/> And the beautiful sea becomes empty and lonely.</p> | ||
</div> | </div> | ||
Line 45: | Line 47: | ||
<div class="item"> | <div class="item"> | ||
<img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%"> | <img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%"> | ||
− | <div class="ouc-juzhong"> | + | <div class="ouc-juzhong animation"> |
<p style="font-size:20px">After hearing the event, <i>S.cerevisiae</i> and <i>E.coli</i>decide to come and defeat <i>Enteromorpha</i>.<br/><i>E.coli</i> uses cellulase and hemicellulase as his sword to smash <i>Enteromorpha</i>.<br/>The fragment of <i>Enteromorpha</i> becomes cellodextrin and xylose.<br/>At the same time, <i>S.cerevisiae</i> collects the fragment and make it into glucose and then, ethanol.<br/>Finally, mixing with resveratrol, <i>S.cerevisiae</i> transforms the monster into Enteromorpha wine. </p> | <p style="font-size:20px">After hearing the event, <i>S.cerevisiae</i> and <i>E.coli</i>decide to come and defeat <i>Enteromorpha</i>.<br/><i>E.coli</i> uses cellulase and hemicellulase as his sword to smash <i>Enteromorpha</i>.<br/>The fragment of <i>Enteromorpha</i> becomes cellodextrin and xylose.<br/>At the same time, <i>S.cerevisiae</i> collects the fragment and make it into glucose and then, ethanol.<br/>Finally, mixing with resveratrol, <i>S.cerevisiae</i> transforms the monster into Enteromorpha wine. </p> | ||
</div> | </div> | ||
Line 51: | Line 53: | ||
<div class="item"> | <div class="item"> | ||
<img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg" width="100%"> | <img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg" width="100%"> | ||
− | <div class="ouc-juzhong"> | + | <div class="ouc-juzhong animation"> |
<p style="font-size:20px"><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</p> | <p style="font-size:20px"><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</p> | ||
</div> | </div> |
Revision as of 08:08, 31 October 2017