Template:TutorialCard

[[|Tutorial]]

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 (inside TutorialSection)

{{#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.