Sitelet https://github.com/tip4commit/tip4commit/issues/232#issuecomment-256491743
Skip to content

New-style badge SVG #232

Open
Open
New-style badge SVG#232
Labels
enhancement

Description

@binwiederhier
binwiederhier
opened on Mar 18, 2015

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):
2015031801 35 53_selection_001

I suggest the following design:
2015031801 29 52_selection_001

Which looks like this when zoomed in:
2015031801 29 27_selection_001

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

  1. binwiederhier commented on Mar 19, 2015

    @binwiederhier
    binwiederhier
    on Mar 19, 2015
    Author

    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 😄

  2. sashazykov commented on Mar 20, 2015

    @sashazykov
    sashazykov
    on Mar 20, 2015
    Member

    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.

  3. sashazykov commented on Mar 20, 2015

    @sashazykov
    sashazykov
    on Mar 20, 2015
    Member

    It would be great to switch to the new style.

  4. sashazykov
    added
    enhancement
    on Mar 20, 2015

  5. arsenische commented on Mar 20, 2015

    @arsenische
    arsenische
    on Mar 20, 2015
    Contributor

    Oh, I like how it looks. cɃ is nice but I doubt it is understandable. Maybe use ƀ (bits) as proposed on the image below? Image of Yaktocat

    1 Ƀ = 1 000 000 ƀ

  6. binwiederhier commented on Mar 23, 2015

    @binwiederhier
    binwiederhier
    on Mar 23, 2015
    Author

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

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

  7. OmgImAlexis commented on Oct 26, 2016

    @OmgImAlexis
    OmgImAlexis
    on Oct 26, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancement

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions