Template:SoftwareCard: Difference between revisions

[checked revision]

VisualWikitext

Latest revision as of 09:38, 19 May 2026

Software card template. Auto-detects icon by filename convention.

Usage: {{SoftwareCard|page=PageName}}

SOJI Electronics

@@ Line 1: / Line 1: @@
 <noinclude>
-== SoftwareCard Template ==
+Software card template. Auto-detects icon by filename convention.
-Renders a single software product card. Auto-detects image and description from the product page.
+Usage: <code><nowiki>{{SoftwareCard|page=PageName}}</nowiki></code>
-'''Usage:''' {{SoftwareCard|page=SOJI Configurator Tool}}
 [[Category:Templates]]
-</noinclude><includeonly><div class="software-card" style="display:inline-block; width:280px; margin:10px; padding:16px; border:1px solid #c8ccd1; border-radius:8px; background:#fff; vertical-align:top; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.05); transition:box-shadow 0.2s;">
+</noinclude><includeonly><div class="software-card"><div class="software-card-image">{{#ifexist:File:{{{page|{{PAGENAME}}}}}-Icon.png|[[File:{{{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>{{{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>
-<div class="software-card-image" style="height:140px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;">
-{{#ifexist: File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Software.png
-| [[File:{{#replace:{{{page|{{PAGENAME}}}}}| |-}}-Software.png|140px|center|link={{{page|{{PAGENAME}}}}}]]
-| [[File:Icon-software.svg|100px|center|link={{{page|{{PAGENAME}}}}}]]
-}}
-</div>
-<div class="software-card-title" style="font-weight:bold; font-size:1.1em; margin-bottom:8px;">
-[[{{{page|{{PAGENAME}}}}}|{{{page|{{PAGENAME}}}}}]]
-</div>
-<div class="software-card-desc" style="font-size:0.9em; color:#54595d; line-height:1.4;">
-{{{description|''Click for details''}}}
-</div>
-</div></includeonly>