Module:InfoboxNPC - Revision history

Ais at 08:02, 6 February 2026

2026-02-06T08:02:23Z

← Older revision		Revision as of 08:02, 6 February 2026
Line 4:		Line 4:
	-- Cleaner, more modern design		-- Cleaner, more modern design
	local STYLE_FLOATING = 'float: right !important; clear: right !important; width: 280px !important; margin: 0 0 16px 16px !important; border: 1px solid #cbd5e0 !important; border-radius: 8px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; font-size: 14px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;'		local STYLE_FLOATING = 'float: right !important; clear: right !important; width: 280px !important; margin: 0 0 16px 16px !important; border: 1px solid #cbd5e0 !important; border-radius: 8px !important; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; font-size: 14px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;'
	local STYLE_HEADER = 'background: linear-gradient(135deg, ~~#2c5282~~ 0%, ~~#3182ce~~ 100%) !important; color: white !important; padding: 12px 15px !important; text-align: center !important; font-weight: 600 !important; font-size: 1.4em !important; letter-spacing: 0.5px !important; border-top-left-radius: 7px !important; border-top-right-radius: 7px !important;'		local STYLE_HEADER = 'background: linear-gradient(135deg, var(--teal-700) 0%, var(--teal-900) 100%) !important; color: white !important; padding: 12px 15px !important; text-align: center !important; font-weight: 600 !important; font-size: 1.4em !important; letter-spacing: 0.5px !important; border-top-left-radius: 7px !important; border-top-right-radius: 7px !important;'
	local STYLE_DATAROW = 'display: flex !important; justify-content: space-between !important; padding: 8px 12px !important; border-bottom: 1px solid #e2e8f0 !important;'		local STYLE_DATAROW = 'display: flex !important; justify-content: space-between !important; padding: 8px 12px !important; border-bottom: 1px solid #e2e8f0 !important;'
	local STYLE_DATALABEL = 'font-weight: 600 !important; color: #4a5568 !important; width: 35% !important; text-align: left !important;'		local STYLE_DATALABEL = 'font-weight: 600 !important; color: #4a5568 !important; width: 35% !important; text-align: left !important;'

Ais at 03:04, 6 February 2026

2026-02-06T03:04:52Z

Show changes

Ais at 03:03, 6 February 2026

2026-02-06T03:03:16Z

Show changes

Ais at 03:02, 6 February 2026

2026-02-06T03:02:37Z

Show changes

Ais at 10:40, 5 February 2026

2026-02-05T10:40:16Z

Show changes

Ais at 10:37, 5 February 2026

2026-02-05T10:37:32Z

