Template:Ink card: Difference between revisions

Revision as of 18:56, 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|,|}}

@@ Line 33: / 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="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>{{#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>
+   </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> <span style="white-space: nowrap;"><nowiki>#</nowiki>{{uc:{{#show:{{{1}}}|?Has hex#}}}}</span></span>}}{{#if:{{#show:{{{1}}}|?Has rgb#}}|<span><strong>RGB:</strong> <span style="white-space: nowrap;">({{#rreplace:{{#show:{{{1}}}|?Has rgb#}}|,|, }})</span></span>}}{{#if:{{#show:{{{1}}}|?Has cmyk#}}|<span><strong>CMYK:</strong> <span style="white-space: nowrap;">({{#rreplace:{{#show:{{{1}}}|?Has cmyk#}}|,|, }})</span></span>}}</div>}}</div>
 </includeonly>