Generate an SVG image like GitHub contribution graph (github-grass) with API.
You can configure the URL in the online editor with a live preview.
Markdown:
[](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 shown at once.
💡 You should add a 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 needs to be less than 70 characters.
- type:
string - default: (none)
A predefined color scheme name. Available schemes: github, halloween,
amber, blue, green, red, pink, purple, indigo, teal, cyan,
orange, brown, grey, unicorn, summer, sunset, moon, psychedelic,
gameboy, dark.
When set, it overrides the default colors for bg, frame, and l0-l4.
Individual color parameters can still override specific colors from the scheme.
- type:
string - default:
- l0:
ebedf0 - l1:
9be9a8 - l2:
40c463 - l3:
30a14e - l4:
216e39
- l0:
The color of the pixels. l0 is used as the base color, the others are used as
the 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 it moves 1 pixel per 200 milliseconds.
- type:
string - default:
Generated by kawarimidoll/typograssy
The comment on the bottom left. It needs 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!
deno task run # Start local server
deno task test # Run tests
deno task ci # Lint, format check, and test- Runtime: Deno, Deno Deploy
- Font: 美咲フォント
- Style of GUI page: Water.css
- Inspired: Github Profile Trophy