The following is code imported from Five Nights at Freddy's Wiki and implemented onto My English Wiki. Every hour, an 8-bit Freddy Fazbear would walk across the website. This was promptly taken down after encountering a bug: resizing the window to full screen would interrupt the animation, and result in Freddy stuck in mid-animation on the screen. Below is the code used to trigger the easter egg. /* Something special... */ if (["view", "history"].indexOf(mw.config.get("wgAction")) > -1) { $(function() { var url = "", junk = [""], // Extras duration = 8, el = $('
| Attributes | Values |
|---|
| rdfs:label
| |
| rdfs:comment
| - The following is code imported from Five Nights at Freddy's Wiki and implemented onto My English Wiki. Every hour, an 8-bit Freddy Fazbear would walk across the website. This was promptly taken down after encountering a bug: resizing the window to full screen would interrupt the animation, and result in Freddy stuck in mid-animation on the screen. Below is the code used to trigger the easter egg. /* Something special... */ if (["view", "history"].indexOf(mw.config.get("wgAction")) > -1) { $(function() { var url = "", junk = [""], // Extras duration = 8, el = $('
|
| dcterms:subject
| |
| dbkwik:reference36...iPageUsesTemplate
| |
| abstract
| - The following is code imported from Five Nights at Freddy's Wiki and implemented onto My English Wiki. Every hour, an 8-bit Freddy Fazbear would walk across the website. This was promptly taken down after encountering a bug: resizing the window to full screen would interrupt the animation, and result in Freddy stuck in mid-animation on the screen. Below is the code used to trigger the easter egg. /* Something special... */ if (["view", "history"].indexOf(mw.config.get("wgAction")) > -1) { $(function() { var url = "", junk = [""], // Extras duration = 8, el = $(' '); $(el).on("contextmenu", function(e) { if (e.target.nodeName != "A") { e.preventDefault(); } }); function keyframes(type) { var a = typeof type === "string" ? "-" + type + "-" : "", b = ( // img '@' + a + 'keyframes animation-plok-img {
' + ' from {margin-top: 20px}
' + ' to {margin-top: 80px;}
' + '}
' + // figure '@' + a + 'keyframes animation-plok-figure {
' + ' 0% {left: -200px;}
' + ' 0.35% {left: ' + ($(window).width() + 10) + 'px;}
' + // 0.22 is the equivalent to 8 seconds, but 0.35 is better per the up-down waving ' 100% {left: ' + ($(window).width() + 10) + 'px;}
' + '}' ); return b; } function propertiesImg(type) { var a = typeof type === "string" ? "-" + type + "-" : ""; return ( ' ' + a + 'animation-name: animation-plok-img;
' + ' ' + a + 'animation-duration: 2500ms;
' + ' ' + a + 'animation-delay: 0s;
' + ' ' + a + 'animation-iteration-count: infinite;
' + ' ' + a + 'animation-direction: alternate;
' ); } function propertiesFigure(type) { var a = typeof type === "string" ? "-" + type + "-" : ""; return ( ' ' + a + 'animation-name: animation-plok-figure;
' + ' ' + a + 'animation-duration: 3600s;
' + ' ' + a + 'animation-delay: ' + (3600 - (new Date().getMinutes() * 60 + new Date().getSeconds())) + 's;
' + ' ' + a + 'animation-iteration-count: infinite;
' + ' ' + a + 'animation-timing-function: linear;
' ); } mw.util.addCSS( 'figure#timer-animation {
'+ ' z-index: 999999999999;
' + ' position: fixed;
' + ' top: 80px;
' + ' left: -200px;
' + ' text-align: center;
' + propertiesFigure("moz") + propertiesFigure("webkit") + propertiesFigure("o") + propertiesFigure() + '}
' + 'figure#timer-animation img {
'+ ' margin-top: 0;
' + propertiesImg("moz") + propertiesImg("webkit") + propertiesImg("o") + propertiesImg() + '}
' + keyframes("moz") + '
' + keyframes("webkit") + '
' + keyframes("o") + '
' + keyframes() ); $("body").append(el); }); }
|