Module:ElementInfobox - Revision history

Ais at 08:00, 24 December 2025

2025-12-24T08:00:50Z

← Older revision		Revision as of 08:00, 24 December 2025
Line 34:		Line 34:
	local output = {}		local output = {}

	~~-- CSS styling for modern look~~
	table.insert(output, '<div style="border: 2px solid ' .. color.main .. '; border-radius: 10px; width: 320px; float: right; margin-left: 20px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); box-shadow: 0 4px 8px rgba(0,0,0,0.1); font-family: sans-serif; overflow: hidden;">')		table.insert(output, '<div style="border: 2px solid ' .. color.main .. '; border-radius: 10px; width: 320px; float: right; margin-left: 20px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); box-shadow: 0 4px 8px rgba(0,0,0,0.1); font-family: sans-serif; overflow: hidden;">')

Ais at 07:55, 24 December 2025

2025-12-24T07:55:39Z

← Older revision		Revision as of 07:55, 24 December 2025
Line 2:		Line 2:

	local colors = {		local colors = {
	Fire = {main = '#cc3333', light = '#ff6666'},		Fire = {main = '#cc3333', light = '#ff6666', text = 'white'},
	Water = {main = '#3366cc', light = '#6699ff'},		Water = {main = '#3366cc', light = '#6699ff', text = 'white'},
	Wind = {main = '#33cccc', light = '#66ffff'},		Wind = {main = '#33cccc', light = '#66ffff', text = 'black'},
	Earth = {main = '#996633', light = '#cc9966'},		Earth = {main = '#996633', light = '#cc9966', text = 'white'},
	Lightning = {main = '#ffcc00', light = '#ffff66'},		Lightning = {main = '#ffcc00', light = '#ffff66', text = 'black'},
	Ice = {main = '#66ccff', light = '#99ffff'},		Ice = {main = '#66ccff', light = '#99ffff', text = 'black'},
	Wood = {main = '#339933', light = '#66cc66'},		Wood = {main = '#339933', light = '#66cc66', text = 'white'},
	Grass = {main = '#88cc44', light = '#aadd77'}		Grass = {main = '#88cc44', light = '#aadd77', text = 'black'}
	}		}

Ais at 07:55, 24 December 2025

2025-12-24T07:55:13Z

← Older revision		Revision as of 07:55, 24 December 2025
Line 2:		Line 2:

	local colors = {		local colors = {
	Fire = {main = '#cc3333', light = '#ff6666~~', text = 'white~~'},		Fire = {main = '#cc3333', light = '#ff6666'},
	Water = {main = '#3366cc', light = '#6699ff~~', text = 'white~~'},		Water = {main = '#3366cc', light = '#6699ff'},
	Wind = {main = '#33cccc', light = '#66ffff~~', text = 'black~~'},		Wind = {main = '#33cccc', light = '#66ffff'},
	Earth = {main = '#996633', light = '#cc9966~~', text = 'white~~'},		Earth = {main = '#996633', light = '#cc9966'},
	Lightning = {main = '#ffcc00', light = '#ffff66~~', text = 'black~~'},		Lightning = {main = '#ffcc00', light = '#ffff66'},
	Ice = {main = '#66ccff', light = '#99ffff~~', text = 'black~~'},		Ice = {main = '#66ccff', light = '#99ffff'},
	Wood = {main = '#339933', light = '#66cc66~~', text = 'white~~'},		Wood = {main = '#339933', light = '#66cc66'},
	Grass = {main = '#88cc44', light = '#aadd77~~', text = 'black~~'}		Grass = {main = '#88cc44', light = '#aadd77'}
	}		}

Ais at 07:37, 24 December 2025

2025-12-24T07:37:53Z

← Older revision		Revision as of 07:37, 24 December 2025
Line 1:		Line 1:
	local p = {}		local p = {}

	~~-- Color mapping with light variants for hover effects~~
	local colors = {		local colors = {
	Fire = {main = '#cc3333', light = '#ff6666', text = 'white'},		Fire = {main = '#cc3333', light = '#ff6666', text = 'white'},
Line 13:		Line 12:
	}		}

	~~-- Icon mapping (you can add these images later)~~
	local icons = {		local icons = {
	Fire = 'Fire_icon.png',		Fire = 'Fire_icon.png',

Ais at 07:36, 24 December 2025

2025-12-24T07:36:39Z

Show changes

Ais: Created page with "local p = {} -- Color mapping local colors = { Fire = '#cc3333', Water = '#3366cc', Wind = '#33cccc', Earth = '#996633', Lightning = '#ffcc00', Ice = '#66ccff', Wood = '#339933', Grass = '#88cc44' } function p.infobox(frame) local args = frame.args local name = args.name or 'Unknown' -- Get color or default local color = colors[name] or '#666666' -- Build the infobox local output = {''} table.in..."

2025-12-24T07:14:36Z

Created page with "local p = {} -- Color mapping local colors = { Fire = '#cc3333', Water = '#3366cc', Wind = '#33cccc', Earth = '#996633', Lightning = '#ffcc00', Ice = '#66ccff', Wood = '#339933', Grass = '#88cc44' } function p.infobox(frame) local args = frame.args local name = args.name or 'Unknown' -- Get color or default local color = colors[name] or '#666666' -- Build the infobox local output = {''} table.in..."

New page

local p = {}

-- Color mapping
local colors = {
Fire = '#cc3333',
Water = '#3366cc',
Wind = '#33cccc',
Earth = '#996633',
Lightning = '#ffcc00',
Ice = '#66ccff',
Wood = '#339933',
Grass = '#88cc44'
}

function p.infobox(frame)
local args = frame.args
local name = args.name or 'Unknown'

-- Get color or default
local color = colors[name] or '#666666'

-- Build the infobox
local output = {''}

table.insert(output, '{| class="wikitable" style="width:300px; float:right; margin-left:15px;"')
table.insert(output, '|+ style="font-size:larger;" | ' .. name .. ' Element')
table.insert(output, '|-')
table.insert(output, '! colspan="2" style="background:' .. color .. '; color:white; text-align:center;" | ' .. name)
table.insert(output, '|-')

-- Image
if args.image then
table.insert(output, '| colspan="2" style="text-align:center;" | [[File:' .. args.image .. '|200px]]')
else
table.insert(output, '| colspan="2" style="text-align:center;" | <i>No image yet</i>')
end

-- Fields
local fields = {
{'Description', args.description},
{'Offensive Spell', args.offensive},
{'Defensive Spell', args.defensive},
{'Curative Spell', args.curative},
{'Enhancement Spell', args.enhancement},
{'Behavior Traits', args.behavior or 'See below'}
}

for _, field in ipairs(fields) do
local label, value = field[1], field[2]
table.insert(output, '|-')
table.insert(output, '! ' .. label)
table.insert(output, '| ' .. (value or 'Unknown'))
end

table.insert(output, '|}')

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

return p