Template:TutorialCard
More actions
TutorialCard
Displays a visual tutorial card used inside collapsible topic sections on the Tutorials hub. Shows a cover image, tutorial name, topic tag, difficulty badge, contributor stats, and a hover description overlay.
Styles are loaded from Template:TutorialCard/styles.css.
⚠️ This template is called automatically by Cargo via #cargo_query inside Template:TutorialSection. You should not need to call it manually. See Template:TutorialMeta for how tutorials are submitted to the database.
Called by Cargo — example query
{{#cargo_query:
tables = Tutorials
| fields = _pageName=pagename, name, topics, difficulty, description, image, tags
| where = topics HOLDS 'Audio'
| order by = Tutorials._pageName
| limit = 500
| format = template
| template = TutorialCard
| named args = yes
| no results text =
}}
Parameters (passed by Cargo via named args=yes)
pagename- Full page name (aliased from
_pageName). Used for the card title link. name- Tutorial display name.
topics- Topic string (e.g.
Audio). Shown as an orange tag badge. difficulty- Difficulty level. Values:
Beginner(green),Intermediate(yellow),Advanced(red). description- Short description shown in the hover overlay.
image- Cover image filename (e.g.
MyThumbnail.png). tags- Space-separated tags used for in-section filtering.
Displays a visual tutorial card. Normally called automatically by Cargo inside TutorialSection — see Template:TutorialMeta for submitting tutorials.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Page name | pagename | Full wiki page name of the tutorial. Used for the card title link. | Page name | required |
| Tutorial name | name | Display name shown on the card. | String | optional |
| Topics | topics | Comma-separated topic string (e.g. Audio). Shown as tag badges on the card. | String | optional |
| Difficulty | difficulty | Difficulty level shown as a coloured badge.
| String | optional |
| Description | description | Short description shown in the hover overlay. Keep to 1-2 sentences. | Content | optional |
| Cover image | image | Cover image filename without File: prefix (e.g. MyThumbnail.png). | File | optional |
| Tags | tags | Space-separated keywords used for filtering within tutorial sections. | String | optional |