Home

Awesome

svelte zen garden

You can edit your CSS and it updates live.

sveltezen

Pull from GitHub Gists

you can also paste in a link to github gist in the editor. if the github gist has a file called zengarden.css it will pull that css and apply it.

Once you're happy with what you have, you can send it as a url by appending a path search param, e.g.

Self serving your own CSS

We use the Github Gist API to get CSS, but you could also host your own CSS. just pass in the URL of your api call to the path search param and make sure the response conforms to this shape:

{
	data: {
		files: {
			'zengarden.css': {
				'content': "YOURCSSHERE"
			}
		}
	}
}

Future?

We could add a "save to Gist" feature.

We could add ability to pull image, font, and other assets from Gist.

We could add some sort of leaderboard or dynamic link list of other people who have submitted their zen gardens

If you want to work on this lmk!