Folds

<!-- composer >> fold-begin 3 . 0 Open Fold -->

<!-- composer >> fold-begin 0 . 0 Generic Fold -->

Boxes

<!-- composer >> box-begin 3 Box -->

<!-- composer >> box-begin 0 Generic Box -->

Grids

<!-- composer >> row-begin -->

<!-- composer >> row-end -->

#WORK # see another example in Library below…

Displays

<!-- composer >> display {composer_root}/examples.yml Example Banner -->

Lorem Ipsum

Lorem Ipsum

<!-- composer >> display {composer_root}/examples.yml Example Shelf -->

Header

<!-- composer >> header 3 Non-Header -->

This Is An Embedded Link Only – There Is No HTML Header Here

Spacer

<!-- composer >> spacer -->

Break

#WORK # need to demonstrate this, somehow…

Icon

#WORK # icon list: menu arrow-up arrow-down arrow-left arrow-right search gpl cc-by-nc-nd copyright github # note about PUBLISH_CMD_ROOT {} escaping

<!-- composer >> icon cc-by-nc-nd -->

<!-- composer >> icon gpl {composer_root}/../LICENSE.html -->

<!-- composer >> icon github https://github.com/garybgenett/composer Composer CMS -->

<!-- composer >> icon icon-v1.0.png -->

<!-- composer >> icon icon-v1.0.png author {composer_root}/../index.html Gary B. Genett -->

Form

<!-- composer >> form sites garybgenett.net -->

#WORK # this results in:

<input type="hidden" name="sites" value="garybgenett.net">

Frame

#WORK # these produce frames which potentially have their own scrollbars and/or player controls that can go fullscreen… # fullscreen not working, now…? # the example is the first youtube video ever posted… # note about PUBLISH_CMD_ROOT {} escaping

<!-- composer >> frame {composer_root}/../README.html Composer CMS -->

<!-- composer >> frame youtube jNQXAC9IVRw -->

Include

#WORK # note about PUBLISH_CMD_ROOT {} escaping

<!-- composer >> {composer_root}/index.md.cms -->

Composer README

Created with c_site, and configured to produce a navigable reference document.

Introduction

Main page, with information about this test site and how to use it.

Default Site

An empty configuration, to demonstrate a simple page with no layout or elements.

Configured Site

All settings changed, showcasing the full flexibility of layout and behavior.

Pandoc Markdown

A Pandoc markdown file, without any Composer embedded elements.

Bootstrap Default

A markdown file with default Bootstrap colors instead of themes and overlays.

Layout & Elements

All documentation for c_site layout and embeddable page elements, with examples.

Metainfo Page

A longer page assembled from a collection of files and their metadata, with instructions.

Metainfo File

A single file from the collection above, showing how to span metadata across contexts.

Themes & Overlays

Gallery of included themes and overlays, for all HTML-based formats.

Default Library Page

Starting page for the library, which is a digest of the most recently dated files.

Configured Library Page

Same as above, for a version of the library specific to the config directory.

Metainfo

<!-- composer >> metainfo -->

2024-07-03 :: Layout & Elements – Gary B. Genett

#WORK # demonstrated elsewhere…

• site-nav-left: { metainfo } + <!-- composer >> metainfo -->
  • Introduction
  • Configured Site
• <!-- composer >> metainfo _ box-begin 1 -->
  • Metainfo Page
  • Metainfo File
• <!-- composer >> metainfo box-begin 0 -->
  • Pandoc Markdown

Contents

#WORK # this section is broken:

• the “CONTENTS” helper on the left is setting the argument for all the rest (they will also stomp on each other)
• probably can fix this with contents-\* files in an examples sub-directory:
  • only use right pane in .composer.yml file
  • duplicates of this page, and use #contents to link to them

#WORK # notes:

• no argument does 6
• 0
  • does 6
  • only does header links
  • trims from <|> to end of title (primarily used internally for digest pages)
• placed at the “root” level creates a full bar using “h1”s as dropdowns

<!-- composer >> contents -->

• Page Layout
• Elements
  • Folds
    • Open Fold
    • Closed Fold
    • Non-Header Fold
  • Boxes
    • Box
    • Nested Box
    • Non-Header Box
  • Grids
  • Displays
• Tokens
  • Header
    • Non-Header
  • Spacer
  • Break
  • Icon
  • Form
  • Frame
  • Include
• Helpers
  • Metainfo
  • Contents
  • Metalist
  • Read Time
• Library
  • Dates
  • Authors
  • Metalist

<!-- composer >> contents 0 -->

• Page Layout
• Elements
  • Folds
    • Open Fold
    • Closed Fold
    • Non-Header Fold
  • Boxes
    • Box
    • Nested Box
    • Non-Header Box
  • Grids
  • Displays
• Tokens
  • Header
    • Non-Header
  • Spacer
  • Break
  • Icon
  • Form
  • Frame
  • Include
• Helpers
  • Metainfo
  • Contents
  • Metalist
  • Read Time
• Library
  • Dates
  • Authors
  • Metalist

<!-- composer >> contents 1 -->

• Page Layout
• Elements
  • Folds
    • Open Fold
    • Closed Fold
    • Non-Header Fold
  • Boxes
    • Box
    • Nested Box
    • Non-Header Box
  • Grids
  • Displays
• Tokens
  • Header
    • Non-Header
  • Spacer
  • Break
  • Icon
  • Form
  • Frame
  • Include
• Helpers
  • Metainfo
  • Contents
  • Metalist
  • Read Time
• Library
  • Dates
  • Authors
  • Metalist

Metalist

#WORK # also, refer to Library below…

<!-- composer >> metalist author -->

Authors: Gary B. Genett

<!-- composer >> metalist tags -->

Tags: Main

Read Time

<!-- composer >> readtime -->

Reading time: 917 words, 4 minutes