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

 
(11 intermediate revisions by 2 users not shown)
Line 24: Line 24:
 
         <img id="main-img" href="#"onclick="editable()" alt="iGEM Logo" src="/wiki/images/8/85/T--Judd_UK--iGEMLogo-small.png" />
 
         <img id="main-img" href="#"onclick="editable()" alt="iGEM Logo" src="/wiki/images/8/85/T--Judd_UK--iGEMLogo-small.png" />
 
         <span id="O1">
 
         <span id="O1">
−
                 <a href="£Page-13">Home</a>
+
                 <a href="https://2017.igem.org/Team:Judd_UK">Home</a>
 
         </span>
 
         </span>
 
         <div id="D2" class="D"></div>
 
         <div id="D2" class="D"></div>
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="Almost <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 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 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/7/70/Judd_UK_Team_Photo1.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/7/70/Judd_UK_Team_Photo1.jpeg"/>
+
         <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/7/70/Judd_UK_Team_Photo1.jpeg"/>
+
         <img class="slide" src="https://static.igem.org/mediawiki/2017/9/94/Judd_UK_slideshow3.jpg"/>
−
</div>
+
        <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>
 
</div>
 
</div>
 
</div>
 +
</div></div>
 
     </div>
 
     </div>
 
     <footer id="Footer">
 
     <footer id="Footer">
−
         <h4>Designed by Aleksandur Murfitt</h4>
+
         <h4>Created by <a style="color:inherit" href="mailto:11murfitta@judd.kent.sch.uk">Aleksandur Murfitt</a>, content by the Judd_UK team</h4>
 
     </footer>
 
     </footer>
 
     <template></template>
 
     <template></template>

Latest revision as of 22:18, 1 November 2017

Contents