Template:ProjectCard - Revision history

Anthony at 00:51, 3 April 2026

2026-04-03T00:51:27Z

← Older revision		Revision as of 00:51, 3 April 2026
Line 1:		Line 1:
	<templatestyles src="Template:ProjectCard~~/styles.css"/><templatestyles src="Template:ProjectBadges~~/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>		<templatestyles src="Template:ProjectCard/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>
	== ProjectCard ==		== ProjectCard ==
	Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].		Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].

	Styles are loaded from [[Template:ProjectCard~~/styles.css]] and [[Template:ProjectBadges~~/styles.css]].		Styles are loaded from [[Template:ProjectCard/styles.css]].

	'''⚠️ This template is called automatically by Cargo''' via <code>#cargo_query</code> on hub pages. You should not need to call it manually. See [[Template:ProjectInfobox]] for how projects are submitted to the database.		'''⚠️ This template is called automatically by Cargo''' via <code>#cargo_query</code> on hub pages. You should not need to call it manually. See [[Template:ProjectInfobox]] for how projects are submitted to the database.

Anthony at 00:38, 3 April 2026

2026-04-03T00:38:04Z

← Older revision		Revision as of 00:38, 3 April 2026
Line 1:		Line 1:
	<templatestyles src="ProjectCard/styles.css"/><templatestyles src="ProjectBadges/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>		<templatestyles src="Template:ProjectCard/styles.css"/><templatestyles src="Template:ProjectBadges/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>
	== ProjectCard ==		== ProjectCard ==
	Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].		Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].

	Styles are loaded from [[Template:ProjectCard/styles.css]].		Styles are loaded from [[Template:ProjectCard/styles.css]] and [[Template:ProjectBadges/styles.css]].

	'''⚠️ This template is called automatically by Cargo''' via <code>#cargo_query</code> on hub pages. You should not need to call it manually. See [[Template:ProjectInfobox]] for how projects are submitted to the database.		'''⚠️ This template is called automatically by Cargo''' via <code>#cargo_query</code> on hub pages. You should not need to call it manually. See [[Template:ProjectInfobox]] for how projects are submitted to the database.

Anthony: Added badges stylesheet refactor

2026-04-03T00:16:30Z

Added badges stylesheet refactor

← Older revision		Revision as of 00:16, 3 April 2026
Line 1:		Line 1:
	<templatestyles src="ProjectCard/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>		<templatestyles src="ProjectCard/styles.css"/><templatestyles src="ProjectBadges/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name\|}}}}}" data-status="{{lc:{{{status\|}}}}}" data-license="{{lc:{{{license\|}}}}}" data-tags="{{lc:{{{tags\|}}}}}" data-creator="{{lc:{{{creator\|}}}}}" data-extra="{{lc:{{{field1label\|}}} {{{field1value\|}}} {{{field2label\|}}} {{{field2value\|}}} {{{field3label\|}}} {{{field3value\|}}} {{{field4label\|}}} {{{field4value\|}}}}}" data-page="{{urlencode:{{{pagename\|}}}\|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image\|}}}\|[[File:{{{image}}}\|300px\|link=]]\|<div class="project-card-image-fallback">[[File:places-folder.png\|48px\|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename\|}}}\|{{{name\|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status\|}}}\|<span class="project-badge-status project-badge-status--{{lc:{{{status\|active}}}}}">{{ucfirst:{{{status\|Active}}}}}</span>\|}}{{#if:{{{license\|}}}\|<span class="project-badge-license">{{{license}}}</span>\|}}</div><div class="project-card-creator">{{#if:{{{creator\|}}}\|<span class="project-card-label">By</span> {{{creator}}}\|}}</div>{{#if:{{{field1label\|}}}\|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value\|}}}</strong></div>\|}}{{#if:{{{field2label\|}}}\|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value\|}}}</strong></div>\|}}{{#if:{{{field3label\|}}}\|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value\|}}}</strong></div>\|}}{{#if:{{{field4label\|}}}\|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value\|}}}</strong></div>\|}}{{#if:{{{tags\|}}}\|<div class="project-card-tags" data-tags="{{{tags\|}}}"></div>\|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename\|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename\|}}}">—</span></div></div><div class="project-card-description">{{{description\|}}}</div></div></div><noinclude>
	== ProjectCard ==		== ProjectCard ==
	Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].		Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].

