一些开放版权类 License 的 Badge,可以用于果壳的问答,日志,文章,小组等。当然也可以用于其他网站,如果颜色大小合适的话。「我们坚信分享改变世界」
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
cc
cd
cl
cr
warehouse
README.md

README.md

GuokrBadge

为果壳设计使用的一些 Badge,可以用于问答,文章,小组等。

关于统一所有图标格式的讨论:样式讨论

使用方法

如果你没有用过 CC 协议,不知道该如何选择,先从 这里 选择适合自己的 CC协议。

两种方法:

  1. Guokr-extension 已经在表情系统中集成了添加这里面的 License 的功能,Chrome 用户可以安装此插件。
  2. 从 Repo 中选择合适自己的协议的图片,另存在自己电脑上,然后在编辑帖子/问答的时候从自己电脑上上传。(这样如果将来这个 Repo 中的图片设计等有所改动,不能够同步更正。例如果壳色有了变化,这里的图片颜色也会改变,但是不能同步到果壳。)
  3. 复制相应的图片的链接,在果壳的编辑器中,插入图片,选择站外链接粘贴过去即可。(这种方法在将来设计上有了改动,那么果壳的内容会同步变化。)

例如,我们需要使用 CC BY-NC-SA 协议,而且喜欢这种胶囊形状的图标,并且我们想使用 SVG 图片,而不是 PNG 图片。那么从我们的 README.md 中找到这个协议(在目录中找到胶囊 + 果壳色 CC 协议 ~ SVG 版本):

example

看到我们给出了两个不同大小的图片的链接,一个 64px, 一个 32px,这个大小指的是图标的高度。实际上这些 SVG 图片缩放不变,所以大小倒是没有那么重要,只是如果你在一些网站写作品,但是这个网站又不支持自定义图片大小,那么就不得不选择合适大小的图片了。

例如我们想要使用 32px 高度的图片,那么把那个图片链接复制出来:

example

然后在需要的地方使用即可。例如在果壳的编辑框中,插入图片是可以使用外链的,把上面复制的图片链接粘贴过来即可:

example




目录:




LePtC : Copy Delay License 图标

关于 LePtC 协议请查看其日志:作品在提交后的24小时禁止转载


SVG Version

  • Copy Delay - Delay

Copy Delay - Delay

64: http://opentf.github.io/GuokrBadge/cd/cd_delay.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cd/cd_delay.flat.guokr.32.svg

  • Copy Delay - Finished

Copy Delay - Finished

64: http://opentf.github.io/GuokrBadge/cd/cd_finished.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cd/cd_finished.flat.guokr.32.svg

胶囊 + 果壳色 CC 协议

灰色 + 果壳色(#85c155

使用 inkscape,按照如下标准制作:

How Do We Make These SVGs


SVG Version

  • CC BY

CC BY

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_by.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_by.flat.guokr.32.svg

  • CC BY-NC

CC BY-NC

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bync.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bync.flat.guokr.32.svg

  • CC BY-SA

CC BY-SA

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bysa.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bysa.flat.guokr.32.svg

  • CC BY-ND

CC BY-ND

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bynd.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bynd.flat.guokr.32.svg

  • CC BY-NC-ND

CC BY-NC-ND

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncnd.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncnd.flat.guokr.32.svg

  • CC BY-NC-SA

CC BY-NC-SA

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncsa.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncsa.flat.guokr.32.svg


PNG Version

  • CC BY

CC BY

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_by.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_by.flat.guokr.32.png

  • CC BY-NC

CC BY-NC

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bync.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bync.flat.guokr.32.png

  • CC BY-SA

CC BY-SA

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bysa.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bysa.flat.guokr.32.png

  • CC BY-ND

CC BY-ND

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bynd.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bynd.flat.guokr.32.png

  • CC BY-NC-ND

CC BY-NC-ND

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncnd.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncnd.flat.guokr.32.png

  • CC BY-NC-SA

CC BY-NC-SA

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncsa.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncsa.flat.guokr.32.png

果壳色 CC 协议

使用了果壳色:#85c155

原始图标来源于:Creative Commons License

图片 resize 使用了 PicResize


SVG Version

  • CC BY

CC By

64: http://opentf.github.io/GuokrBadge/cc/svg/ccby.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccby_32.svg

  • CC BY-NC

CC BY-NC

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbync.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbync_32.svg

  • CC BY-SA

CC BY-SA

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbysa.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbysa_32.svg

  • CC BY-ND

CC BY-ND

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbynd.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbynd_32.svg

  • CC BY-NC-ND

CC BY-NC-ND

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncnd.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncnd_32.svg

  • CC BY-NC-SA

CC BY-NC-SA

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncsa.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncsa_32.svg


PNG Version

  • CC BY

CC BY

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby_4x.png

  • CC BY-NC

CC BY-NC

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync_4x.png

  • CC BY-SA

CC BY-SA

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa_4x.png

  • CC BY-ND

CC BY-ND

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd_4x.png

  • CC BY-NC-ND

CC BY-NC-ND

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd_4x.png

  • CC BY-NC-SA

CC BY-NC-SA

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa_4x.png

果壳色 Copyleft

关于 copyleft: Wikipedia: Copyleft

使用了果壳色:#85c155

使用方法

同 CC 协议。


SVG Version Not Working.

Copyleft

64: http://opentf.github.io/GuokrBadge/cl/svg/cl.svg

32: http://opentf.github.io/GuokrBadge/cl/svg/cl_32.svg


PNG Version

Copyleft

mini (30*30): https://raw.github.com/opentf/GuokrBadge/master/cl/cl_mini.png

1x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl_4x.png

果壳色 Copyright

使用了果壳色:#85c155

使用方法

同 CC 协议。


SVG Version

Copyright

64: http://opentf.github.io/GuokrBadge/cr/svg/cr.svg

32: http://opentf.github.io/GuokrBadge/cr/svg/cr_32.svg


PNG Version

Copyleft

mini (30*30): https://raw.github.com/opentf/GuokrBadge/master/cr/cr_mini.png

1x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr_4x.png