Build a web service

[espadrine]

Buckler is a service to download PNG images of badges with any text and color.

We can do the same, with an SVG output.

This bug is here to track progress. A few issues:

• [x] Buckler relies on a single color, and applies a gradient to it.
• [x] Buckler relies on data sent in the URL. What format should we use?
• [x] Buckler has an associated server running. What DNS name should we use?

[espadrine]

I would argue for using the same URL format, so I'll detail it here.

http://example.com/<SUBJECT>-<STATUS>-<COLOR>.png

Each field can use _ instead of spaces and must use -- instead of - and __ instead of _.

[espadrine]

So, I have good news, and I have bad news.

I have successfully made a branch in which we only rely on a single color, and it looks like this.

Before:

Single color:

It looks great in Firefox.

Which leads me to this: it does not work on Chrome. The issue is that Chrome does not implement SVG2 colors, and therefore I cannot make a gradient with transparent color stops.

[mathiasbynens]

Doesn’t work in Chromium → doesn’t work in Opera. Also, WebKit seems to have the same bug, so no Safari support either :(

[mathiasbynens]

Really nice work, @espadrine! I just wish browsers would get with the program already :P FWIW, it worked fine in Opera 12 (pre-Blink).

[espadrine]

FWIW, it worked fine in Opera 12 (pre-Blink).

Shocker :P

I published an issue for it.

[espadrine]

Update: using stop-opacity works, too. Merged. First bullet point down.

[espadrine]

Commit 08172c504 implements an automated server, much like Buckler. Second bullet point down.