Module:Keyboard vis - Revision history

Tristanbay: fixed resizing

2025-12-05T04:41:16Z

fixed resizing

← Older revision		Revision as of 04:41, 5 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'		local END_L = '[[File:Keyboard_vis_end_left.png\|20px]]'
	local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'		local END_R = '[[File:Keyboard_vis_end_right.png\|20px]]'
	local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'		local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20px]]'
	local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'		local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20px]]'

	-- Produces a small keyboard visualization		-- Produces a small keyboard visualization

Tristanbay: code formatting

2025-12-05T04:39:09Z

code formatting

← Older revision		Revision as of 04:39, 5 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'		local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'
	local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'		local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'
	local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'		local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'
	local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'		local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'

Tristanbay: corrected file names

2025-12-05T04:38:48Z

corrected file names

← Older revision		Revision as of 04:38, 5 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	local ~~SIDE_L~~ = '[[File:~~Keyboard_vis_side_left~~\|20]]'		local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'
	local ~~SIDE_R~~ = '[[File:~~Keyboard_vis_side_right~~\|20]]'		local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'
	local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key\|20]]'		local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'
	local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key\|20]]'		local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'

	-- Produces a small keyboard visualization		-- Produces a small keyboard visualization
Line 11:		Line 11:
	local step_pattern = step_pattern or "LLLsLLs"		local step_pattern = step_pattern or "LLLsLLs"

	local result = ~~SIDE_L~~		local result = END_L

	for i = 1, #step_pattern do		for i = 1, #step_pattern do
Line 21:		Line 21:
	end		end
	end		end
	result = result .. ~~SIDE_R~~		result = result .. END_R

	return result		return result

Tristanbay: Switched to using images instead of plain text

2025-12-05T04:36:43Z

Switched to using images instead of plain text

← Older revision		Revision as of 04:36, 5 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	local ~~CORNER_TL~~ = '~~┌~~' ~~-- U+250C ┌~~		local SIDE_L = '[[File:Keyboard_vis_side_left\|20]]'
	local ~~CORNER_TR~~ = '~~┐~~' ~~-- U+2510 ┐~~		local SIDE_R = '[[File:Keyboard_vis_side_right\|20]]'
	local ~~CORNER_BL~~ = '~~└~~' ~~-- U+2514 └~~		local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key\|20]]'
	local ~~CORNER_BR~~ = '~~┘~~' ~~-- U+2518 ┘~~		local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key\|20]]'
	~~local BORDER_BLACK_KEY_TOP = '╥' -- U+2565 ╥~~
	~~local BORDER_WHITE_KEY_TOP = '┬' -- U+252C ┬~~
	~~local BORDER_KEY_BOTTOM = '┴' -- U+2534 ┴~~
	~~local BORDER_BLACK_KEY_SIDE = '║' -- U+2551 ║~~
	~~local BORDER_WHITE_KEY_SIDE = '│' -- U+2502 │~~

	-- Produces a small keyboard visualization		-- Produces a small keyboard visualization
