User:Samlovesmath/Sandbox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Samlovesmath (talk | contribs) mNo edit summary |
Samlovesmath (talk | contribs) added hero tags, automated all variables |
||
| Line 25: | Line 25: | ||
<span style="font-size:small; opacity:50%">'''''WIP -- Last edited: Mar 28, 2026'''''</span> | <span style="font-size:small; opacity:50%">'''''WIP -- Last edited: Mar 28, 2026'''''</span> | ||
<!-- | <!-- | ||
-->{{#vardefine:key| | -->{{#vardefine:key|hero_atlas}}<!-- hero keyname | ||
-->{{#vardefine:color1| \# | -->{{#vardefine:color1| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|color1}} }} <!-- | ||
-->{{#vardefine:color1_grad| \# | -->{{#vardefine:color1_grad| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|color1_grad}} }} <!-- | ||
-->{{#vardefine:color2| \# | -->{{#vardefine:color2| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|color2}} }} <!-- | ||
-->{{#vardefine:grad_offset| | -->{{#vardefine:grad_offset| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|grad_offset}} }} <!-- | ||
-->{{#vardefine:text_title| \# | -->{{#vardefine:text_title| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|text_title}} }} <!-- | ||
-->{{#vardefine:stats_text| \# | -->{{#vardefine:stats_text| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|stats_text}} }} <!-- | ||
-->{{#vardefine:stats_back| \# | -->{{#vardefine:stats_back| \#{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|stats_back}} }} <!-- | ||
-->{{#vardefine:background_height| | -->{{#vardefine:background_height| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_height}} }} <!-- | ||
-->{{#vardefine:background_margin| | -->{{#vardefine:background_margin| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_margin}} }} <!-- | ||
-->{{#vardefine:logo_height| | -->{{#vardefine:logo_height| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|logo_height}} }} <!-- | ||
-->{{#vardefine:logo_bleed| | -->{{#vardefine:logo_bleed| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|logo_bleed}} }} <!-- | ||
-->{{#vardefine:logo_bottom| | -->{{#vardefine:logo_bottom| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|logo_bottom}} }} <!-- | ||
-->{{#vardefine:grad_height| calc({{#var:grad_offset}} + {{#var:background_height}}) }} <!-- | -->{{#vardefine:grad_height| calc({{#var:grad_offset}} + {{#var:background_height}}) }} <!-- | ||
| Line 70: | Line 70: | ||
<!---- Box Background ----> | <!---- Box Background ----> | ||
<div class="infobox-background">[[File:{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_image}}|x{{#var:background_height}}|right]]</div> | <div class="infobox-background">[[File:{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_image}}|x{{#var:background_height}}|right|link=]]</div> | ||
{| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 calc({{#var:grad_height}} * calc(3/7)), {{#var:color1_grad}} {{#var:grad_height}}); background-color: transparent;" | {| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 calc({{#var:grad_height}} * calc(3/7)), {{#var:color1_grad}} {{#var:grad_height}}); background-color: transparent;" | ||
| Line 78: | Line 78: | ||
<div class="infobox-title-hero" style="display: flex; justify-content: space-between;"> | <div class="infobox-title-hero" style="display: flex; justify-content: space-between;"> | ||
<div class="infobox-title-hero-left"></div> | <div class="infobox-title-hero-left"></div> | ||
<div class="infobox-title-hero-middle">{{If lang|{{#ifeq: {{{no_name|}}}|true|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}|{{Template:Icon/White|[[File:{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}_name.png|{{#var:logo_height}}|class=notpageimage]]}}}}|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}}}</div> | <div class="infobox-title-hero-middle">{{If lang|{{#ifeq: {{{no_name|}}}|true|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}|{{Template:Icon/White|[[File:{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}_name.png|{{#var:logo_height}}|class=notpageimage|link=]]}}}}|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}}}</div> | ||
<div class="infobox-title-hero-right"><div> | <div class="infobox-title-hero-right"><div> | ||
<div class="infobox-title-hero-tornbox" style={{#var:quotemark}}background-color:{{#var:color2}};{{#var:quotemark}}></div> | <div class="infobox-title-hero-tornbox" style={{#var:quotemark}}background-color:{{#var:color2}};{{#var:quotemark}}></div> | ||
<div class="infobox-title-hero-icon">{{#ifeq: {{{no_icon|}}}|true||[[Image:{{{icon|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}}}}}.png|frameless|center|35px]]}}</div></div> | <div class="infobox-title-hero-icon">{{#ifeq: {{{no_icon|}}}|true||[[Image:{{{icon|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}}}}}.png|frameless|center|35px|link=]]}}</div></div> | ||
</div> | </div> | ||
<!---- Hero Image Card ----> | <!---- Hero Image Card ----> | ||
|- | |- | ||
! colspan="2" class="infobox-image" style="margin:auto; border:none; --secondaryColor: {{#var:color2}};" |<div style="overflow:hidden; border-radius:15px; padding:0px; background-color: var(--secondaryColor); max-width:190px; height:auto; margin:auto; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}]]</div> | ! colspan="2" class="infobox-image" style="margin:auto; border:none; --secondaryColor: {{#var:color2}};" |<div style="overflow:hidden; border-radius:15px; padding:0px; background-color: var(--secondaryColor); max-width:190px; height:auto; margin:auto; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}|link=]]</div> | ||
<!---- Weapon Name ----> | <!---- Weapon Name ----> | ||
| Line 268: | Line 268: | ||
<!---- Quotes rendering ----> | <!---- Quotes rendering ----> | ||
{{#ifeq: {{{no_summary|}}}|true||{{Quotation||< | {{#ifeq: {{{no_summary|}}}|true | ||
||{{Quotation|| | |||
<div class{{=}}"infobox-herotags" style{{=}}{{#var:quotemark}}--infobox_th_tags_back: #{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|tags_back}}; --infobox_th_tags_text: #{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|tags_text}}; {{#var:quotemark}}> | |||
<div><div class{{=}}"infobox-herotag-back"></div><div class{{=}}"infobox-herotag-text">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|1}}</div></div> | |||
<div><div class{{=}}"infobox-herotag-back"></div><div class{{=}}"infobox-herotag-text">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|2}}</div></div> | |||
<div><div class{{=}}"infobox-herotag-back"></div><div class{{=}}"infobox-herotag-text">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|3}}</div></div> | |||
</div>}}}} | |||
Revision as of 15:30, 7 April 2026
Infobox Tests
(Note: Only properly viewable with User:Samlovesmath/common.css, and with site's default Common.css disabled.)
Hero Infobox v2
Uses new variables:
- color1 *quote color
- color1_grad *lower background gradient color
- color2 *same hue as roster select, brightened for clarity
- background image *ex. Geist_select_background.png for Lady Geist
Todos:
- APPLY NEW SANDBOX MODULE
- Fix Stat key word links--certain parts that stand for the same thing point to different places
- Add class name to bullet/spirit superscript template on certain stats (ex. +48 [heart-gun image]) to make CSS for padding displacement to avoid clipping over where it is placed
- Fix/finish quote replacement
- Lang.json:
- Change Citadel_HeroPage_BaseStats -- BASE STATS ➔ BASE STATISTICS
Errors noted:
- Weapon Stat property "Max Range" is a manual template input for heroes such as Bebop. Future updates to this value would have to be updated manually. Make it properly implemented in HeroData for automatic changes? (ask Sur/LVL/Domo?)
WIP -- Last edited: Mar 28, 2026
<div class="infobox" style=
"
--infobox_th_text_title: \#Script error: No such module "Samlovesmath/Sandbox". !important;
--infobox_th_stats_text: \#Script error: No such module "Samlovesmath/Sandbox". !important;
--infobox_th_stats_back: \#Script error: No such module "Samlovesmath/Sandbox". !important;
--infobox_th_backMargin: Script error: No such module "Samlovesmath/Sandbox". !important;
--infobox_th_logoBleed: Script error: No such module "Samlovesmath/Sandbox". !important;
--infobox_th_logoBottom: Script error: No such module "Samlovesmath/Sandbox". !important;
">
[[File:Script error: No such module "Samlovesmath/Sandbox".|xScript error: No such module "Samlovesmath/Sandbox".|right|link=]]
<div class="infobox-title-hero-tornbox" style="background-color:\#Script error: No such module "Samlovesmath/Sandbox".;">
 | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Weapon: "Case Closed" | |||||||||||||||||||
|
BASE STATS | |||||||||||||||||||
| |||||||||||||||||||
| |||||||||||||||||||
| |||||||||||||||||||
|
Information | |||||||||||||||||||
| |||||||||||||||||||
{{#seo: |keywords=Deadlock, , hero, abilities, wiki, MOBA, shooter, character, heroes, game, valve |image_alt = A portrait image of from the video game Deadlock }}
“<div class="infobox-herotags" style="--infobox_th_tags_back: #Script error: No such module "Samlovesmath/Sandbox".; --infobox_th_tags_text: #Script error: No such module "Samlovesmath/Sandbox".; ">
TankBrawlerBull-Headed