Cards

The cards shortcode displays your content in a grouped set of cards.

  • Terminal Example

    For guys who like to tinker around.

    echo "Hello World!"
  • C Example

    For the connoisseur of programming.

    printf("Hello World!");

Usage

{{< cards >}}
{{% card title="Python Example" href="https://example.com" %}}
The AI native programming language.

```python
print("Hello World!")
```
{{% /card %}}
{{% card title="Terminal Example" %}}
For guys who like to tinker around.

```bash
echo "Hello World!"
```
{{% /card %}}
{{% card title="C Example" %}}
For the connoisseur of programming.

```c
printf"Hello World!");
```
{{% /card %}}
{{< /cards >}}
{{ partial "shortcodes/cards.html" (dict
  "page"  .
  "content" (slice
    (dict
      "href" "https://example.com"
      "title" "Pyhton Example"
      "content" ("The AI native programming language.\n\n```python\nprint(\"Hello World!\")\n```" | .RenderString)
    )
    (dict
      "title" "Terminal Example"
      "content" ("For guys who like to tinker around.\n\n```bash\necho \"Hello World!\"\n```" | .RenderString)
    )
    (dict
      "title" "C Example"
      "content" ("For the connoisseur of programming.\n\n```c\nprintf(\"Hello World!\");\n```" | .RenderString)
    )
  )
)}}

If you just want a single card you can instead call the card shortcode standalone.

Also follow the above link to see the parameter for each nested card.

Parameter

Name Default Notes
template default The template to be used to display all cards in the set. Can be overridden for each card.

- default: The standard layout
- debug: A debug layout helping you in development

See the card shortcode how to use your own templates.
<content> <empty> Arbitrary number of cards defined with the card sub-shortcode.

Examples

Lots of Cards

{{< cards >}}
{{% card title="Python" %}}
The AI native programming language.
{{% /card %}}
{{% card title="Terminal" %}}
For guys who like to tinker around.
{{% /card %}}
{{% card title="C" %}}
For the connoisseur of programming.
{{% /card %}}
{{% card title="C++" %}}
For the guys that can cope with syntax.
{{% /card %}}
{{% card title="C#" %}}
For guys that need two destructors.
{{% /card %}}
{{< /cards >}}
  • Python
    The AI native programming language.
  • Terminal
    For guys who like to tinker around.
  • C
    For the connoisseur of programming.
  • C++
    For the guys that can cope with syntax.
  • C#
    For guys that need two destructors.

Lots of Cards with Templates

{{< cards  template="debug" >}}
{{% card title="Python" %}}
The AI native programming language.
{{% /card %}}
{{% card title="Terminal" template="default" %}}
For guys who like to tinker around.
{{% /card %}}
{{% card title="C" %}}
For the connoisseur of programming.
{{% /card %}}
{{% card title="C++" %}}
For the guys that can cope with syntax.
{{% /card %}}
{{% card title="C#" %}}
For guys that need two destructors.
{{% /card %}}
{{< /cards >}}
  • Python

    All Parameter

    {
      "color": "",
      "content": "\u003cp\u003eThe AI native programming language.\u003c/p\u003e",
      "href": "",
      "hrefattributes": {},
      "icon": "",
      "image": "",
      "imageattributes": {},
      "page": {
        "PageWithoutContent": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "TableOfContentsProvider": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "MarkupProvider": 0,
        "ContentProvider": 0
      },
      "params": {},
      "style": "filled",
      "template": "debug",
      "title": "Python"
    }
  • Terminal
    For guys who like to tinker around.
  • C

    All Parameter

    {
      "color": "",
      "content": "\u003cp\u003eFor the connoisseur of programming.\u003c/p\u003e",
      "href": "",
      "hrefattributes": {},
      "icon": "",
      "image": "",
      "imageattributes": {},
      "page": {
        "PageWithoutContent": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "TableOfContentsProvider": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "MarkupProvider": 0,
        "ContentProvider": 0
      },
      "params": {},
      "style": "filled",
      "template": "debug",
      "title": "C"
    }
  • C++

    All Parameter

    {
      "color": "",
      "content": "\u003cp\u003eFor the guys that can cope with syntax.\u003c/p\u003e",
      "href": "",
      "hrefattributes": {},
      "icon": "",
      "image": "",
      "imageattributes": {},
      "page": {
        "PageWithoutContent": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "TableOfContentsProvider": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "MarkupProvider": 0,
        "ContentProvider": 0
      },
      "params": {},
      "style": "filled",
      "template": "debug",
      "title": "C++"
    }
  • C#

    All Parameter

    {
      "color": "",
      "content": "\u003cp\u003eFor guys that need two destructors.\u003c/p\u003e",
      "href": "",
      "hrefattributes": {},
      "icon": "",
      "image": "",
      "imageattributes": {},
      "page": {
        "PageWithoutContent": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "TableOfContentsProvider": {
          "Date": "0001-01-01T00:00:00Z",
          "Lastmod": "0001-01-01T00:00:00Z",
          "PublishDate": "0001-01-01T00:00:00Z",
          "ExpiryDate": "0001-01-01T00:00:00Z",
          "Aliases": null,
          "BundleType": "branch",
          "Description": "Show content in a set of cards",
          "Draft": false,
          "IsHome": false,
          "Keywords": null,
          "Kind": "section",
          "Layout": "",
          "LinkTitle": "Cards",
          "IsNode": true,
          "IsPage": false,
          "Path": "/shortcodes/cards",
          "Slug": "",
          "Lang": "en",
          "IsSection": true,
          "Section": "shortcodes",
          "Sitemap": {
            "ChangeFreq": "",
            "Priority": -1,
            "Filename": "sitemap.xml",
            "Disable": false
          },
          "Type": "shortcodes",
          "Weight": 0
        },
        "MarkupProvider": 0,
        "ContentProvider": 0
      },
      "params": {},
      "style": "filled",
      "template": "debug",
      "title": "C#"
    }