Anthony: Add for Visual Editor Usage.

2026-03-23T08:28:42Z

Add <templatedata> for Visual Editor Usage.

@@ Line 1: / Line 1: @@
 <templatestyles src="ProjectCard/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name|}}}}}" data-status="{{lc:{{{status|}}}}}" data-license="{{lc:{{{license|}}}}}" data-tags="{{lc:{{{tags|}}}}}" data-creator="{{lc:{{{creator|}}}}}" data-extra="{{lc:{{{field1label|}}} {{{field1value|}}} {{{field2label|}}} {{{field2value|}}} {{{field3label|}}} {{{field3value|}}} {{{field4label|}}} {{{field4value|}}}}}" data-page="{{urlencode:{{{pagename|}}}|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image|}}}|[[File:{{{image}}}|300px|link=]]|<div class="project-card-image-fallback">[[File:places-folder.png|48px|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename|}}}|{{{name|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status|}}}|<span class="project-badge-status project-badge-status--{{lc:{{{status|active}}}}}">{{ucfirst:{{{status|Active}}}}}</span>|}}{{#if:{{{license|}}}|<span class="project-badge-license">{{{license}}}</span>|}}</div><div class="project-card-creator">{{#if:{{{creator|}}}|<span class="project-card-label">By</span> {{{creator}}}|}}</div>{{#if:{{{field1label|}}}|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value|}}}</strong></div>|}}{{#if:{{{field2label|}}}|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value|}}}</strong></div>|}}{{#if:{{{field3label|}}}|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value|}}}</strong></div>|}}{{#if:{{{field4label|}}}|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value|}}}</strong></div>|}}{{#if:{{{tags|}}}|<div class="project-card-tags" data-tags="{{{tags|}}}"></div>|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename|}}}">—</span></div></div><div class="project-card-description">{{{description|}}}</div></div></div><noinclude>
 == ProjectCard ==
-Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]]. Tags are rendered from <code>data-tags</code> by the gadget.
+Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]].
 Styles are loaded from [[Template:ProjectCard/styles.css]].
@@ Line 25: / Line 25: @@
 === Parameters (passed by Cargo via named args=yes) ===
-; <code>pagename</code> : Full page name (aliased from <code>_pageName</code> in the query). Used for the card title link and gadget API calls.
+; <code>pagename</code> : Full page name (aliased from <code>_pageName</code>). Used for the card title link and gadget API calls.
 ; <code>name</code> : Project display name.
-; <code>status</code> : Project status. Supported values: <code>Active</code>, <code>Hiatus</code>, <code>Completed</code>, <code>Abandoned</code>. Each has a distinct colour badge.
+; <code>status</code> : Project status. Values: <code>Active</code>, <code>Hiatus</code>, <code>Completed</code>, <code>Abandoned</code>.
 ; <code>license</code> : License name shown as a badge (e.g. <code>CC-BY-SA 4.0</code>).
 ; <code>creator</code> : Creator or team name.
 ; <code>description</code> : Short description shown in the hover overlay.
 ; <code>image</code> : Cover image filename (e.g. <code>MyProject.png</code>).
-; <code>tags</code> : Space-separated tag string. Rendered into <code><span></code> tags by the gadget.
+; <code>tags</code> : Space-separated tag string.
 ; <code>field1label</code> – <code>field4label</code> : Optional custom field labels.
 ; <code>field1value</code> – <code>field4value</code> : Optional custom field values.
 [[Category:Layout Templates]]
 </noinclude>

Anthony at 00:31, 18 March 2026

2026-03-18T00:31:32Z

New page

