| layout |
|---|
docs/content |
Cuttlebelles design is at heart of progressive enhancements. Even if you strip all the code away, you still have readable markdown files that can be used elsewhere. Cuttlebelle makes websites out of them. Now the next step is to add a GUI on top of Cuttlebelle that will make it easy for you to add partials and fill in its props.
The proposal so far:
┌─────────────────────┐
│ Authoring │
└─────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
│ │ │ │
1. Authenticate 2. Select/add branch 3. Select/add file 4. Change file 5. Select reviewer
│ │ │ │
┌──────────────────┐ ┌──────────────────┐ ┌─────────┬───────────┐ ┌──────────────────┐
│ │ │ │ ▼ │ │ ▢ = = = = = │ │ ┌──┐ │ = = = = = │ │ │ ▼ │
└──────────────────┘ └─┬──────────────┬─┘ ▢ = = = │ └──┘ │ = = = = = │ └─┬──────────────┬─┘
┌──────────────────┐ │ │ │ │ ▣ = = = = │ │ ┌──────┐│ = = = = │ │ │ │
│••••• │ │ │ ▢ = = │ └──────┘│ = = = │ │ │
└──────────────────┘ │ │ │ │ ▣ = = = │ │ ┌──────┐│ = = = = = │ │ │ │
┌─────┐ │ │ ▢ = = = │ │ ││ = = = = = │ │ │
│ > │ │ │ │ │ ▢ = = = = │ │ └──────┘│ = = │ │ │ │
└─────┘ │ │ ▢ ═ ═ │ ┌─┐│ │ │ │
│ └──────────────┘ │ │ │ └─┘│ │ │ └──────────────┘
└─────────┴───────────┘
│ │ │ │
▲ ▲
│ │
│ │
│ │
│ │
└────────────────────────────┘
┌─────────────────────┐
│ Approving │
└─────────────────────┴──────────────────────────────────────────────────────────────────────────────────
│ │ │
1. Authenticate 2. Select pending reviews 4. See changes 5. Approve
│ │ │
┌──────────────────┐ ┌──────────────────┐ ┌─────────────────────┐ ┌─────┐
│ │ │ │ ▼ │ │ │ + ═ ═ ═ ═ ═ ═ ═ ═ │ │ │ > │
└──────────────────┘ └─┬──────────────┬─┘ │ + ═ ═ ═ ═ ═ ═ ═ ═ │ └─────┘
┌──────────────────┐ │ │ │ │ │ - ═ ═ ═ ═ ═ ═ ═ │ │
│••••• │ │ │ │ - ═ ═ ═ ═ │
└──────────────────┘ │ │ │ │ │ + ═ ═ │ │
┌─────┐ │ │ │ - ═ ═ ═ ═ ═ ═ ═ ═ │
│ > │ │ │ │ │ │ * ═ ═ ═ ═ ═ │ │
└─────┘ │ │ └─────────────────────┘
│ └──────────────┘ │ │
│ │ │
┌─────────────────────┐
│ Publishing │
└─────────────────────┴────────────────────────────────────────────────
│ │
1. Authenticate 4. See all changes 5. Approve
│ since last merge │
┌──────────────────┐ ┌─────────────────────┐ ┌─────┐
│ │ │ │ + ═ ═ ═ ═ ═ ═ ═ ═ │ │ │ > │
└──────────────────┘ │ + ═ ═ ═ ═ ═ ═ ═ ═ │ └─────┘
┌──────────────────┐ │ │ - ═ ═ ═ ═ ═ ═ ═ │ │
│••••• │ │ - ═ ═ ═ ═ │
└──────────────────┘ │ │ + ═ ═ │ │
┌─────┐ │ - ═ ═ ═ ═ ═ ═ ═ ═ │
│ > │ │ │ * ═ ═ ═ ═ ═ │ │
└─────┘ └─────────────────────┘
│ │
│ │
┌─────────────────────┐
│ Details of editor │
└─────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
┌──────────────────────────────────────────────────────────────┬──────────────────────────────────────────────────────────────┐
│ Editor │ Preview │
│ │ │
│ ┌───┐ ┌─────────────────────────────────────────────┐ │ Λ │
│ │ + │ │ ▼ │ │ ╱ ╲ .───────. │
│ └───┘ └─────────────────────────────────────────────┘ │ ╱ ╲ ,' `. │
│ │ ╱ ╲ ,' `. │
│ │ ╱ ╲ ; : │
│ ┌──────────────────────────────────────┐ │ ╱ ╲ │ │ │
│ │ │ │ ╱ ╲ │ │ │
│ └──────────────────────────────────────┘ │ ╱ ╲ : ; │
│ │ ╱ ╲ ╲ ╱ │
│ ┌───────────────────────────────────────────────────┐ │ ╱ ╲ `. ,' │
│ │ │ │ ╱ ╲ `. ,' │
│ └───────────────────────────────────────────────────┘ │ ▕ ▏ `─────' │
│ │ ╲ ╱ │
│ ┌───────┬───────┬────┬───────┬───────┬───────┬──────┐ │ ╲ ╱ │
│ │ │ │ │ │ │ │ │ │ ╲ ╱ │
│ ├───────┴───────┴────┴───────┴───────┴───────┴──────┤ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ ╲ ╱ │
│ │ │ │ V │
│ │ │ │ │
│ │ │ │ │
│ └───────────────────────────────────────────────────┘ │ ┌───────────────────────────────────────────────────┐ │
│ │ │ │ │
│ │ │ │ │
│ ┌───┐ ┌─────────────────────────────────────────────┐ │ │ │ │
│ │ + │ │ ▼ │ │ │ │ │
│ └───┘ └─────────────────────────────────────────────┘ │ └───────────────────────────────────────────────────┘ │
│ │ │
└──────────────────────────────────────────────────────────────┴──────────────────────────────────────────────────────────────┘
┌─────────────────────┐
│ Details of diff │
└─────────────────────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
┌──────────────────────────────────────────────────────────────┬──────────────────────────────────────────────────────────────┐
│ Before │ After │
│ │ │
│ Λ │ │
│ ╱ ╲ .───────. │ Λ │
│ ╱ ╲ ,' `. │ ╱ ╲ .─────. │
│ ╱ ╲ ,' `. │ ╱ ╲ ╱ ╲ │
│ ╱ ╲ ; : │ ╱ ╲ ╱ ╲ │
│ ╱ ╲ │ │ │ ╱ ╲ ; : │
│ ╱ ╲ │ │ │ ╱ ╲ │ │ │
│ ╱ ╲ : ; │ ╱ ╲ │ │ │
│ ╱ ╲ ╲ ╱ │ ╱ ╲ : ; │
│ ╱ ╲ `. ,' │ ╱ ╲ ╲ ╱ │
│ ╱ ╲ `. ,' │ ╱ ╲ ╲ ╱ │
│ ▕ ▏ `─────' │ ▕ ▏ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ `───' │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ ╲ ╱ │
│ ╲ ╱ │ V │
│ V │ │
│ │ │
│ │ │
│ ┌───────────────────────────────────────────────────┐ │ ┌───────────────────────────────────────────────────┐ │
│ │ │ │ │ │ │
│ │ │ │ │ │ │
│ │ │ │ │ │ │
│ │ │ │ │ │ │
│ └───────────────────────────────────────────────────┘ │ └───────────────────────────────────────────────────┘ │
│ │ │
└──────────────────────────────────────────────────────────────┴──────────────────────────────────────────────────────────────┘