Difference between revisions of "Widget:Logo"

From Hackerspace ACKspace
Jump to: navigation, search
(I need to find a better way of developing this stuff)
(all or nothing!)
Line 156: Line 156:
 
             }
 
             }
  
             if ( debug )
+
             // Draw a glowing red '5'
             {
+
             ctx.fillStyle = "red";
                ctx.fillStyle = "red";
+
            ctx.font = "bold 65px sans-serif";
                ctx.font = "bold 50px sans-serif";
+
            ctx.fillText( "5", 307, 110 + offsetY );
                ctx.fillText( "5", 315, 110 + offsetY );
+
            ctx.lineWidth = 1;
                ctx.lineWidth = 1;
+
            ctx.strokeText( "5", 307, 110 + offsetY );
                ctx.strokeText( "5", 315, 110 + offsetY );
+
            ctx.textBaseline = "bottom";
                ctx.textBaseline = "bottom";
 
            }
 
  
 
             // Draw all tree lights overlay: either on or off
 
             // Draw all tree lights overlay: either on or off

Revision as of 16:33, 1 March 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

  • 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.