Difference between revisions of "Team:Judd UK/berhfudf"
| Line 46: | Line 46: | ||
</div> | </div> | ||
<div id="content-body"> | <div id="content-body"> | ||
| + | <div data-wiki="false"> | ||
<style> | <style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.JC{ | .JC{ | ||
background-color:#111!important; | background-color:#111!important; | ||
| Line 62: | Line 58: | ||
} | } | ||
div>h1,div>h1>b{ | div>h1,div>h1>b{ | ||
| + | text-align:left; | ||
border:none!important; | border:none!important; | ||
font-size:50px!important; | font-size:50px!important; | ||
| Line 98: | Line 95: | ||
<h1 data-typer="Every year <b>142500</b> people die of anaemia."></h1> | <h1 data-typer="Every year <b>142500</b> people die of anaemia."></h1> | ||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet"> | ||
| − | + | <script> | |
| + | $("[data-typer]").attr("data-typer", function(i, txt) { | ||
| + | |||
| + | var $typer = $(this), | ||
| + | tot = txt.length, | ||
| + | pauseMax = 80, | ||
| + | pauseMin = 40, | ||
| + | ch = 0; | ||
| + | |||
| + | (function typeIt() { | ||
| + | if (ch > tot) return; | ||
| + | if(txt[ch]!="<") | ||
| + | $typer.html(txt.substring(0, ch++)); | ||
| + | else $typer.html(txt.substring(0, ch+=3)); | ||
| + | setTimeout(typeIt, ~~(Math.random() * (pauseMax - pauseMin + 1) + pauseMin)); | ||
| + | }()); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
<footer id="Footer"> | <footer id="Footer"> | ||
| Line 137: | Line 156: | ||
</script> | </script> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
Revision as of 04:08, 30 October 2017
Home
Project
