Template:SoftwareCard: Difference between revisions

[checked revision]

← Older edit Newer edit →

VisualWikitext

Revision as of 09:27, 19 May 2026

Renders a single software product card.

Icon convention: upload icon as PageName-Icon.png (replace spaces with dashes).

If icon not uploaded, card shows hint with expected filename.

SOJI Electronics

@@ Line 1: / Line 1: @@
 <noinclude>
-Renders a single software product card with auto-detected icon.
+Renders a single software product card.
 '''Icon convention:''' upload icon as <code>PageName-Icon.png</code> (replace spaces with dashes).
-Examples:
+If icon not uploaded, card shows hint with expected filename.
-* Page "SOJI Configurator Tool" → upload <code>SOJI-Configurator-Tool-Icon.png</code>
-* Page "LIGO BLE Configurator" → upload <code>LIGO-BLE-Configurator-Icon.png</code>
-Falls back to default <code>Icon-software.svg</code> if specific icon not uploaded.
-Usage: <code><nowiki>{{SoftwareCard|page=PageName}}</nowiki></code>
 [[Category:Templates]]
-</noinclude><includeonly><div class="software-card"><div class="software-card-image">{{#ifexist:File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Icon.png|[[File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Icon.png|100px|center|link={{{page|{{PAGENAME}}}}}]]|[[File:Icon-software.svg|100px|center|link={{{page|{{PAGENAME}}}}}]]}}</div><div class="software-card-title">[[{{{page|{{PAGENAME}}}}}]]</div><div class="software-card-desc">Click for details</div></div></includeonly>
+</noinclude><includeonly><div class="software-card"><div class="software-card-image">{{#ifexist:File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Icon.png|[[File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Icon.png|100px|center|link={{{page|{{PAGENAME}}}}}]]|<div class="software-card-no-icon"><div class="software-card-no-icon-emoji">📷</div><div class="software-card-no-icon-text">No icon yet<br>Upload as:<br><code>{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Icon.png</code></div></div>}}</div><div class="software-card-title">[[{{{page|{{PAGENAME}}}}}]]</div><div class="software-card-desc">Click for details</div></div></includeonly>