Difference between revisions of "Team:Judd UK/Home"

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:100%;z-index:100;position:absolute;background:inherit;transition:opacity .5s;">
+
 
<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/7/70/Judd_UK_Team_Photo1.jpeg"/>
+
         <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/7/70/Judd_UK_Team_Photo1.jpeg"/>
+
         <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/7/70/Judd_UK_Team_Photo1.jpeg"/>
+
         <img class="slide" src="https://static.igem.org/mediawiki/2017/e/e9/Judd_UK_Biosoc2.jpg"/>
</div>
+
 
</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

Contents

Hey

Designed by Aleksandur Murfitt