Generate SVG image like GitHub contribution graph (github-grass) with API.
You can configure the URL in the online editor with seeing preview.
Markdown:
[![typograssy](https://typograssy.deno.dev/api?text=Hello%20world!)](https://github.com/kawarimidoll/typograssy)
HTML:
<a href="https://github.com/kawarimidoll/typograssy"><img alt="typograssy" src="https://typograssy.deno.dev/api?text=Hello%20world!"></a>
See parameters section.
The pixels will scroll if the text can't be show at once.
๐ก You should put 'trailing space' to the URL to separate the last character and the first one.
You can check supported characters on characters.ts.
- type:
string
The text that you want to show. It need to be less than 70 characters.
- type:
string
- default:
- l0:
ebedf0
- l1:
9be9a8
- l2:
40c463
- l3:
30a14e
- l4:
216e39
- l0:
The color of the pixels. l0
is used as base color, the others are used as font
color at random.
- type:
string
- default:
ffffff
The color of the background.
- type:
string
- default:
000000
The color of the frame.
- type:
number
- default:
200
The speed of scrolling. 200
means that move 1 pixel per 200 milliseconds.
- type:
string
- default:
Generated by kawarimidoll/typograssy
The comment on left bottom. It need to be less than 70 characters.
- hex value without hash symbol. e.g.
000
,123abc
. - html color name. e.g.
red
,aqua
. none
.
All contributions are welcome!
See defined tasks to run deno task
.
deno task run
deno task fmt
deno task lint
deno task test
- Runtime: Deno, Deno Deploy
- Font: ็พๅฒใใฉใณใ
- Style of GUI page: Water.css
- Inspired: Github Profile Trophy