← Older revision		Revision as of 10:37, 5 February 2026
Line 2:		Line 2:

	-- Define the CSS variables/hex codes as Lua constants for use in inline styles		-- Define the CSS variables/hex codes as Lua constants for use in inline styles
	~~-- Refined color scheme: Using #0E4D64 (deep teal-blue) for header, softer #E8F4F8 for section bg~~		local STYLE_FLOATING = 'float: right !important; clear: right !important; max-width: 320px !important; margin: 0 0 16px 16px !important; border: 1px solid #B0C4D9 !important; border-radius: 10px !important; background-color: #FFFFFF !important; font-size: .9em !important; box-shadow: 0 2px 8px rgba(14, 77, 100, 0.1) !important;'
	local STYLE_FLOATING = 'float: right !important; clear: right !important; max-width: ~~300px~~ !important; margin: 0 0 16px 16px !important; border: 1px solid #B0C4D9 !important; border-radius: 10px !important; background-color: #FFFFFF !important; font-size: .9em !important; box-shadow: 0 2px 8px rgba(14, 77, 100, 0.1) !important;'
	local STYLE_HEADER = 'background: linear-gradient(135deg, #0E4D64 0%, #1a6a7a 100%) !important; color: white !important; padding: 10px 12px !important; text-align: center !important; font-weight: bold !important; font-size: 1.5em !important; border-top-left-radius: 9px !important; border-top-right-radius: 9px !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;'		local STYLE_HEADER = 'background: linear-gradient(135deg, #0E4D64 0%, #1a6a7a 100%) !important; color: white !important; padding: 10px 12px !important; text-align: center !important; font-weight: bold !important; font-size: 1.5em !important; border-top-left-radius: 9px !important; border-top-right-radius: 9px !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;'
	local STYLE_DATAROW = 'display: flex !important; justify-content: space-between !important; padding: 6px 10px !important; border-bottom: 1px dotted #D1DCE6 !important;'		local STYLE_DATAROW = 'display: flex !important; justify-content: space-between !important; padding: 6px 10px !important; border-bottom: 1px dotted #D1DCE6 !important;'
	local STYLE_DATALABEL = 'font-weight: 600 !important; color: #2C3E50 !important; width: 40% !important; text-align: left !important;'		local STYLE_DATALABEL = 'font-weight: 600 !important; color: #2C3E50 !important; width: 40% !important; text-align: left !important;'
	local STYLE_DATAVALUE = 'color: #34495E !important; text-align: right !important; width: 60% !important;'		local STYLE_DATAVALUE = 'color: #34495E !important; text-align: right !important; width: 60% !important;'

			-- Helper function to properly handle wikilinks
			local function format_wikitext(value)
			if not value or value == '' then
			return ''
			end

			-- If it already contains wikilink syntax, we need to process it carefully
			-- We'll use frame:preprocess to expand wikilinks
			local frame = mw.getCurrentFrame()

			-- Check if it looks like a wikilink
			if string.find(value, '%[%[') and string.find(value, '%]%]') then
			-- It's a wikilink, expand it through the parser
			return frame:preprocess(value)
			else
			-- Plain text, escape it
			return mw.text.nowiki(value)
			end
			end

	-- Function to generate a single data row		-- Function to generate a single data row
	local function make_data_row(label, value, is_optional)		local function make_data_row(label, value, is_optional)
	if value and value ~= '' then		if value and value ~= '' then
			local formatted_value = format_wikitext(value)

	return string.format(		return string.format(
	'<div style="%s"><span style="%s">%s:</span> <span style="%s">%s</span></div>',		'<div style="%s"><span style="%s">%s:</span> <span style="%s">%s</span></div>',
Line 18:		Line 39:
	label,		label,
	STYLE_DATAVALUE,		STYLE_DATAVALUE,
	~~value~~		formatted_value
	)		)
	elseif is_optional then		elseif is_optional then
Line 68:		Line 89:
	-- Core Character Data Rows		-- Core Character Data Rows
	table.insert(html, make_data_row('Gender', args.gender))		table.insert(html, make_data_row('Gender', args.gender))
	table.insert(html, make_data_row('Age', args.age, true)) ~~-- optional~~		table.insert(html, make_data_row('Age', args.age, true))
	table.insert(html, make_data_row('Race', args.race))		table.insert(html, make_data_row('Race', args.race))
	table.insert(html, make_data_row('Role', args.role))		table.insert(html, make_data_row('Role', args.role))
	~~table.insert(html, make_data_row('Alignment', args.alignment, true))~~
	table.insert(html, make_data_row('Location', args.location))		table.insert(html, make_data_row('Location', args.location))

	-- ~~Start Gameplay Section (if relevant data exists)~~		-- Category and Subcategory with wikilink support
	~~local has_gameplay_data = args.body_weight or~~ args.category or args.sub		if args.category or args.sub then
	~~if has_gameplay_data~~ then		table.insert(html, make_section('Classification'))
	table.insert(html, make_section('~~Game Information'))~~
	~~table.insert(html, make_data_row('Body Type~~'~~, args.body_weight, true~~))
	table.insert(html, make_data_row('Category', args.category, true))		table.insert(html, make_data_row('Category', args.category, true))
	table.insert(html, make_data_row('Subcategory', args.sub, true))		table.insert(html, make_data_row('Subcategory', args.sub, true))
