Line 48: | Line 48: | ||
</ol> | </ol> | ||
</div> | </div> | ||
− | <div id="content-body"> | + | <div id="content-body"><div> |
− | <div> | + | <div id="intro" style="height:calc(66.66vw + 130px);index:100;position:absolute;top:0;left:0;background:inherit;transition:opacity .5s;"> |
− | <div id="intro" style="height: | + | |
<h1 data-typer='"Iron deficiency affects more people than <b>any</b> other condition, constituting a public health condition of epidemic proportions" - <b>WHO</b>' data-delay="0"></h1> | <h1 data-typer='"Iron deficiency affects more people than <b>any</b> other condition, constituting a public health condition of epidemic proportions" - <b>WHO</b>' data-delay="0"></h1> | ||
<h1 data-typer="Over <b>30%</b> of the global population suffers from iron deficiency anaemia."data-delay="11000"></h1> | <h1 data-typer="Over <b>30%</b> of the global population suffers from iron deficiency anaemia."data-delay="11000"></h1> | ||
Line 60: | Line 59: | ||
.JC #content-index{ | .JC #content-index{ | ||
display:none!important} | display:none!important} | ||
+ | .JC #content-body{margin:0px;} | ||
div.JC{ | div.JC{ | ||
transition:background-color 1s ease-in; | transition:background-color 1s ease-in; | ||
Line 145: | Line 145: | ||
setTimeout(function() { | setTimeout(function() { | ||
qs("#Header").style.opacity = "1"; | qs("#Header").style.opacity = "1"; | ||
+ | qs("#Footer").style.opacity = "1"; | ||
qs("div.JC").style.cssText += 'background-color:#FFF !important'; | qs("div.JC").style.cssText += 'background-color:#FFF !important'; | ||
qsa(".JC #intro h1:not([data-later]), .JC #intro h1:not([data-later]) b").forEach(function(e) { | qsa(".JC #intro h1:not([data-later]), .JC #intro h1:not([data-later]) b").forEach(function(e) { | ||
Line 162: | Line 163: | ||
<div id="afterintro" style="opacity:0;transition:opacity .5s;"> | <div id="afterintro" style="opacity:0;transition:opacity .5s;"> | ||
<div id="slides"> | <div id="slides"> | ||
− | <img class="slide showing" src="https://static.igem.org/mediawiki/2017/ | + | <img class="slide showing" src="https://static.igem.org/mediawiki/2017/4/4c/Judd_UK_castlephoto.jpeg"/> |
− | <img class="slide" src="https://static.igem.org/mediawiki/2017/ | + | <img class="slide" src="https://static.igem.org/mediawiki/2017/f/fe/Judd_UK_labwork.jpg"/> |
− | <img class="slide" src="https://static.igem.org/mediawiki/2017/ | + | <img class="slide" src="https://static.igem.org/mediawiki/2017/e/e9/Judd_UK_Biosoc2.jpg"/> |
− | + | ||
</div> | </div> | ||
+ | <div id="real-content" style="margin: 20px;margin-top:calc(66.666vw + 37px);"> | ||
+ | <H1>Hey</h1> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div></div> | ||
</div> | </div> | ||
<footer id="Footer"> | <footer id="Footer"> |
Revision as of 18:27, 1 November 2017