Atom package to convert the selected text to ASCII art using FIGlet and then comment it.
The chosen figlet font (ANSI Shadow) is perfect for minimap visualization. Commenting supports several file extensions:
- js
- sh
- yml, yaml
- coffee
- html
- md
- php
- vb
Select some text to convert something like this:
hello world
into something like this:
# ██ ██ ███████ ██ ██ ██████ ██ ██ ██████ ██████ ██ ██████
# ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
# ███████ █████ ██ ██ ██ ██ ██ █ ██ ██ ██ ██████ ██ ██ ██
# ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
# ██ ██ ███████ ███████ ███████ ██████ ███ ███ ██████ ██ ██ ███████ ██████
you can also Toggle Comment Borders
to put a border around the text to add more distinction in the minimap:
###############################################################################
# ██ ██ ███████ ██ ██ ██████ ██ ██ ██████ ██████ ██ ██████
# ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
# ███████ █████ ██ ██ ██ ██ ██ █ ██ ██ ██ ██████ ██ ██ ██
# ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
# ██ ██ ███████ ███████ ███████ ██████ ███ ███ ██████ ██ ██ ███████ ██████
###############################################################################
Note that Toggle Comment Borders
determines border size based on your editors preferred line length, Atom's default is 80 as shown above.
The difference is slight and completely based on user preference:
To convert text, select the text you wish to convert, and do any of the following:
- Press
ctrl-shift-del
or - Select
Minimap Titles: Convert
in the command palette or - Select Packages -> Minimap Titles -> Convert from the main menu or
- Right click on the selected text, and select Minimap Titles: Convert from the context menu
To create comment borders around text to help distinguish sections in the minimap do the following:
- Select Packages -> Minimap Titles -> Toggle Comment Borders from the main menu
- Run the Convert command on your text as detailed above
Based on the following packages: