Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/nWODT-Cobalt/markown-utilities

Markdown stylesheets and other minutiae
https://github.com/nWODT-Cobalt/markown-utilities

atom iawriter markdown marked marked2 writing

Last synced: 3 months ago
JSON representation

Markdown stylesheets and other minutiae

Lists

README

        

# Markdown Utilities

Tools for editing, rendering and exporting Markdown files.

## Markdown Setup

On Mac: [Atom](https://atom.io/) for editing, [Marked](https://marked2app.com/) for rendering. [Markdown Tables generator](https://www.tablesgenerator.com/markdown_tables) for table-heavy documents.
On iOS/Android: [iA Writer](https://ia.net/writer).

Atom is well-suited to Markdown out of the box, but a couple extra packages make it more convenient:

- [document-outline](https://atom.io/packages/document-outline)
- [folding-markdown](https://atom.io/packages/folding-markdown)
- [markdown-table-editor](https://atom.io/packages/markdown-table-editor)
- [smart-quotes-plus](https://atom.io/packages/smart-quotes-plus)
- [wordcount](https://atom.io/packages/wordcount)

## Stylesheets

Can be added to Marked through `Preferences`/`Style`.

### Chromatophore 1-2

- Colorful style for lightweight content
- Dark mode isn’t actually darker, but an alternate color scheme
- Fonts: [Reforma](https://pampatype.com/reforma)

![](previews/chromatophore-1-2.png)

### Log

- A barebones log style based on the `Tetra` style
- Fonts: [Milkman](https://uncut.wtf/sans-serif/milkman/), [iA Writer Mono](https://github.com/iaolo/iA-Fonts/tree/master/iA%20Writer%20Mono), [iA Writer Quattro](https://github.com/iaolo/iA-Fonts/tree/master/iA%20Writer%20Quattro)

![](previews/log.png)

### Tetra

- High legibility, low strain style for long-form reading
- Good print support
- Dark mode support
- Fonts: [iA Writer Mono](https://github.com/iaolo/iA-Fonts/tree/master/iA%20Writer%20Mono), [iA Writer Quattro](https://github.com/iaolo/iA-Fonts/tree/master/iA%20Writer%20Quattro)

![](previews/tetra.png)

### UXASF1

- Sans-serif style, with big text baseline and even bigger titles; used to render [UXA documents](https://github.com/nWODT-Cobalt/uxa)
- Dark mode support
- Fonts: [Inter](https://rsms.me/inter/), [iA Writer Mono](https://github.com/iaolo/iA-Fonts/tree/master/iA%20Writer%20Mono)

![](previews/uxasf1.png)

### Just Images

- Hides everything but images; for reference or print
- Dark mode support

### Just Tables

- Hides everything but tables; for reference or print
- Dark mode support

### Older Stylesheets

- Not updated since 2015
- Godspeed (fonts: [Source Sans](https://fonts.google.com/specimen/Source+Sans+Pro), [Brush Up Too](https://www.myfonts.com/fonts/pintassilgo/brush-up/too/), $)
- New Modern (fonts: [Open Sans](https://fonts.google.com/specimen/Open+Sans))
- Torpedo (fonts: [Open Sans](https://fonts.google.com/specimen/Open+Sans), [Cinta](https://www.myfonts.com/fonts/tipo-pepel/cinta/), $)
- Vostok (fonts: [PT Serif, PT Sans and PT Sans Narrow](https://company.paratype.com/pt-sans-pt-serif))

![](previews/old-stylesheets.png)

## Resources

Sample documents for development and testing.

- `Short Specimen`: sample document of common Markdown tags; used to make the previews for this readme
- `Long Specimen`: sample document of almost all MultiMarkdown tags, for more exhaustive work. The first part prints tags for completeness check, the second one prints long form text for typographic rythm check.

Previews are processed (e.g. cropped) in [a Figma document](https://www.figma.com/file/lLZWGpxAc71dB5p8mI8Lkn/GitHub?node-id=0%3A1).