Markdown Directives from Notecards!

Here's a bunch of tests for Custom Markdown directives using remark-directive and remark-directive-rehype. The idea was to design a schema for the {id} attribute that we can later parse to load the corresponding assets from the "DAM" then render them with a mapped React component.

• a local link with custom label
• Text
• Videos

Image Grids

Album in Grid Layout

::nc[Album in Grid Layout]{#album-grid/mj-acanthus}

Tagged Images in Grid Layout

::nc[Tagged Images in Grid Layout]{#tag-grid/demo}

Carousel

Album in Carousel Layout

::nc[Album in Carousel Layoutl]{#album-carousel/mj-acanthus}

Tagged Images in Carousel Layout

::nc[Tagged Images in Carousel Layoutl]{#tag-carousel/demo}

Individual Images

Individual Image from Assets

::nc[Individual Image from Assets]{#image/63c4757719fc9f402a20c6bf}

Another Image

::nc[Another Image]{#image/63c4757719fc9f402a20c62c}

Acanthus

::nc[Acanthus]{#image/63d71cb6d27274b93d6d2535}

Goldfish x Anubias

::nc[Goldfish x Anubias]{#image/63d720f7d27274b93d6d3203}