User:Joenuts/Item display refactors

Useful links

• User:Joenuts/common.css
• User:Joenuts/common.js

Commendation items

• Following pages created as previews prior to cutover
  • Item:Commendation of Heroism
  • Item:Commendation: Clerics of Amaunator
  • Item:Commendation: Druids of the King's Forest
  • Item:Commendation: Purple Dragon Knights
  • Item:Commendation: Villagers of Eveningstar
  • Item:Commendation: War Wizards
• Preview not 100% refined
  • ( Ingredient ) Color pattern to be created / definded
  • Remove duplicate page title information displayed
  • Update style ( padding / alignment / etc )
  • Update Collector row to display location and zone of collector
• When done, page transition must be done as follows
  • Remove / delete preview pages ( Item:...)
  • Move main namespace pages to Item namespace
  • Update page to use refactored item display template

Component items

• Following pages created as previews prior to cutover
  • User:Joenuts/Component/Diamond Dust
  • User:Joenuts/Component/Hollow Reed
  • User:Joenuts/Component/Mercury and Phosphorous
  • User:Joenuts/Component/Mushroom Powder and Saffron
  • User:Joenuts/Component/Piece of Holy Parchment
  • User:Joenuts/Component/Pinch of Bull Dung
  • User:Joenuts/Component/Sacred Relic
  • User:Joenuts/Component/Small Candle
  • User:Joenuts/Component/Sprinkle of Holy Water and Diamonds
    • Arcane and Artificer components need to be checked as well
• Preview not 100% refined
  • ( Component ) Color pattern to be created / definded
  • Remove duplicate page title information displayed
  • Update style ( padding / alignment / etc )
  • Update template to put caps on image size
• When done, page transition must be done as follows
  • Remove / delete preview pages ( Item:...)
  • Move main namespace pages to Item namespace
  • Update page to use refactored item display template
  • For Small Candle, move talk page to active small candle page, then delete duplicated small candle page

Display Examples

• Display examples using hard coded content ( no templates )
  • User:Joenuts/Display_v2_orbimage_shownimage_tall_detailsimage
  • User:Joenuts/Display_v2_shownimage_tall_detailsimage
  • User:Joenuts/Display_v2_tall_detialsimage
  • User:Joenuts/Display_v2_orbimage_shownimage_short_detailsimage
  • User:Joenuts/Dagger_Shown_below_Data
  • User:Joenuts/Dagger_Shown_below_Image
  • User:Joenuts/Dagger_Shown_below_Image_expanded
  • CSS test page

Skin modifications

• Must not forget to revert changes to Mediawiki:Chick.css

Transitional Color chart

Category	current header color	current data color	current background color	transition header color	transition data color	transition background color
Ammunition	undefined	undefined	undefined	E6B2CC	EBC2D6	F0D1E0	band6_position14
Armor	F0DC82	FFFACD	FFFACD	CCB280	D6C299	E0D1B2	band7_position24
Clothing	DDAAFF	EEDDFF	EEDDFF	CC80FF	D699FF	E0B2FF	band7_position11
Collectables	undefined	undefined	undefined	FF8080	FF9999	FFB2B2	band6_position17
Components	undefined	undefined	undefined	80B2E6	99C2EB	B2D1F0	band6_position3
Cosmetic items	F0DC82	FFFACD	FFFACD	FFCC80	FFD699	FFE0B2	band6_position20
Creature Companions	undefined	undefined	undefined	99CC99	ADD6AD	C2E0C2	band7_position33
Gems	undefined	undefined	undefined	8080FF	9999FF	B2B2FF	band6_position5
Ingredients	undefined	undefined	undefined	80B280	99C299	B2D1B2	band7_position32
Item Augments	undefined	undefined	undefined	809980	99AD99	B2C2B2	band7_position31
Jewelry	FFBBBB	FFE4E1	FFE4E1	FF9980	FFAD99	FFC2B2	band6_position18
Miscellaneous items	undefined	undefined	undefined	C08080	CC9999	D9B2B2	band7_position20
Potions	DDDDFF	EEEEFF	EEEEFF	B2B2CC	C2C2D6	D1D1E0	band7_position9
Rune Arms	B1D3A0	D3D3D3	D3D3D3	B28099	ADC299	C2D1B2	band7_position30
Scrolls	undefined	undefined	undefined	8099B2	99ADC2	B2C2D1	band7_position1
Shields	AACCFF	CCEEFF	CCEEFF	80B2CC	99C2D6	B2D1E0	band6_position1
Wands	DDF	EEF	EEF	B2CCCC	C2D6D6	D1E0E0	band7_position35
Weapons	CCFF99	EEFFCC	EEFFCC	99CC99	ADD6AD	C2E0C2	band7_position33

Proposed color chart

• Red band = Collectables, Miscellaneous items
• Orange band = Armor, Shields
• Yellow band = Clothing, Jewelry
• Violet band = Ammunition, Rune arms, Weapons
• Green band = Cosmetic items, Creature companions, Ingredients, Item augments
• Blue band = Components, Gems, Potions, Scrolls, Wands

Category	Header Color	Data Color	Background Color
Collectables	FF8080	FF9999	FFB2B2	band6_position17
Miscellaneous items	C08080	CC9999	D9B2B2	band7_position20
Armor	B29980	D6C299	D1C2B2	band7_position25
Shields	CCB280	D6C299	E0D1B2	band7_position24
Clothing	FFCC80	FFD699	FFE0B2	band6_position20
Jewelry	E6E680	EBEB99	F0F0B2	band6_position22
Ammunition	E6B2CC	EBC2D6	F0D1E0	band6_position14
Rune Arms	B280B2	C299C2	D1B2D1	band7_position13
Weapons	E680FF	EB99FF	F0B2FF	band6_position10
Cosmetic items	99B280	ADC299	C2D1B2	band7_position30
Creature Companions	99CC99	ADD6AD	C2E0C2	band7_position33
Ingredients	80B280	99C299	B2D1B2	band7_position32
Item Augments	809980	99AD99	B2C2B2	band7_position31
Components	80B2E6	99C2EB	B2D1F0	band6_position3
Gems	8080FF	9999FF	B2B2FF	band6_position5
Potions	80CCE6	99D6EB	B2E0F0	band6_position2
Scrolls	8099B2	99ADC2	B2C2D1	band7_position1
Wands	99B2D6	ADC2EB	C2D1F0	band7_position3

Color chart

• Color codes

Item migrations

• Armor refactor
• Clothing refactor
• Collectables refactor
• Cosmetics refactor
• Creature Companions refactor
• Gems refactor