User:Samlovesmath/Sandbox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Samlovesmath (talk | contribs) mNo edit summary |
Samlovesmath (talk | contribs) mNo edit summary |
||
| Line 3: | Line 3: | ||
(Note: Only properly viewable with [[User:Samlovesmath/common.css]], and with site's default Common.css disabled.) | (Note: Only properly viewable with [[User:Samlovesmath/common.css]], and with site's default Common.css disabled.) | ||
=== | ===Hero Infobox v2=== | ||
'''Uses new variables:''' | '''Uses new variables:''' | ||
* color1 | * color1 <span style="font-size:small; opacity:50%">*quote color</span> | ||
* color1_grad | * color1_grad <span style="font-size:small; opacity:50%">*lower background gradient color</span> | ||
* color2 | * color2 <span style="font-size:small; opacity:50%">*same hue as roster select, brightened for clarity</span> | ||
* background image | * background image <span style="font-size:small; opacity:50%">*ex. [[:File:Geist_select_background.png|Geist_select_background.png]] for [[Lady Geist]]</span> | ||
| Line 14: | Line 14: | ||
* APPLY NEW SANDBOX MODULE | * APPLY NEW SANDBOX MODULE | ||
* Fix Stat key word links--certain parts that stand for the same thing point to different places | * 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 | * 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 | * Fix/finish quote replacement | ||
| Line 29: | Line 27: | ||
-->{{#vardefine:key|hero_ghost}}<!-- hero keyname | -->{{#vardefine:key|hero_ghost}}<!-- hero keyname | ||
-->{{#vardefine:color1|\#098959}} <!-- | -->{{#vardefine:color1| \#098959 }} <!-- | ||
-->{{#vardefine:color1_grad|\#0F6D4C}} <!-- | -->{{#vardefine:color1_grad| \#0F6D4C }} <!-- | ||
-->{{#vardefine:color2|\#6DD48C}} <!-- | -->{{#vardefine:color2| \#6DD48C }} <!-- | ||
-->{{#vardefine:voice_actor| | -->{{#vardefine:text_title| \#DCFFE7 }} <!-- | ||
-->{{#vardefine:release_date| | -->{{#vardefine:stats_text| \#bbffbf }} <!-- | ||
-->{{#vardefine:codenames| | -->{{#vardefine:stats_back| \#12301aA3 }} <!-- | ||
-->{{#vardefine:background_height| x700px }} <!-- | |||
-->{{#vardefine:background_margin| -118px }} <!-- | |||
-->{{#vardefine:logo_height| x32px }} <!-- | |||
-->{{#vardefine:logo_bleed| 0px }} <!-- | |||
-->{{#vardefine:logo_bottom| 0px }} <!-- | |||
-->{{#vardefine:voice_actor| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|voice_actor}} }} <!-- | |||
-->{{#vardefine:release_date| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|release_date}} }} <!-- | |||
-->{{#vardefine:codenames| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|codenames}} }} <!-- | |||
-->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | -->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | ||
-->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | -->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | ||
| Line 44: | Line 51: | ||
-->{{#vardefine:quotemark|"}} <!-- for inserting into html | -->{{#vardefine:quotemark|"}} <!-- for inserting into html | ||
--{{#vardefine:max_range|31}} <!-- manual template value (weapon stats) | --{{#vardefine:max_range|31}} <!-- debug; manual template value (weapon stats) | ||
--> | --> | ||
| Line 50: | Line 57: | ||
<div class="infobox" style= | <div class="infobox" style= | ||
{{#var:quotemark}} | {{#var:quotemark}} | ||
--infobox_th_text_title: {{#var:text_title}} !important | --infobox_th_text_title: {{#var:text_title}} !important; | ||
--infobox_th_stats_text: {{#var:stats_text}} !important | --infobox_th_stats_text: {{#var:stats_text}} !important; | ||
--infobox_th_stats_back: {{#var:stats_back}} !important | --infobox_th_stats_back: {{#var:stats_back}} !important; | ||
--infobox_th_backMargin: {{#var:background_margin}} !important; | |||
--infobox_th_logoBleed: {{#var:logo_bleed}} !important; | |||
--infobox_th_logoBottom: {{#var:logo_bottom}} !important; | |||
{{#var:quotemark}}> | {{#var:quotemark}}> | ||
<!---- Box Background ----> | <!---- Box Background ----> | ||
<div class="infobox-background">[[File: | <div class="infobox-background">[[File:{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_image}}|{{#var:background_height}}|right]]</div> | ||
{| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1_grad}} 700px); background-color: transparent;" | {| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1_grad}} 700px); background-color: transparent;" | ||
| Line 62: | Line 72: | ||
<!---- Title + Name Image + Hero Thumbnail ----> | <!---- Title + Name Image + Hero Thumbnail ----> | ||
<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| | <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-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> | ||
Revision as of 21:34, 29 March 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
[[File:Script error: No such module "Samlovesmath/Sandbox".|x700px|right]]
| Weapon: "Johann's Gift" | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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 }}
“Lifesteal - Self Damage - Fatale
