Difference between revisions of "Widget:Logo"

From Hackerspace ACKspace
Jump to: navigation, search
m (whoops, typo)
m (try and fix algorithm..)
Line 348: Line 348:
 
                 if ( Math.abs(window.x - _event.offsetX) > Math.abs(window.y - _event.offsetY) )
 
                 if ( Math.abs(window.x - _event.offsetX) > Math.abs(window.y - _event.offsetY) )
 
                 {
 
                 {
                     var yInc = Math.abs(window.y - _event.offsetY) / Math.abs(window.x - _event.offsetX);
+
                     var yInc = (_event.offsetY - window.y) / Math.abs(window.x - _event.offsetX);
                     for ( ; window.x < _event.offsetX; ++window.x )
+
                     for ( ; window.x !== _event.offsetX; window.x += (_event.offsetX > window.x ? 1 : -1) )
 
                     {
 
                     {
 
                         window.y += yInc;
 
                         window.y += yInc;
Line 358: Line 358:
 
                 else
 
                 else
 
                 {
 
                 {
                     var xInc = Math.abs(window.x - _event.offsetX) / Math.abs(window.y - _event.offsetY);
+
                     var xInc = (_event.offsetX - window.x) / Math.abs(window.y - _event.offsetY);
                     for ( ; window.y < _event.offsetY; ++window.y )
+
                     for ( ; window.y !== _event.offsetY; window.y += (_event.offsetY > window.y ? 1 : -1) )
 
                     {
 
                     {
 
                         window.x += xInc;
 
                         window.x += xInc;

Revision as of 15:16, 21 December 2017

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.