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> | ||
| + | .JC{ | ||
| + | background-color:#111!important; | ||
| + | } | ||
| + | #Header{ | ||
| + | opacity:0 | ||
| + | } | ||
| + | #Footer{ | ||
| + | opacity:0 | ||
| + | } | ||
| + | div>h1,div>h1>b{ | ||
| + | border:none!important; | ||
| + | font-size:50px!important; | ||
| + | line-height:68.1167px!important; | ||
| + | font-family:'Open Sans'!important; | ||
| + | color:#bbb; | ||
| + | margin:0!important; | ||
| + | } | ||
| + | div>h1>b{ | ||
| + | font-weight:400!important; | ||
| + | color:#ff6427; | ||
| + | } | ||
| + | [data-typer]:after { | ||
| + | content:""; | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | width:1px; | ||
| + | height:1em; | ||
| + | background: #bbb; | ||
| + | animation: caretPulsate 1s linear infinite; | ||
| + | -webkit-animation: caretPulsate 1s linear infinite; | ||
| + | } | ||
| + | @keyframes caretPulsate { | ||
| + | 0% {opacity:1;} | ||
| + | 50% {opacity:1;} | ||
| + | 60% {opacity:0;} | ||
| + | 100% {opacity:0;} | ||
| + | } | ||
| + | @-webkit-keyframes caretPulsate { | ||
| + | 0% {opacity:1;} | ||
| + | 50% {opacity:1;} | ||
| + | 60% {opacity:0;} | ||
| + | 100% {opacity:0;} | ||
| + | } | ||
| + | </style> | ||
| + | <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"> | ||
| + | <script> | ||
| + | $("[data-typer]").attr("data-typer", function(i, txt) { | ||
| + | |||
| + | var $typer = $(this), | ||
| + | tot = txt.length, | ||
| + | pauseMax = 200, | ||
| + | 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> | </div> | ||
Revision as of 03:48, 30 October 2017
Home
Project
