Difference between revisions of "Widget:Logo"
m (losing it.. yep... lost.) |
m (add `snowBump(n)`) |
||
Line 333: | Line 333: | ||
console && console.log( "winter:", is_winter() ); | console && console.log( "winter:", is_winter() ); | ||
console && console.log( "winter holiday:", is_winter_holiday() ); | console && console.log( "winter holiday:", is_winter_holiday() ); | ||
+ | window.snowBump = function( _n ) | ||
+ | { | ||
+ | for (;--_n;) | ||
+ | snowFlakes.push( { x: ( Math.random( ) * width ) | 0, y: 0, c:[255,255,255] } ); | ||
+ | }; | ||
+ | |||
logo.addEventListener( "touchdown", function(e){ e.preventDefault(); e.stopPropagation(); }, { passive: false }); | logo.addEventListener( "touchdown", function(e){ e.preventDefault(); e.stopPropagation(); }, { passive: false }); | ||
logo.addEventListener( "touchmove", function(e){ e.preventDefault(); e.stopPropagation(); }, { passive: false }); | logo.addEventListener( "touchmove", function(e){ e.preventDefault(); e.stopPropagation(); }, { passive: false }); |
Revision as of 11:47, 18 December 2018
This widget creates an animated themed ACKspace logo.
Created by xopr
Using this widget
To insert this widget, use the following code:
{{#widget:Logo |image=/w/images/e/e9/ACKsmass_logo.png |width=600px |height=200px |padding=8px |float=right }}
This will give the following result:
Notes
- it will display snow in December - March and will show Christmas lights between 7 December and 7 January
- image is mandatory, the rest is optional.
- it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/w/images/e/e9/ACKsmass_logo.png or /w/images/e/e9/ACKsmass_logo.png
- You must provide a unit for the sizes (i.e. px, %, etc.)
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Logo article.