Difference between revisions of "Widget:Logo"

From Hackerspace ACKspace
Jump to: navigation, search
m (removed 5 year anniversary (and confetti), made code a bit smaller)
m (fixed color)
Line 83: Line 83:
  
 
         if ( ( progress / 500 ) > snowFlakes.length && ( _timestamp - oldTimestamp < 50 ) )
 
         if ( ( progress / 500 ) > snowFlakes.length && ( _timestamp - oldTimestamp < 50 ) )
             snowFlakes.push( { x: ( Math.random( ) * width ) | 0, y: 0, c: "#fff" } );
+
             snowFlakes.push( { x: ( Math.random( ) * width ) | 0, y: 0, c:[255,255,255] } );
 
         oldTimestamp = _timestamp;
 
         oldTimestamp = _timestamp;
  
Line 114: Line 114:
  
 
                     // Generate new flake
 
                     // Generate new flake
                     flake = { x: ( Math.random( ) * width ) | 0, y: 0, c: "#fff" };
+
                     flake = { x: ( Math.random( ) * width ) | 0, y: 0, c:[255,255,255] };
 
                 }
 
                 }
  

Revision as of 13:41, 7 November 2016

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.