Line 92:		Line 110:

	if args.schedule1 and args.schedule1 ~= '' then		if args.schedule1 and args.schedule1 ~= '' then
	schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule1 .. '</div>'		schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. mw.text.nowiki(args.schedule1) .. '</div>'
	end		end
	if args.schedule2 and args.schedule2 ~= '' then		if args.schedule2 and args.schedule2 ~= '' then
	schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule2 .. '</div>'		schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. mw.text.nowiki(args.schedule2) .. '</div>'
	end		end
	if args.schedule3 and args.schedule3 ~= '' then		if args.schedule3 and args.schedule3 ~= '' then
	schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule3 .. '</div>'		schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. mw.text.nowiki(args.schedule3) .. '</div>'
	end		end

Line 108:		Line 126:
	if args.note and args.note ~= '' then		if args.note and args.note ~= '' then
	table.insert(html, make_section('Notes'))		table.insert(html, make_section('Notes'))
	table.insert(html, string.format('<div style="padding: 8px 10px; font-size: 0.85em; color: #7B8A8B; font-style: italic; background-color: #F5F7FA; border-radius: 4px; margin: 5px 10px;">%s</div>', args.note))		table.insert(html, string.format('<div style="padding: 8px 10px; font-size: 0.85em; color: #7B8A8B; font-style: italic; background-color: #F5F7FA; border-radius: 4px; margin: 5px 10px;">%s</div>', mw.text.nowiki(args.note)))
	end		end

Ais: Created page with "local p = {} -- Define the CSS variables/hex codes as Lua constants for use in inline styles -- Refined color scheme: Using #0E4D64 (deep teal-blue) for header, softer #E8F4F8 for section bg local STYLE_FLOATING = 'float: right !important; clear: right !important; max-width: 300px !important; margin: 0 0 16px 16px !important; border: 1px solid #B0C4D9 !important; border-radius: 10px !important; background-color: #FFFFFF !important; font-size: .9em !important; box-shadow..."

2026-02-05T10:21:32Z

Created page with "local p = {} -- Define the CSS variables/hex codes as Lua constants for use in inline styles -- Refined color scheme: Using #0E4D64 (deep teal-blue) for header, softer #E8F4F8 for section bg local STYLE_FLOATING = 'float: right !important; clear: right !important; max-width: 300px !important; margin: 0 0 16px 16px !important; border: 1px solid #B0C4D9 !important; border-radius: 10px !important; background-color: #FFFFFF !important; font-size: .9em !important; box-shadow..."

New page

local p = {}

-- Define the CSS variables/hex codes as Lua constants for use in inline styles
-- Refined color scheme: Using #0E4D64 (deep teal-blue) for header, softer #E8F4F8 for section bg
local STYLE_FLOATING = 'float: right !important; clear: right !important; max-width: 300px !important; margin: 0 0 16px 16px !important; border: 1px solid #B0C4D9 !important; border-radius: 10px !important; background-color: #FFFFFF !important; font-size: .9em !important; box-shadow: 0 2px 8px rgba(14, 77, 100, 0.1) !important;'
local STYLE_HEADER = 'background: linear-gradient(135deg, #0E4D64 0%, #1a6a7a 100%) !important; color: white !important; padding: 10px 12px !important; text-align: center !important; font-weight: bold !important; font-size: 1.5em !important; border-top-left-radius: 9px !important; border-top-right-radius: 9px !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;'
local STYLE_DATAROW = 'display: flex !important; justify-content: space-between !important; padding: 6px 10px !important; border-bottom: 1px dotted #D1DCE6 !important;'
local STYLE_DATALABEL = 'font-weight: 600 !important; color: #2C3E50 !important; width: 40% !important; text-align: left !important;'
local STYLE_DATAVALUE = 'color: #34495E !important; text-align: right !important; width: 60% !important;'

