User:Samlovesmath/Sandbox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Samlovesmath (talk | contribs) m minor fixes (ex. background image sizing) |
Samlovesmath (talk | contribs) m fixed background gradient issues, added "gradient offset" |
||
| 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_werewolf}}<!-- hero keyname | ||
-->{{#vardefine:color1| \# | -->{{#vardefine:color1| \#B53913 }} <!-- | ||
-->{{#vardefine:color1_grad| \# | -->{{#vardefine:color1_grad| \#99391A }} <!-- | ||
-->{{#vardefine:color2| \# | -->{{#vardefine:color2| \#E2B576 }} <!-- | ||
-->{{#vardefine:grad_offset| 100px }} <!-- | |||
-->{{#vardefine:text_title| \# | -->{{#vardefine:text_title| \#FFDDC9 }} <!-- | ||
-->{{#vardefine:stats_text| \# | -->{{#vardefine:stats_text| \#EAD9C5 }} <!-- | ||
-->{{#vardefine:stats_back| \# | -->{{#vardefine:stats_back| \#2D1711A3 }} <!-- | ||
-->{{#vardefine:background_height| | -->{{#vardefine:background_height| 325px }} <!-- | ||
-->{{#vardefine:background_margin| -118px }} <!-- | -->{{#vardefine:background_margin| -118px }} <!-- | ||
-->{{#vardefine:logo_height| | -->{{#vardefine:logo_height| x55px }} <!-- | ||
-->{{#vardefine:logo_bleed| -2px 0px - | -->{{#vardefine:logo_bleed| -2px 0px -8px 6px }} <!-- | ||
-->{{#vardefine: | -->{{#vardefine:logo_bottom| 0px }} <!-- | ||
-->{{#vardefine:grad_height| calc({{#var:grad_offset}} + {{#var:background_height}}) }} <!-- | |||
| Line 69: | Line 72: | ||
<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]]</div> | ||
{| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 | {| 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;" | ||
! colspan="2" class="infobox-title" style="font-size: {{{font-size|25px}}};" | | ! colspan="2" class="infobox-title" style="font-size: {{{font-size|25px}}};" | | ||
Revision as of 19:50, 3 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
[[File:Script error: No such module "Samlovesmath/Sandbox".|x325px|right]]
  | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Weapon: "Hair of the Dog" | |||||||||||||||||||
|
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 }}
“Feral - Hot Mess - Transformation