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="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/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