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

Line 52: Line 52:
 
<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>
<h1 data-later="Here's what we're doing about it" style="display:none"></h1>
+
<h1 data-later="Our project, ioniron, aims to tackle this problem." style="display:none"></h1>
 
</div>
 
</div>
 
<style id="homestyles">
 
<style id="homestyles">
Line 136: Line 136:
 
var ch=0;
 
var ch=0;
 
function typeIt() {
 
function typeIt() {
             if (ch > qs("[data-later]").dataset.later.length){ setTimeout(function(){qs("#intro").style.opacity = "0"; qs("#afterintro").style.opacity="1";setTimeout(function(){qs("#intro").remove();},500);},1000); return;}
+
             if (ch > qs("[data-later]").dataset.later.length){ setTimeout(function(){qs("#intro").style.opacity = "0"; qs("#afterintro").style.opacity="1";setTimeout(function(){qs("#intro").remove();
 +
makeBSS(".homeshow");},500);},1000); return;}
 
             if (qs("[data-later]").dataset.later[ch] != "<")
 
             if (qs("[data-later]").dataset.later[ch] != "<")
 
                 qs("[data-later]").innerHTML = qs("[data-later]").dataset.later.substring(0, ch++);
 
                 qs("[data-later]").innerHTML = qs("[data-later]").dataset.later.substring(0, ch++);
Line 160: Line 161:
 
},500);
 
},500);
 
</script>
 
</script>
<div id="afterintro" style="opacity:0;transition:opacity .5s;">
+
<div id="afterintro" style="opacity:0;transition:opacity 1s;">
 
<div id="slides">
 
<div id="slides">
         <img class="slide showing" src="https://static.igem.org/mediawiki/2017/4/4c/Judd_UK_castlephoto.jpeg"/>
+
         <img class="slide showing" src="https://static.igem.org/mediawiki/2017/9/9c/Judd_UK_slideshow1.jpg"/>
         <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/9/97/Judd_UK_slideshow2.jpg"/>
         <img class="slide" src="https://static.igem.org/mediawiki/2017/e/e9/Judd_UK_Biosoc2.jpg"/>
+
        <img class="slide" src="https://static.igem.org/mediawiki/2017/9/94/Judd_UK_slideshow3.jpg"/>
 +
        <img class="slide" src="https://static.igem.org/mediawiki/2017/6/6d/Judd_UK_slideshow4.jpg"/>
 +
        <img class="slide" src="https://static.igem.org/mediawiki/2017/4/48/Judd_UK_slideshow5.jpg"/>
 +
        <img class="slide" src="https://static.igem.org/mediawiki/2017/0/09/Judd_UK_slideshow6.jpg"/>
 +
        <img class="slide" src="https://static.igem.org/mediawiki/2017/c/c5/Judd_UK_slideshow7.jpg"/>
 +
         <img class="slide" src="https://static.igem.org/mediawiki/2017/a/a7/Judd_UK_slideshow8.jpg"/>
 +
         <img class="slide" src="https://static.igem.org/mediawiki/2017/8/8d/Judd_UK_slideshow9.jpg"/>
 
</div>
 
</div>
 
<div id="real-content" style="margin-left:20px;margin-right:20px;padding-top:calc(66.666vw + 37px);">
 
<div id="real-content" style="margin-left:20px;margin-right:20px;padding-top:calc(66.666vw + 37px);">

Revision as of 21:40, 1 November 2017

Contents

Hey