Skip to content

Latest commit

 

History

History
512 lines (270 loc) · 12.5 KB

README.md

File metadata and controls

512 lines (270 loc) · 12.5 KB
Raw

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