Line 16:		Line 11:
	local step_pattern = step_pattern or "LLLsLLs"		local step_pattern = step_pattern or "LLLsLLs"

	local ~~line_1~~ = ~~CORNER_TL~~		local result = SIDE_L
	~~local line_2 = BORDER_WHITE_KEY_SIDE~~
	~~local line_3 = BORDER_WHITE_KEY_SIDE~~
	~~local line_4 = CORNER_BL~~

	for i = 1, #step_pattern do		for i = 1, #step_pattern do
	local current_step = step_pattern:sub(i,i)		local current_step = step_pattern:sub(i,i)
	if current_step == "L" then		if current_step == "L" then
	~~line_1~~ = ~~line_1~~ .. ~~BORDER_BLACK_KEY_TOP~~		result = result .. BORDER_BLACK_KEY
	~~line_2 = line_2 .. BORDER_BLACK_KEY_SIDE~~
	~~line_3 = line_3 .. BORDER_WHITE_KEY_SIDE~~
	~~line_4 = line_4 .. BORDER_KEY_BOTTOM~~
	elseif current_step == "s" then		elseif current_step == "s" then
	~~line_1~~ = ~~line_1~~ .. ~~BORDER_WHITE_KEY_TOP~~		result = result .. BORDER_WHITE_KEY
	~~line_2 = line_2 .. BORDER_WHITE_KEY_SIDE~~
	~~line_3 = line_3 .. BORDER_WHITE_KEY_SIDE~~
	~~line_4 = line_4 .. BORDER_KEY_BOTTOM~~
	end		end
	end		end
	~~line_1~~ = ~~line_1~~ .. ~~CORNER_TR~~		result = result .. SIDE_R
	~~line_2 = line_2 .. BORDER_WHITE_KEY_SIDE~~
	~~line_3 = line_3 .. BORDER_WHITE_KEY_SIDE~~
	~~line_4 = line_4 .. CORNER_BR~~

	~~local result = '<pre style="'~~
	~~.. 'background-color: white; '~~
	~~.. 'line-height: 1; '~~
	~~.. 'font-family: Courier New, monospace; '~~
	~~.. 'font-size: 1em; '~~
	~~.. 'padding: 0.1em; '~~
	~~.. 'margin: 0.1em;">'~~
	~~.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)~~
	~~.. '</pre>'~~
	return result		return result
	end		end

	return p		return p

Tristanbay: undid other edit

2025-12-05T03:43:09Z

undid other edit

← Older revision		Revision as of 03:43, 5 December 2025
Line 43:		Line 43:
	.. 'background-color: white; '		.. 'background-color: white; '
	.. 'line-height: 1; '		.. 'line-height: 1; '
	.. 'font-family: monospace; '		.. 'font-family: Courier New, monospace; '
	.. 'font-size: 1em; '		.. 'font-size: 1em; '
	.. 'padding: 0.1em; '		.. 'padding: 0.1em; '

Tristanbay: Undo revision 218590 by Tristanbay (talk)

2025-12-05T03:42:36Z

Undo revision 218590 by Tristanbay (talk)

← Older revision		Revision as of 03:42, 5 December 2025
Line 40:		Line 40:
	line_4 = line_4 .. CORNER_BR		line_4 = line_4 .. CORNER_BR

	local result = '<pre>'		local result = '<pre style="'
			.. 'background-color: white; '
			.. 'line-height: 1; '
			.. 'font-family: monospace; '
			.. 'font-size: 1em; '
			.. 'padding: 0.1em; '
			.. 'margin: 0.1em;">'
	.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)		.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)
	.. '</pre>'		.. '</pre>'

Tristanbay: temporary test

2025-12-05T03:34:03Z

temporary test

← Older revision		Revision as of 03:34, 5 December 2025
Line 40:		Line 40:
	line_4 = line_4 .. CORNER_BR		line_4 = line_4 .. CORNER_BR

	local result = '<pre ~~style="'~~		local result = '<pre>'
	~~.. 'background-color: white; '~~
	~~.. 'line-height: 1; '~~
	~~.. 'font-family: monospace; '~~
	~~.. 'font-size: 1em; '~~
	~~.. 'padding: 0.1em; '~~
	~~.. 'margin: 0.1em;"~~>'
	.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)		.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)
	.. '</pre>'		.. '</pre>'

Tristanbay: see if this fixes mobile formatting issue

2025-12-05T03:31:07Z

see if this fixes mobile formatting issue

← Older revision		Revision as of 03:31, 5 December 2025
Line 43:		Line 43:
	.. 'background-color: white; '		.. 'background-color: white; '
	.. 'line-height: 1; '		.. 'line-height: 1; '
	.. 'font-family: ~~Courier New,~~ monospace; '		.. 'font-family: monospace; '
	.. 'font-size: 1em; '		.. 'font-size: 1em; '
	.. 'padding: 0.1em; '		.. 'padding: 0.1em; '

ArrowHead294 at 12:19, 1 June 2025

2025-06-01T12:19:22Z

← Older revision		Revision as of 12:19, 1 June 2025
Line 1:		Line 1:
	local ~~CORNER_TL~~ = ~~'┌'~~		local p = {}
	~~local CORNER_TR = '┐'~~
	~~local CORNER_BL = '└'~~
	~~local CORNER_BR = '┘'~~
	~~local BORDER_BLACK_KEY_TOP = '╥'~~
	~~local BORDER_WHITE_KEY_TOP = '┬'~~
	~~local BORDER_KEY_BOTTOM = '┴'~~
	~~local BORDER_BLACK_KEY_SIDE = '║'~~
	~~local BORDER_WHITE_KEY_SIDE = '│'~~

	local p = {}		local CORNER_TL = '┌' -- U+250C ┌
			local CORNER_TR = '┐' -- U+2510 ┐
			local CORNER_BL = '└' -- U+2514 └
			local CORNER_BR = '┘' -- U+2518 ┘
			local BORDER_BLACK_KEY_TOP = '╥' -- U+2565 ╥
			local BORDER_WHITE_KEY_TOP = '┬' -- U+252C ┬
			local BORDER_KEY_BOTTOM = '┴' -- U+2534 ┴
			local BORDER_BLACK_KEY_SIDE = '║' -- U+2551 ║
			local BORDER_WHITE_KEY_SIDE = '│' -- U+2502 │

	-- Produces a small keyboard visualization		-- Produces a small keyboard visualization
	-- Likely to display correctly on most devices		-- Likely to display correctly on most devices
	function p.vis_small(step_pattern~~, debug_mode~~)		function p.vis_small(step_pattern)
	local step_pattern = step_pattern or "LLLsLLs"		local step_pattern = step_pattern or "LLLsLLs"

Line 40:		Line 40:
	line_4 = line_4 .. CORNER_BR		line_4 = line_4 .. CORNER_BR

	local ~~out_str~~ = ~~(debug_mode == true and '<pre style="' or~~ '<pre style="')		local result = '<pre style="'
	.. 'background-color: white; '		.. 'background-color: white; '
	.. 'line-height: 1; '		.. 'line-height: 1; '
Line 46:		Line 46:
	.. 'font-size: 1em; '		.. 'font-size: 1em; '
	.. 'padding: 0.1em; '		.. 'padding: 0.1em; '
	.. 'margin: 0.1em;'		.. 'margin: 0.1em;">'
	~~.. (debug_mode == true and '">' or '~~">')
	.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)		.. string.format('\n%s\n%s\n%s\n%s\n', line_1, line_2, line_3, line_4)
	.. ~~(debug_mode == true and '</pre>' or~~ '</pre>')		.. '</pre>'
	return ~~out_str~~		return result
	end		end

	return p		return p

ArrowHead294 at 16:32, 6 March 2025

2025-03-06T16:32:22Z

← Older revision		Revision as of 16:32, 6 March 2025
Line 1:		Line 1:
	~~local yesno = require("Module:Yesno")~~
	~~local p = {}~~

	local CORNER_TL = '┌'		local CORNER_TL = '┌'
	local CORNER_TR = '┐'		local CORNER_TR = '┐'
Line 11:		Line 8:
	local BORDER_BLACK_KEY_SIDE = '║'		local BORDER_BLACK_KEY_SIDE = '║'
	local BORDER_WHITE_KEY_SIDE = '│'		local BORDER_WHITE_KEY_SIDE = '│'

			local p = {}

	-- Produces a small keyboard visualization		-- Produces a small keyboard visualization

← Older revision		Revision as of 04:39, 5 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'		local END_L = '[[File:Keyboard_vis_end_left.png\|20]]'
	local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'		local END_R = '[[File:Keyboard_vis_end_right.png\|20]]'
	local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'		local BORDER_BLACK_KEY = '[[File:Keyboard_vis_border_black_key.png\|20]]'
	local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'		local BORDER_WHITE_KEY = '[[File:Keyboard_vis_border_white_key.png\|20]]'