Add more badges

This commit is contained in:
Marcel Stör 2017-02-13 23:31:18 +01:00
parent 24bc393e4c
commit b0f8cee841
2 changed files with 42 additions and 0 deletions

View File

@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="78" height="20">
<linearGradient id="b" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<clipPath id="a">
<rect width="78" height="20" rx="3" fill="#fff"/>
</clipPath>
<g clip-path="url(#a)">
<path fill="#555" d="M0 0h47v20H0z"/>
<path fill="#007ec6" d="M47 0h31v20H47z"/>
<path fill="url(#b)" d="M0 0h78v20H0z"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
<text x="23.5" y="15" fill="#010101" fill-opacity=".3">license</text>
<text x="23.5" y="14">license</text>
<text x="61.5" y="15" fill="#010101" fill-opacity=".3">MIT</text>
<text x="61.5" y="14">MIT</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 880 B

22
images/twitter-badge.svg Normal file
View File

@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20">
<style>#llink:hover{fill:url(#b);stroke:#ccc}#rlink:hover{fill:#4183c4}</style>
<linearGradient id="a" x2="0" y2="100%">
<stop offset="0" stop-color="#fcfcfc" stop-opacity="0"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="b" x2="0" y2="100%">
<stop offset="0" stop-color="#ccc" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<rect stroke="none" fill="#fcfcfc" x=".5" y=".5" width="58" height="19" rx="2"/>
<image x="5" y="3" width="14" height="14"
xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzUgMjc2Ij48cGF0aCBmaWxsPSIjNTVhY2VlIiBkPSJNMzAyIDcwQTE5NSAxOTUgMCAwIDEgMyAyNDVhMTQyIDE0MiAwIDAgMCA5Ny0zMCA3MCA3MCAwIDAgMS01OC00NyA3MCA3MCAwIDAgMCAzMS0yIDcwIDcwIDAgMCAxLTU3LTY2IDcwIDcwIDAgMCAwIDI4IDUgNzAgNzAgMCAwIDEtMTgtOTAgMTk1IDE5NSAwIDAgMCAxNDEgNzIgNjcgNjcgMCAwIDEgMTE2LTYyIDExNyAxMTcgMCAwIDAgNDMtMTcgNjUgNjUgMCAwIDEtMzEgMzggMTE3IDExNyAwIDAgMCAzOS0xMSA2NSA2NSAwIDAgMS0zMiAzNSIvPjwvc3ZnPgo="/>
<g fill="#333" text-anchor="middle" font-family="Helvetica Neue,Helvetica,Arial,sans-serif" font-weight="700"
font-size="11">
<text x="37.5" y="15" fill="#fff">Tweet</text>
<text x="37.5" y="14">Tweet</text>
</g>
<a xlink:href="https://twitter.com/intent/tweet?text=Wow:&amp;url=https%3A%2F%2Fgithub.com%2Fmarcelstoer%2Fnodemcu-pyflasher">
<rect id="llink" stroke="#d5d5d5" fill="url(#a)" x=".5" y=".5" width="58" height="19" rx="2"/>
</a>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB