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!
This project is using Velociraptor as a task runner.
Confirm there is ~/.deno/bin
in $PATH
to use the scripts installed by
deno install
.
# install velociraptor
deno install -qAn vr https://deno.land/x/velociraptor/cli.ts
# install hook
vr
The scripts are defined in velociraptor.yml.
vr server
vr fmt
vr lint
vr test
- Runtime: Deno, Deno Deploy
- Font: ็พๅฒใใฉใณใ
- Style of GUI page: Water.css
- Inspired: Github Profile Trophy