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: 2 months ago
JSON representation
Markdown stylesheets and other minutiae
- Host: GitHub
- URL: https://github.com/nWODT-Cobalt/markown-utilities
- Owner: nWODT-Cobalt
- License: mit
- Created: 2014-01-11T20:45:33.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2024-07-06T14:23:19.000Z (6 months ago)
- Last Synced: 2024-08-01T21:43:52.744Z (5 months ago)
- Topics: atom, iawriter, markdown, marked, marked2, writing
- Language: CSS
- Homepage:
- Size: 1.73 MB
- Stars: 22
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
- project-awesome - nWODT-Cobalt/markown-utilities - Markdown stylesheets and other minutiae (CSS)
README
# Markdown Utilities
Tools for editing, rendering and exporting Markdown files.
## Markdown Setup
On Mac: ~~[Atom](https://atom.io/)~~ [Pulsar](https://pulsar-edit.dev/) 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://web.pulsar-edit.dev/packages/document-outline)
- [folding-markdown](https://web.pulsar-edit.dev/packages/folding-markdown)
- [markdown-table-editor](https://web.pulsar-edit.dev/packages/markdown-table-editor)
- [smart-quotes-plus](https://web.pulsar-edit.dev/packages/smart-quotes-plus)
- [wordcount](https://web.pulsar-edit.dev/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).