Difference between revisions of "Widget:Logo"

From Hackerspace ACKspace
Jump to: navigation, search
m (black doesn't glow: removing it by applying lightness)
m (ACK bit is drawn differently, apply lightness as well)
Line 149: Line 149:
  
 
             // Draw the glowing ACK bit
 
             // Draw the glowing ACK bit
             ctx.strokeStyle = ctx.shadowColor = 'rgb(' + ackbit[0] + ',' + ackbit[1] + ',' + ackbit[2] + ')';
+
             ctx.strokeStyle = 'rgb(' + ackbit[0] + ',' + ackbit[1] + ',' + ackbit[2] + ')';
 +
            ctx.shadowColor = 'rgba(' + ackbit[0] + ',' + ackbit[1] + ',' + ackbit[2] + ',' + (0.00130 * ackbit[0] + 0.00196 * ackbit[1] + 0.00063 * ackbit[2]) + ')';
 
             ctx.globalAlpha = 1;
 
             ctx.globalAlpha = 1;
 
             ctx.lineWidth = 10;
 
             ctx.lineWidth = 10;

Revision as of 17:46, 13 December 2019

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.