Template:Ink card: Difference between revisions

From stencil.wiki
No edit summary
No edit summary
Line 31: Line 31:
<includeonly><div class="ink-card-wrapper" style="position:relative; margin-bottom: 1rem; background: #f8f9fa;border-radius:.75rem; overflow: hidden;border: 1px solid #F1F3F5;">
<includeonly><div class="ink-card-wrapper" style="position:relative; margin-bottom: 1rem; background: #f8f9fa;border-radius:.75rem; overflow: hidden;border: 1px solid #F1F3F5;">
   <div class="color-ramp text-{{#ifexpr:{{#invoke:Color|csvrgbToLum|{{#show: {{{1}}} |? Has rgb#}}}}>75|black|white}}" style="background-color:rgba({{#show: {{{1}}} |? Has rgb#}},1);border-color:rgba({{#show: {{{1}}} |? Has rgb#}},1); display: flex; flex-direction:row; width:100%;box-sizing: border-box;">
   <div class="color-ramp text-{{#ifexpr:{{#invoke:Color|csvrgbToLum|{{#show: {{{1}}} |? Has rgb#}}}}>75|black|white}}" style="background-color:rgba({{#show: {{{1}}} |? Has rgb#}},1);border-color:rgba({{#show: {{{1}}} |? Has rgb#}},1); display: flex; flex-direction:row; width:100%;box-sizing: border-box;">
     <div class="p100" style="width:55%;display: inline-flex; align-items:center; justify-content: flex-start; padding: 1rem;"><span class="title" style="font-size: 1.25rem; line-height: 1.25rem;">[[{{{1}}}]]</span></div>
     <div class="p100" style="width:55%;display: inline-flex; align-items:center; justify-content: flex-start; padding: 1rem;"><span class="title" style="font-size: 1.25rem; line-height: 1.25rem;">{{#ifeq:{{{1}}}|{{PAGENAME}}|{{{1}}}|[[{{{1}}}]]}}</span></div>
     <div class="p75" style="width:15%; background-color: rgba(250,250,250,.25);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem"><span style="font-size: .75rem; line-height: .75rem;">75%</span></div>
     <div class="p75" style="width:15%; background-color: rgba(250,250,250,.25);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem"><span style="font-size: .75rem; line-height: .75rem;">75%</span></div>
     <div class="p50" style="width:15%; background-color: rgba(250,250,250,.5);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem;"><span style="font-size: .75rem; line-height: .75rem;">50%</span></div>
     <div class="p50" style="width:15%; background-color: rgba(250,250,250,.5);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem;"><span style="font-size: .75rem; line-height: .75rem;">50%</span></div>

Revision as of 17:48, 29 November 2025

A template for displaying inks as simple color ramps.

Usage

Simple

{{Ink card|Burgundy}}
75%
50%
25%


Advanced

You can also use this template to pull in full categories of inks, such as all Standard-series Riso inks:

{{#arraymaptemplate:{{#ask:[[Category:Riso_inks]]
  [[Has series::Standard]]
  |format=plainlist
  |headers=hide
  |link=none
  |limit=100
}}|Ink card|,|}}
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%
75%
50%
25%