Render Markdown Outline ← (Spike)

[philcockfield]

Encoding Visual outline layouts within "complex Index" markdown structure

#design #sketch

---

• headers
• bulleted lists (deep)
• TODO lists - [x]

Note: The indented spacing of child nodes (visual layout) denoting "Done" or "TODO" mapped into the GFM grammar.

---

Real-time Complex Document Structuring (DSL Toolkit)

https://user-images.githubusercontent.com/185555/197094072-81738c66-e043-4a50-831d-352c1a442b1d.mp4

"Complex Document Project" tooling

A set of AST transforms between text:markdown and a loose set of "DSL conventions" of shapes within the markdown structures, allowing high-level, rapid, "cut and try" approaches to:

• Structuring (Designing Layout)
• Authoring (Content)
• Management (task allocation and planning)
• Collaboration streams (...around all of above)

---

ref - Engelbart, NLS (1960s)

---

Design Research Refs

• timestamp Engelbart unpacking his DSL structure to collapse idea trees into simple text structure. "...a control meta-language" (Mother of All Demos, 1968)

[philcockfield]

26cb79fe52890a86dbc7e8e47673237658e2e5f0

[philcockfield]

https://user-images.githubusercontent.com/185555/197092975-3833d279-9dce-49bb-a676-a25936a70202.mp4

[philcockfield]

Grammar (Sample Design Sketch, WIP):

# .0.FrontMatter

- #
  - [ ] Forward
    - [ ] ...
  - [ ] Executive Summary
  - [ ] Introduction

[philcockfield]

ref

[philcockfield]

Tripple "Sub Heading"

- ###
  - Things that are NOT good
  - Things that are not good yet

[philcockfield]

sys.text

0.0.3