Template:Ink card: Difference between revisions

Revision as of 18:40, 10 December 2024

A template for displaying inks as simple color ramps.

Usage

Simple

{{Color ramp|Burgundy}}

Template:Color ramp

{{Color ramp|Burgundy|hide-metadata}}

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 9: / Line 9: @@
 </pre>
 {{Color ramp|Burgundy}}
+<pre>
+{{Color ramp|Burgundy|hide-metadata}}
+</pre>
+{{Color ramp|Burgundy|hide-metadata}}
 ===Advanced===
@@ Line 34: / Line 39: @@
       <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 class="color-metadata" style="color: #8a8a8a; padding:.75rem 1rem; display: flex; gap:1rem; font-size:.75rem;">{{#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>
+{{#if:{{#ifeq:{{{hide-metadata|}}}|
-</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>
 </includeonly>