-- Function to generate a single data row
local function make_data_row(label, value, is_optional)
if value and value ~= '' then
return string.format(
'<div style="%s"><span style="%s">%s:</span> <span style="%s">%s</span></div>',
STYLE_DATAROW,
STYLE_DATALABEL,
label,
STYLE_DATAVALUE,
value
)
elseif is_optional then
return ''
else
-- For non-optional fields, show "Unknown" if empty
return string.format(
'<div style="%s"><span style="%s">%s:</span> <span style="%s"><em>Unknown</em></span></div>',
STYLE_DATAROW,
STYLE_DATALABEL,
label,
STYLE_DATAVALUE
)
end
end

-- Function to create a section divider
local function make_section(title)
return string.format(
'<div class="section-title" style="padding: 8px 10px; background-color: #E8F4F8 !important; color: #0E4D64 !important; font-weight: bold; font-size: 1.1em; border-top: 1px solid #B0C4D9; border-bottom: 1px solid #B0C4D9; margin-top: 5px;">%s</div>',
title
)
end

-- Main function to create the infobox HTML
function p.infobox(frame)
local args = frame:getParent().args

local name = args.name or 'Unknown Character'
local image = args.image

local html = {}

-- Start the main infobox container
table.insert(html, string.format('<div class="npc-infobox" style="%s">', STYLE_FLOATING))

-- Header/Title
table.insert(html, string.format('<div class="npc-header" style="%s">%s</div>', STYLE_HEADER, name))

-- Image Section
if image and image ~= '' then
local image_link = string.format('[[File:%s|250px|alt=%s|class=npc-portrait]]', image, name)
table.insert(html, string.format('<div class="npc-image" style="padding: 12px !important; text-align: center !important; background-color: #F8FAFC;">%s</div>', image_link))
end

-- Start Quick Facts Section
table.insert(html, make_section('Character Details'))

-- Core Character Data Rows
table.insert(html, make_data_row('Gender', args.gender))
table.insert(html, make_data_row('Age', args.age, true)) -- optional
table.insert(html, make_data_row('Race', args.race))
table.insert(html, make_data_row('Role', args.role))
table.insert(html, make_data_row('Alignment', args.alignment, true))
table.insert(html, make_data_row('Location', args.location))

-- Start Gameplay Section (if relevant data exists)
local has_gameplay_data = args.body_weight or args.category or args.sub
if has_gameplay_data then
table.insert(html, make_section('Game Information'))
table.insert(html, make_data_row('Body Type', args.body_weight, true))
table.insert(html, make_data_row('Category', args.category, true))
table.insert(html, make_data_row('Subcategory', args.sub, true))
end

-- Start Schedule Section (if schedule data exists)
local has_schedule = args.schedule1 or args.schedule2 or args.schedule3
if has_schedule then
table.insert(html, make_section('Daily Schedule'))

-- Create a mini-schedule table
local schedule_html = '<div style="padding: 5px 10px; font-size: 0.95em;">'

if args.schedule1 and args.schedule1 ~= '' then
schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule1 .. '</div>'
end
if args.schedule2 and args.schedule2 ~= '' then
schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule2 .. '</div>'
end
if args.schedule3 and args.schedule3 ~= '' then
schedule_html = schedule_html .. '<div style="padding: 3px 0;">• ' .. args.schedule3 .. '</div>'
end

schedule_html = schedule_html .. '</div>'
table.insert(html, schedule_html)
end

-- Metadata note (for internal references)
if args.note and args.note ~= '' then
table.insert(html, make_section('Notes'))
table.insert(html, string.format('<div style="padding: 8px 10px; font-size: 0.85em; color: #7B8A8B; font-style: italic; background-color: #F5F7FA; border-radius: 4px; margin: 5px 10px;">%s</div>', args.note))
end

-- End container
table.insert(html, '</div>') -- End npc-infobox

return table.concat(html, '\n')
end

return p