Repository navigation
New-style badge SVG #232
Description
The tip4commit badge still looks like the old style badges (with bevel). Services like Travis-CI, Readthedocs or Coveralls have all switched to new style badges. It'd be great if you could also adjust that.
Example:
https://api.travis-ci.org/syncany/syncany.svg
Other badges (from https://github.com/syncany/syncany):
I suggest the following design:
Which looks like this when zoomed in:
The SVG would look like this:
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="119" height="20">
<linearGradient id="a" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1" />
<stop offset="1" stop-opacity=".1" />
</linearGradient>
<rect rx="3" width="119" height="20" fill="#555" />
<rect rx="3" x="71" width="48" height="20" fill="#4c1" />
<path fill="#4c1" d="M71 0h4v20h-4z" />
<rect rx="3" width="119" height="20" fill="url(#a)" />
<g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
<text x="35.5" y="15" fill="#010101" fill-opacity=".3">tip4commit</text>
<text x="35.5" y="14">tip4commit</text>
<text x="95" y="15" fill="#010101" fill-opacity=".3">0.99 cɃ</text>
<text x="95" y="14">0.99 cɃ</text>
</g>
</svg>
Activity
binwiederhier commentedon Mar 19, 2015
I made a nicer one by grabbing the old one and writing my own:
https://api.syncany.org/v3/badges/tips
Code here:
https://github.com/syncany/syncany-website/blob/128c23f928c8688ec65e7caf85578af5f993fdbb/api.syncany.org/src/main/php/Syncany/Api/Controller/BadgesController.php#L69
I'm still interested in nicer native badges though 😄
sashazykov commentedon Mar 20, 2015
I am not sure about using cɃ instead of Ƀ. It's not commonly used and it's even less understandable than Ƀ. @arsenische what do you think?
Also, I think that we might show project's balance instead of the next tip size, since it's not always true that the next tip will be 1% of available balance.
sashazykov commentedon Mar 20, 2015
It would be great to switch to the new style.
arsenische commentedon Mar 20, 2015
Oh, I like how it looks. cɃ is nice but I doubt it is understandable. Maybe use ƀ (bits) as proposed on the image below?
1 Ƀ = 1 000 000 ƀ
binwiederhier commentedon Mar 23, 2015
I took that from this site:
https://en.bitcoin.it/wiki/Units
Isn't that one of the "official" bitcoin websites?!
OmgImAlexis commentedon Oct 26, 2016
Are there any updates on this? I've noticed on mobile the current badge is basically unreadable.