diff --git a/app/pages/home.md b/app/pages/home.md index ccf41dc..be716d3 100644 --- a/app/pages/home.md +++ b/app/pages/home.md @@ -3,65 +3,53 @@ title: Home sort: 100 --- -# MD-CMS +# Phase 4 — Callout Tags -This is the default startpage for MD-CMS. +Check each callout below. Each should show a coloured left border, an icon, a bold title in the accent colour, and a rendered body. -## Testing MD-CMS +--- -If you want to test `MD-CMS` you can grab `samplesite` from the repo and place the content in your website root. This page (`pages/home.md`) won't be replaced. +```mdcms callout-info +title: Information +This is an **info** callout. Body supports *italic*, `code`, and lists: -**Post listing tests** below contains various custom tags to display posts. There are no posts now, but if you download the `samplesite` it will fetch the posts in - -## Post listing tests - -## Reverse chronological (newest first) - -```mdcms -posts-created-reversechronological -limit: 3 -paginate: no +- Item one +- Item two ``` -## Chronological (oldest first) - -```mdcms -posts-created-chronological -limit: all -paginate: none +```mdcms callout-warning +title: Warning +Something needs your attention. This is a **warning** callout. ``` -## By year (reverse chrono) - -```mdcms -posts-created-reversechronological-byyear -limit: all -defaultyear: current -selectyear: yes -paginate: none +```mdcms callout-success +title: Success +The operation completed successfully. This is a **success** callout. ``` -## By year+month (chrono) - -```mdcms -posts-created-chronological-byyearmonth -limit: all -defaultyear: 2024 -selectyear: yes +```mdcms callout-error +title: Error +Something went wrong. This is an **error** callout. ``` -## Last 30 days +--- -```mdcms -posts-created-reversechronological-lastmonth -limit: all -paginate: none +## No title + +```mdcms callout-info +No title key here. The title row should not appear at all — just the body. ``` -## Paginated (2 per page) +--- -```mdcms -posts-created-reversechronological -limit: 2 -paginate: yes +## Custom icon override + +```mdcms callout-info +title: Info with warning icon +icon: warning +This info callout uses the warning icon instead of the default info icon. ``` + +--- + +## Toggle dark mode and check all four callouts still look correct.