diff options
| author | aethrvmn <me@aethrvmn.gr> | 2025-09-20 22:27:35 +0000 |
|---|---|---|
| committer | aethrvmn <me@aethrvmn.gr> | 2025-09-20 22:27:35 +0000 |
| commit | 9b5f3fad7068298265dbbc8a65077f7917a090a5 (patch) | |
| tree | 0905b29eb7c03d6bc6e16dd1ebcd1ec9b6b83320 /themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md | |
| parent | super simple setup guide (diff) | |
updated hugo-book theme
Diffstat (limited to 'themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md')
| -rw-r--r-- | themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md | 103 |
1 files changed, 44 insertions, 59 deletions
diff --git a/themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md b/themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md index 7713417..42b1452 100644 --- a/themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md +++ b/themes/hugo-book/exampleSite/content.en/docs/shortcodes/columns.md @@ -1,80 +1,65 @@ # Columns -Columns help organize shorter pieces of content horizontally for readability. +Columns help organize shorter pieces of content horizontally for readability. `columns` shortcode styles markdown list as up to 3 columns. ## Example -```html -{{%/* columns [ratio="1:1"] [class="..."] */%}} <!-- begin columns block --> -# Left Content -Lorem markdownum insigne... +```tpl +{{%/* columns [ratio="1:1"] [class="..."] */%}} +- ### Left Content + Lorem markdownum insigne... -<---> <!-- magic separator, between columns --> +- ### Mid Content + Lorem markdownum insigne... -# Mid Content -Lorem markdownum insigne... - -<---> <!-- magic separator, between columns --> - -# Right Content -Lorem markdownum insigne... +- ### Right Content + Lorem markdownum insigne... {{%/* /columns */%}} ``` {{% columns %}} -### Left Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. - -<---> - -### Mid Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! - -<---> - -### Right Content -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. +- ### Left Content + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa + protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. + Miseratus fonte Ditis conubia. + +- ### Mid Content + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! + +- ### Right Content + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa + protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. + Miseratus fonte Ditis conubia. {{% /columns %}} ## Settings size ratio for columns -```html -{{%/* columns ratio="1:2" */%}} <!-- begin columns block --> - -## x1 Column -Lorem markdownum insigne... - -<---> <!-- magic separator, between columns --> - -## x2 Column -Lorem markdownum insigne... +```tpl +{{%/* columns ratio="1:2" */%}} +- ## x1 Column + Lorem markdownum insigne... +- ## x2 Column + Lorem markdownum insigne... {{%/* /columns */%}} ``` {{% columns ratio="1:2" %}} -### x1 Column -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. - -<---> - -### x2 Column -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! - -Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat -stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa -protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. -Miseratus fonte Ditis conubia. - +- ### x1 Column + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa + protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. + Miseratus fonte Ditis conubia. + +- ### x2 Column + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! + + Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat + stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa + protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes. + Miseratus fonte Ditis conubia. {{% /columns %}} |