<templatestyles src="ProjectCard/styles.css"/><div class="project-card-wrap" data-name="{{lc:{{{name|}}}}}" data-status="{{lc:{{{status|}}}}}" data-license="{{lc:{{{license|}}}}}" data-tags="{{lc:{{{tags|}}}}}" data-creator="{{lc:{{{creator|}}}}}" data-extra="{{lc:{{{field1label|}}} {{{field1value|}}} {{{field2label|}}} {{{field2value|}}} {{{field3label|}}} {{{field3value|}}} {{{field4label|}}} {{{field4value|}}}}}" data-page="{{urlencode:{{{pagename|}}}|PATH}}"><div class="project-card"><div class="project-card-image">{{#if:{{{image|}}}|[[File:{{{image}}}|300px|link=]]|<div class="project-card-image-fallback">[[File:places-folder.png|48px|link=]]</div>}}</div><div class="project-card-body"><div class="project-card-title">[[{{{pagename|}}}|{{{name|Project}}}]]</div><div class="project-card-badges">{{#if:{{{status|}}}|<span class="project-badge-status project-badge-status--{{lc:{{{status|active}}}}}">{{ucfirst:{{{status|Active}}}}}</span>|}}{{#if:{{{license|}}}|<span class="project-badge-license">{{{license}}}</span>|}}</div><div class="project-card-creator">{{#if:{{{creator|}}}|<span class="project-card-label">By</span> {{{creator}}}|}}</div>{{#if:{{{field1label|}}}|<div class="project-card-extra">{{{field1label}}}: <strong>{{{field1value|}}}</strong></div>|}}{{#if:{{{field2label|}}}|<div class="project-card-extra">{{{field2label}}}: <strong>{{{field2value|}}}</strong></div>|}}{{#if:{{{field3label|}}}|<div class="project-card-extra">{{{field3label}}}: <strong>{{{field3value|}}}</strong></div>|}}{{#if:{{{field4label|}}}|<div class="project-card-extra">{{{field4label}}}: <strong>{{{field4value|}}}</strong></div>|}}{{#if:{{{tags|}}}|<div class="project-card-tags" data-tags="{{{tags|}}}"></div>|}}<div class="project-card-footer"><span class="project-card-meta-item project-card-contributors" data-page="{{{pagename|}}}">—</span><span class="project-card-meta-item project-card-updated" data-page="{{{pagename|}}}">—</span></div></div><div class="project-card-description">{{{description|}}}</div></div></div><noinclude>
== ProjectCard ==
Displays a visual project card used on hub pages. Shows a cover image, project name, status/license badges, creator, optional custom fields, tags, and a hover description overlay. Contributor count and last-edited date are populated by [[MediaWiki:Gadget-projects.js]]. Tags are rendered from <code>data-tags</code> by the gadget.

Styles are loaded from [[Template:ProjectCard/styles.css]].

'''⚠️ This template is called automatically by Cargo''' via <code>#cargo_query</code> on hub pages. You should not need to call it manually. See [[Template:ProjectInfobox]] for how projects are submitted to the database.

=== Called by Cargo — example query ===
<pre>
{{#cargo_query:
tables = Projects
| fields = _pageName=pagename, name, categories, status, license, creator,
description, image, tags, field1label, field1value,
field2label, field2value, field3label, field3value, field4label, field4value
| where = categories HOLDS 'Audio'
| order by = Projects._pageName
| limit = 500
| format = template
| template = ProjectCard
| named args = yes
| no results text = <div class="project-hub-empty">No projects yet.</div>
}}
</pre>

=== Parameters (passed by Cargo via named args=yes) ===
; <code>pagename</code> : Full page name (aliased from <code>_pageName</code> in the query). Used for the card title link and gadget API calls.
; <code>name</code> : Project display name.
; <code>status</code> : Project status. Supported values: <code>Active</code>, <code>Hiatus</code>, <code>Completed</code>, <code>Abandoned</code>. Each has a distinct colour badge.
; <code>license</code> : License name shown as a badge (e.g. <code>CC-BY-SA 4.0</code>).
; <code>creator</code> : Creator or team name.
; <code>description</code> : Short description shown in the hover overlay.
; <code>image</code> : Cover image filename (e.g. <code>MyProject.png</code>).
; <code>tags</code> : Space-separated tag string. Rendered into <code><span></code> tags by the gadget.
; <code>field1label</code> – <code>field4label</code> : Optional custom field labels.
; <code>field1value</code> – <code>field4value</code> : Optional custom field values.

[[Category:Layout Templates]]
</noinclude>