|
|
(30 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| local GAMES = {
| | function Infobox(frame) |
| S = "Splatoon",
| | local ret = "" |
| S2 = "Splatoon 2"
| | for k,v in frame:argumentPairs() do |
| }
| | ret = ret .. k .. " = " .. v .. "<br>" |
| | | end |
| function ParamRow(color, label, content) | | return ret |
| | |
| -- Outer label container, styles the left vertical edge
| |
| local ret = "<div style=\"border: 1px solid rgb(" .. color .. "); " ..
| |
| "border-width: 0 0 0 4px; border-radius: 4px;\">"
| |
| | |
| -- Inner label container, styles the horizontal edges and background
| |
| ret = ret .. "<div style=\"border: 1px solid red; " ..
| |
| "border-width: 1px 0 1px 0; font-weight: bold; " ..
| |
| "padding: 4px 8px 4px 4px; " ..
| |
| "background: linear-gradient(90deg, rgba(" .. color .. ", 0.5), " ..
| |
| "rgba(" .. color .. ", 0.5) 25%, rgba(" .. color .. ", 0)); " ..
| |
| "border-image: linear-gradient(90deg, rgb(" .. color .. "), " ..
| |
| "rgba(" .. color .. ", 0)) 1;\">"
| |
| | |
| -- Parameter contents
| |
| return ret .. label .. "</div></div><div>" .. content .. "</div>"
| |
| end | | end |
|
| |
|
| | -- Module |
| return { | | return { |
| gear = function(frame) | | infobox = Infobox |
| local color = frame:expandTemplate
| |
| { title = "SiteColor", args = { GAMES[frame.args.game] } }
| |
| | |
| -- Outer container
| |
| local ret = "<div style=\"border: 1px solid rgb(" .. color ..
| |
| "); border-width: 8px 1px; border-radius: 8px; " ..
| |
| "background: #ffffff; display: inline-block; width: 300px;\">"
| |
| | |
| -- Inner client area
| |
| ret = ret .. "<div style=\"background: rgba(" .. color .. ", 0.25); " ..
| |
| "box-shadow: 0 0 16px #ffffff inset; padding: 8px;\">"
| |
| | |
| -- Name
| |
| ret = ret .. "<div style=\"border: 1px solid rgb(" .. color .. "); " ..
| |
| "border-width: 1px 4px; border-radius: 4px; " ..
| |
| "background: rgba(" .. color .. ", 0.25); text-align: center; " ..
| |
| "font-size: 20px; font-weight: bold; padding: 8px;\">" ..
| |
| frame.args.name .. "</div>"
| |
| | |
| -- Image
| |
| ret = ret .. "<div style=\"display: flex; align-items: center; " ..
| |
| "justify-content: center;\">[[File:" .. frame.args.game ..
| |
| "_Gear_" .. frame.args.category .. "_" .. frame.args.name ..
| |
| ".png|128x128px]]</div>"
| |
| | |
| -- Parameters
| |
| ret = ret .. "<div style=\"display: grid; " ..
| |
| "grid-template-columns: max-content auto; grid-gap: 4px; " ..
| |
| "align-items: center;\">"
| |
| | |
| -- Category row
| |
| if frame.args.category then
| |
| local category = frame.args.category
| |
| ret = ret .. ParamRow(color, "Category",
| |
| "<span style=\"opacity: 0.5;\">" .. "[[File:S2_Icon_" ..
| |
| category .. ".png|x24px|link=" .. category .. "|" ..
| |
| category .. "]]</span> [[" .. category .. "]]"
| |
| )
| |
| end
| |
| | |
| -- Brand row
| |
| if frame.args.brand then
| |
| local brand = frame.args.brand
| |
| ret = ret .. ParamRow(color, "Brand",
| |
| "[[File:" .. frame.args.game .. "_Brand_" .. brand ..
| |
| ".png|x24px|link=" .. brand .. "|" .. brand .. "]] [[" ..
| |
| brand .. "]]"
| |
| )
| |
| end
| |
| | |
| ret = ret .. "</div></div></div>"
| |
| return ret
| |
| end
| |
| } | | } |