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

Using stop-opacity for gradient transparency.

Browse Source 
Blink, I'm looking straight at you with wide open eyes.
This commit is contained in:
Thaddee Tyl 2014-01-03 15:57:58 +01:00
parent ccbf9b49bc
commit 57b6aabbbc
15 changed files with 18 additions and 18 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="73" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="36" height="18" fill="#9f9f9f"/><rect x="37" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="73" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="54" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="36" height="18" fill="#9f9f9f"/><rect x="37" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="73" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="54" y="12" filter="url(#b)">error</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 948 B

After

Width:  |  Height:  |  Size: 932 B

2
img/build-failing.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="44" height="18" fill="#e05d44"/><rect x="37" width="4" height="18" fill="#e05d44"/><rect rx="4" width="81" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="58" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="44" height="18" fill="#e05d44"/><rect x="37" width="4" height="18" fill="#e05d44"/><rect rx="4" width="81" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="58" y="12" filter="url(#b)">failing</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 950 B

After

Width:  |  Height:  |  Size: 934 B

2
img/build-passed.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="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="50" height="18" fill="#4c1"/><rect x="37" width="4" height="18" fill="#4c1"/><rect rx="4" width="87" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="61" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="50" height="18" fill="#4c1"/><rect x="37" width="4" height="18" fill="#4c1"/><rect rx="4" width="87" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="61" y="12" filter="url(#b)">passed</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 943 B

After

Width:  |  Height:  |  Size: 927 B

2
img/build-passing.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="53" height="18" fill="#4c1"/><rect x="37" width="4" height="18" fill="#4c1"/><rect rx="4" width="90" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="62.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="53" height="18" fill="#4c1"/><rect x="37" width="4" height="18" fill="#4c1"/><rect rx="4" width="90" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="62.5" y="12" filter="url(#b)">passing</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 946 B

After

Width:  |  Height:  |  Size: 930 B

2
img/build-pending.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="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="55" height="18" fill="#dfb317"/><rect x="37" width="4" height="18" fill="#dfb317"/><rect rx="4" width="92" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="63.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="55" height="18" fill="#dfb317"/><rect x="37" width="4" height="18" fill="#dfb317"/><rect rx="4" width="92" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="63.5" y="12" filter="url(#b)">pending</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 952 B

After

Width:  |  Height:  |  Size: 936 B

2
img/build-unknown.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="59" height="18" fill="#9f9f9f"/><rect x="37" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="96" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="65.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="37" width="59" height="18" fill="#9f9f9f"/><rect x="37" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="96" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="19.5" y="12" filter="url(#b)">build</text><text x="65.5" y="12" filter="url(#b)">unknown</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 952 B

After

Width:  |  Height:  |  Size: 936 B

2
img/cheez-whiz.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="42" width="33" height="18" fill="#dfb317"/><rect x="42" width="4" height="18" fill="#dfb317"/><rect rx="4" width="75" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="22" y="12" filter="url(#b)">cheez</text><text x="57.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="42" width="33" height="18" fill="#dfb317"/><rect x="42" width="4" height="18" fill="#dfb317"/><rect rx="4" width="75" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="22" y="12" filter="url(#b)">cheez</text><text x="57.5" y="12" filter="url(#b)">whiz</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 947 B

After

Width:  |  Height:  |  Size: 931 B

2
img/coverage.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="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="60" width="35" height="18" fill="#e05d44"/><rect x="60" width="4" height="18" fill="#e05d44"/><rect rx="4" width="95" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="31" y="12" filter="url(#b)">coverage</text><text x="76.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="60" width="35" height="18" fill="#e05d44"/><rect x="60" width="4" height="18" fill="#e05d44"/><rect rx="4" width="95" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="31" y="12" filter="url(#b)">coverage</text><text x="76.5" y="12" filter="url(#b)">73%</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 949 B

After

Width:  |  Height:  |  Size: 933 B

