Cards
The cards
shortcode displays your content in a grouped set of cards.
Python Example
The AI native programming language.
print("Hello World!")
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 |
---|---|---|
title | <empty> | Arbitrary title written in front of the tab view. |
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 developmentSee 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": "",
"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 card set",
"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 card set",
"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": null,
"style": "initial",
"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": "",
"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 card set",
"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 card set",
"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": null,
"style": "initial",
"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": "",
"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 card set",
"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 card set",
"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": null,
"style": "initial",
"template": "debug",
"title": "C++"
}
C#
All Parameter
{
"color": "",
"content": "\u003cp\u003eFor guys that need two destructors.\u003c/p\u003e",
"href": "",
"hrefattributes": {},
"icon": "",
"image": "",
"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 card set",
"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 card set",
"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": null,
"style": "initial",
"template": "debug",
"title": "C#"
}