Template:Ink card: Difference between revisions

From stencil.wiki
No edit summary
No edit summary
Line 9: Line 9:
</pre>
</pre>
{{Color ramp|Burgundy}}
{{Color ramp|Burgundy}}
<pre>
{{Color ramp|Burgundy|hide-metadata}}
</pre>
{{Color ramp|Burgundy|hide-metadata}}


===Advanced===
===Advanced===
Line 38: Line 33:
     <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>
     <div class="p25" style="width:15%;background-color: rgba(250,250,250,.75);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem;"><span style="font-size: .75rem; line-height: .75rem;">25%</span></div>
     <div class="p25" style="width:15%;background-color: rgba(250,250,250,.75);display: inline-flex; align-items:center; justify-content: flex-end; padding: 1rem;"><span style="font-size: .75rem; line-height: .75rem;">25%</span></div>
   </div>
   </div>{{#if:{{#show:{{{1}}}|?Has hex#}}{{#show:{{{1}}}|?Has rgb#}}{{#show:{{{1}}}|?Has cmyk#}}|<div class="color-metadata" style="color: #8a8a8a; padding:.875rem 1rem; display: flex; gap:1rem; font-size:.75rem; border-top: 1px solid #F1F3F5;">{{#if:{{#show:{{{1}}}|?Has hex#}}|<span><strong>HEX:</strong> <nowiki>#</nowiki>{{#show:{{{1}}}|?Has hex#}}</span>}}{{#if:{{#show:{{{1}}}|?Has rgb#}}|<span><strong>RGB:</strong> ({{#rreplace:{{#show:{{{1}}}|?Has rgb#}}|,|, }})</span>}}{{#if:{{#show:{{{1}}}|?Has cmyk#}}|<span><strong>CMYK:</strong> ({{#rreplace:{{#show:{{{1}}}|?Has cmyk#}}|,|, }})</span>}}</div>}}</div>
{{#if:{{#ifeq:{{{hide-metadata|}}}|
{{#if:{{#show:{{{1}}}|?Has hex#}}{{#show:{{{1}}}|?Has rgb#}}{{#show:{{{1}}}|?Has cmyk#}}|
<div class="color-metadata" style="color: #8a8a8a; padding:.875rem 1rem; display: flex; gap:1rem; font-size:.75rem; border-top: 1px solid #F1F3F5;">{{#if:{{#show:{{{1}}}|?Has hex#}}|<span><strong>HEX:</strong> <nowiki>#</nowiki>{{#show:{{{1}}}|?Has hex#}}</span>}}{{#if:{{#show:{{{1}}}|?Has rgb#}}|<span><strong>RGB:</strong> ({{#rreplace:{{#show:{{{1}}}|?Has rgb#}}|,|, }})</span>}}{{#if:{{#show:{{{1}}}|?Has cmyk#}}|<span><strong>CMYK:</strong> ({{#rreplace:{{#show:{{{1}}}|?Has cmyk#}}|,|, }})</span>}}</div>
}} }}</div>
</includeonly>
</includeonly>

Revision as of 18:52, 10 December 2024

A template for displaying inks as simple color ramps.

Usage

Simple

{{Color ramp|Burgundy}}

Template:Color ramp

Advanced

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

{{#arraymaptemplate:{{#ask:[[Category:Riso_inks]]
  |format=plainlist
  |headers=hide
  |link=none
  |limit=100
}}|Color ramp|,|}}

Template:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color rampTemplate:Color ramp