suzanne.soy/shields
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Automatic measurement of text.

Browse Source
This commit is contained in:
Thaddee Tyl 2014-01-03 12:29:54 +01:00
parent ef42d2f872
commit cb3da5cb17
16 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
img/build-error.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="71" height="18" fill="url(#a)"/><rect rx="4" x="35" width="36" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="53" y="12" filter="url(#c)">error</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="73" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="73" height="18" fill="url(#a)"/><rect rx="4" x="37" width="36" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="55" y="12" filter="url(#c)">error</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/build-failing.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="79" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="79" height="18" fill="url(#a)"/><rect rx="4" x="35" width="44" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="57" y="12" filter="url(#c)">failing</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="81" height="18" fill="url(#a)"/><rect rx="4" x="37" width="44" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="59" y="12" filter="url(#c)">failing</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/build-passed.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="83" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="83" height="18" fill="url(#a)"/><rect rx="4" x="35" width="48" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="59" y="12" filter="url(#c)">passed</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="87" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="87" height="18" fill="url(#a)"/><rect rx="4" x="37" width="50" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="62" y="12" filter="url(#c)">passed</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/build-passing.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="87" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="87" height="18" fill="url(#a)"/><rect rx="4" x="35" width="52" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="61" y="12" filter="url(#c)">passing</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="90" height="18" fill="url(#a)"/><rect rx="4" x="37" width="53" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="63.5" y="12" filter="url(#c)">passing</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/build-pending.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="89" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="89" height="18" fill="url(#a)"/><rect rx="4" x="35" width="54" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="62" y="12" filter="url(#c)">pending</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="92" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="92" height="18" fill="url(#a)"/><rect rx="4" x="37" width="55" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="64.5" y="12" filter="url(#c)">pending</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/build-unknown.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="93" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="93" height="18" fill="url(#a)"/><rect rx="4" x="35" width="58" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="64" y="12" filter="url(#c)">unknown</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="96" height="18" fill="url(#a)"/><rect rx="4" x="37" width="59" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="66.5" y="12" filter="url(#c)">unknown</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/cheez-whiz.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="74" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="74" height="18" fill="url(#a)"/><rect rx="4" x="41" width="33" height="18" fill="url(#b)"/><rect x="41" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="20.5" y="12" filter="url(#c)">cheez</text><text x="57.5" y="12" filter="url(#c)">whiz</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="75" height="18" fill="url(#a)"/><rect rx="4" x="42" width="33" height="18" fill="url(#b)"/><rect x="42" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="21" y="12" filter="url(#c)">cheez</text><text x="58.5" y="12" filter="url(#c)">whiz</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/coverage.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="92" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="92" height="18" fill="url(#a)"/><rect rx="4" x="58" width="34" height="18" fill="url(#b)"/><rect x="58" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="29" y="12" filter="url(#c)">coverage</text><text x="75" y="12" filter="url(#c)">73%</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="95" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="95" height="18" fill="url(#a)"/><rect rx="4" x="60" width="35" height="18" fill="url(#b)"/><rect x="60" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="30" y="12" filter="url(#c)">coverage</text><text x="77.5" y="12" filter="url(#c)">73%</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/dependencies-none.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="122" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="122" height="18" fill="url(#a)"/><rect rx="4" x="85" width="37" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="103.5" y="12" filter="url(#c)">none</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="125" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="125" height="18" fill="url(#a)"/><rect rx="4" x="87" width="38" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="106" y="12" filter="url(#c)">none</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
img/dependencies-out-of-date.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="155" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="155" height="18" fill="url(#a)"/><rect rx="4" x="85" width="70" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="120" y="12" filter="url(#c)">out of date</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="159" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="159" height="18" fill="url(#a)"/><rect rx="4" x="87" width="72" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="123" y="12" filter="url(#c)">out of date</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
img/dependencies-unknown.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="143" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="143" height="18" fill="url(#a)"/><rect rx="4" x="85" width="58" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="114" y="12" filter="url(#c)">unknown</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="146" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="146" height="18" fill="url(#a)"/><rect rx="4" x="87" width="59" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="116.5" y="12" filter="url(#c)">unknown</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
img/dependencies-up-to-date.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="155" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="155" height="18" fill="url(#a)"/><rect rx="4" x="85" width="70" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="120" y="12" filter="url(#c)">up-to-date</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="157" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="157" height="18" fill="url(#a)"/><rect rx="4" x="87" width="70" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="122" y="12" filter="url(#c)">up-to-date</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
img/dependencies-update.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="139" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="139" height="18" fill="url(#a)"/><rect rx="4" x="85" width="54" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="112" y="12" filter="url(#c)">update!</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="140" height="18" fill="url(#a)"/><rect rx="4" x="87" width="53" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="113.5" y="12" filter="url(#c)">update!</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
img/tips-per-week.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="95" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#98cb03"/><stop offset=".1" stop-color="#94c600"/><stop offset=".9" stop-color="#6c9100"/><stop offset="1" stop-color="#4d6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="95" height="18" fill="url(#a)"/><rect rx="4" x="30" width="65" height="18" fill="url(#b)"/><rect x="30" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="15" y="12" filter="url(#c)">tips</text><text x="62.5" y="12" filter="url(#c)">$21/week</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="94" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#98cb03"/><stop offset=".1" stop-color="#94c600"/><stop offset=".9" stop-color="#6c9100"/><stop offset="1" stop-color="#4d6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="94" height="18" fill="url(#a)"/><rect rx="4" x="30" width="64" height="18" fill="url(#b)"/><rect x="30" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="15" y="12" filter="url(#c)">tips</text><text x="62" y="12" filter="url(#c)">$21/week</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

14
make.js
View File

@ -1,8 +1,16 @@
var fs = require('fs');
var path = require('path');
var Promise = require('es6-promise').Promise;
var dot = require('dot');
var SVGO = require('svgo');
// Initialize what will be used for automatic text measurement.
var Canvas = require('canvas');
var canvasElement = new Canvas(0, 0); // Width and height are irrelevant.
var canvasContext = canvasElement.getContext('2d');
canvasContext.font = '10px Verdana';
// Template crafting action below.
var dot = require('dot');
var badgeData = require('./badges.json');
var badges = badgeData.badges;
var colorscheme = badgeData.colorschemes;
@ -26,6 +34,10 @@ function makeImage(name, data, cb) {
data.colorA = colorscheme[data.colorscheme].colorA;
data.colorB = colorscheme[data.colorscheme].colorB;
}
data.widths = [
(canvasContext.measureText(data.text[0]).width|0) + 10,
(canvasContext.measureText(data.text[1]).width|0) + 10,
];
var result = imageTemplate(data);
// Run the SVG through SVGO.
optimize(result, function(object) {

1
package.json
View File

@ -11,6 +11,7 @@
"dependencies": {
"dot": ">=1.0.2",
"svgo": "~0.4.2",
"canvas": "~1.1.2",
"es6-promise": "~0.1.1"
}
}