New-style badge SVG · Issue #232 · tip4commit/tip4commit · GitHub

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>

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 😄

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.

It would be great to switch to the new style.

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 ƀ

I took that from this site:
https://en.bitcoin.it/wiki/Units

Isn't that one of the "official" bitcoin websites?!

Are there any updates on this? I've noticed on mobile the current badge is basically unreadable.

New-style badge SVG · Issue #232 · tip4commit/tip4commit · GitHub

Repository navigation

New-style badge SVG #232

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

New-style badge SVG · Issue #232 · tip4commit/tip4commit · GitHub

Repository navigation

New-style badge SVG #232

Description

Activity

binwiederhier commented on Mar 19, 2015

sashazykov commented on Mar 20, 2015

sashazykov commented on Mar 20, 2015

arsenische commented on Mar 20, 2015

binwiederhier commented on Mar 23, 2015

OmgImAlexis commented on Oct 26, 2016

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions