Line 11: | Line 11: | ||
--> | --> | ||
<div class="JC"> | <div class="JC"> | ||
− | <style> | + | |
+ | <script src="/Template:Judd_UK/pagelist?action=raw&ctype=text/javascript" async></script> | ||
+ | <link rel="stylesheet" href="/Template:Judd_UK/Stylesheets/main?action=raw&ctype=text/css"> | ||
+ | <script src="/Template:Judd_UK/Scripts/wiki?action=raw&ctype=text/javascript" async></script> | ||
+ | <style id="topstyles"></style> | ||
+ | <div id="loadbar"></div> | ||
+ | <header id="Header"> | ||
+ | <img id="handle" href="#" onclick="editable()" src="/wiki/images/c/c8/T--Judd_UK--iGEMLogo-Handle.png" /> | ||
+ | <img id="sprite" href="#" onclick="editable()" src="/wiki/images/9/9e/T--Judd_UK--iGEMLogo-sprite.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"> | ||
+ | <a href="£Page-13">Home</a> | ||
+ | </span> | ||
+ | <div id="D2" class="D"></div> | ||
+ | <span id="O2"> | ||
+ | <a>Project</a> | ||
+ | <ul style="left:-25%"></ul> | ||
+ | </span> | ||
+ | <div id="D3" class="D"></div> | ||
+ | <span id="O3"> | ||
+ | <a>Human Practices</a> | ||
+ | <ul style="left:25%"></ul> | ||
+ | </span> | ||
+ | <div id="D4" class="D"></div> | ||
+ | <span id="O4"> | ||
+ | <a>Team</a> | ||
+ | <ul style="left:75%"></ul> | ||
+ | </span> | ||
+ | </header> | ||
+ | <div id="content-container"> | ||
+ | <div id="content-index"> | ||
+ | <h4>Contents</h4> | ||
+ | <ol> | ||
+ | </ol> | ||
+ | </div> | ||
+ | <div id="content-body"> | ||
+ | <div> | ||
+ | <div id="intro"> | ||
+ | <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-later="Here's what we're doing about it" style="display:none"></h1> | ||
+ | </div> | ||
+ | <style id="homestyles"> | ||
.JC #content-container{ | .JC #content-container{ | ||
visibility:visible!important;} | visibility:visible!important;} | ||
Line 71: | Line 113: | ||
} | } | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet"> | ||
<script> | <script> | ||
Line 135: | 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"). | + | 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();qs("homestyles").remove(); },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++); |
Revision as of 22:42, 31 October 2017