Difference between revisions of "Widget:Logo"

Revision as of 16:41, 1 March 2016

This widget creates an animated themed ACKspace logo.

Created by xopr

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

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.

@@ Line 156: / Line 156: @@
              }
-             if ( debug )
+             ctx.save();
-            {
+            ctx.translate( 307, 110 + offsetY );
-                ctx.save();
+            ctx.rotate( -0.1 );
-                ctx.translate( 307, 110 + offsetY );
-                ctx.rotate( -0.1 );
-            }
              // Draw a glowing red '5'
              ctx.fillStyle = "red";
              ctx.font = "bold 65px sans-serif";
              ctx.lineWidth = 1;
-             if ( debug )
+             ctx.fillText( "5", 0, 0 );
-            {
+            ctx.strokeText( "5", 0, 0 );
-                ctx.fillText( "5", 0, 0 );
-                ctx.strokeText( "5", 0, 0 );
-            }
-            else
-            {
-                ctx.fillText( "5", 307, 110 + offsetY );
-                ctx.strokeText( "5", 307, 110 + offsetY );
-            }
              ctx.textBaseline = "bottom";