2
img/dependencies-none.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="125" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="38" height="18" fill="#97CA00"/><rect x="87" width="4" height="18" fill="#97CA00"/><rect rx="4" width="125" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="105" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="38" height="18" fill="#97CA00"/><rect x="87" width="4" height="18" fill="#97CA00"/><rect rx="4" width="125" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="105" y="12" filter="url(#b)">none</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 958 B

After

Width:  |  Height:  |  Size: 942 B

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

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="159" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="72" height="18" fill="#dfb317"/><rect x="87" width="4" height="18" fill="#dfb317"/><rect rx="4" width="159" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="122" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="72" height="18" fill="#dfb317"/><rect x="87" width="4" height="18" fill="#dfb317"/><rect rx="4" width="159" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="122" y="12" filter="url(#b)">out of date</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 965 B

After

Width:  |  Height:  |  Size: 949 B

2
img/dependencies-unknown.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="146" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="59" height="18" fill="#9f9f9f"/><rect x="87" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="146" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="115.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="59" height="18" fill="#9f9f9f"/><rect x="87" width="4" height="18" fill="#9f9f9f"/><rect rx="4" width="146" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="115.5" y="12" filter="url(#b)">unknown</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 947 B

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

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="157" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="70" height="18" fill="#97CA00"/><rect x="87" width="4" height="18" fill="#97CA00"/><rect rx="4" width="157" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="121" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="70" height="18" fill="#97CA00"/><rect x="87" width="4" height="18" fill="#97CA00"/><rect rx="4" width="157" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="121" y="12" filter="url(#b)">up-to-date</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 964 B

After

Width:  |  Height:  |  Size: 948 B

2
img/dependencies-update.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="53" height="18" fill="#e05d44"/><rect x="87" width="4" height="18" fill="#e05d44"/><rect rx="4" width="140" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="112.5" y="12" filter="url(#b)">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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="87" width="53" height="18" fill="#e05d44"/><rect x="87" width="4" height="18" fill="#e05d44"/><rect rx="4" width="140" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="44.5" y="12" filter="url(#b)">dependencies</text><text x="112.5" y="12" filter="url(#b)">update!</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 947 B

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

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="94" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="rgba(255,255,255,.7)"/><stop offset=".1" stop-color="rgba(170,170,170,.1)"/><stop offset=".9" stop-color="rgba(0,0,0,.3)"/><stop offset="1" stop-color="rgba(0,0,0,.5)"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="30" width="64" height="18" fill="#94c600"/><rect x="30" width="4" height="18" fill="#94c600"/><rect rx="4" width="94" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="16" y="12" filter="url(#b)">tips</text><text x="61" y="12" filter="url(#b)">$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="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-opacity=".3"/><stop offset="1" stop-opacity=".5"/></linearGradient><filter id="b"><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="#555"/><rect rx="4" x="30" width="64" height="18" fill="#94c600"/><rect x="30" width="4" height="18" fill="#94c600"/><rect rx="4" width="94" height="18" fill="url(#a)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="16" y="12" filter="url(#b)">tips</text><text x="61" y="12" filter="url(#b)">$21/week</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 948 B

After

Width:  |  Height:  |  Size: 932 B

8
template.svg
View File

@ -1,9 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="{{=it.widths[0]+it.widths[1]}}" height="19">
<linearGradient id="smooth" x2="0" y2="100%">
<stop offset="0" stop-color="rgba(255,255,255,.7)"/>
<stop offset=".1" stop-color="rgba(170,170,170,.1)"/>
<stop offset=".9" stop-color="rgba(0,0,0,.3)"/>
<stop offset="1" stop-color="rgba(0,0,0,.5)"/>
<stop offset="0" stop-color="#fff" stop-opacity=".7"/>
<stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
<stop offset=".9" stop-color="#000" stop-opacity=".3"/>
<stop offset="1" stop-color="#000" stop-opacity=".5"/>
</linearGradient>
<filter id="shadow">
<feOffset dx="0" dy="1" in="SourceAlpha"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB