Add missing example svg files (#53)

jongracecox · web-flow · commit efab2f6f7915 · 2022-03-10T07:34:48.000-05:00
diff --git a/examples/color_bright_red.svg b/examples/color_bright_red.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="158" 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>
+    <mask id="anybadge_46">
+        <rect width="158" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_46)">
+        <path fill="#555" d="M0 0h41v20H0z"/>
+        <path fill="#FF0000" d="M41 0h117v20H41z"/>
+        <path fill="url(#b)" d="M0 0h158v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="21.5" y="15" fill="#010101" fill-opacity=".3">Color</text>
+        <text x="20.5" y="14">Color</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="100.5" y="15" fill="#010101" fill-opacity=".3">Color.BRIGHT_RED</text>
+        <text x="99.5" y="14">Color.BRIGHT_RED</text>
+    </g>
+</svg>
diff --git a/examples/color_bright_yellow.svg b/examples/color_bright_yellow.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="185" 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>
+    <mask id="anybadge_47">
+        <rect width="185" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_47)">
+        <path fill="#555" d="M0 0h41v20H0z"/>
+        <path fill="#FFFF00" d="M41 0h144v20H41z"/>
+        <path fill="url(#b)" d="M0 0h185v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="21.5" y="15" fill="#010101" fill-opacity=".3">Color</text>
+        <text x="20.5" y="14">Color</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="114.0" y="15" fill="#010101" fill-opacity=".3">Color.BRIGHT_YELLOW</text>
+        <text x="113.0" y="14">Color.BRIGHT_YELLOW</text>
+    </g>
+</svg>
diff --git a/examples/color_light_grey.svg b/examples/color_light_grey.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="161" 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>
+    <mask id="anybadge_51">
+        <rect width="161" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_51)">
+        <path fill="#555" d="M0 0h41v20H0z"/>
+        <path fill="#9f9f9f" d="M41 0h120v20H41z"/>
+        <path fill="url(#b)" d="M0 0h161v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="21.5" y="15" fill="#010101" fill-opacity=".3">Color</text>
+        <text x="20.5" y="14">Color</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="102.0" y="15" fill="#010101" fill-opacity=".3">Color.LIGHT_GREY</text>
+        <text x="101.0" y="14">Color.LIGHT_GREY</text>
+    </g>
+</svg>
diff --git a/examples/color_yellow_green.svg b/examples/color_yellow_green.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="180" 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>
+    <mask id="anybadge_63">
+        <rect width="180" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_63)">
+        <path fill="#555" d="M0 0h41v20H0z"/>
+        <path fill="#a4a61d" d="M41 0h139v20H41z"/>
+        <path fill="url(#b)" d="M0 0h180v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="21.5" y="15" fill="#010101" fill-opacity=".3">Color</text>
+        <text x="20.5" y="14">Color</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="111.5" y="15" fill="#010101" fill-opacity=".3">Color.YELLOW_GREEN</text>
+        <text x="110.5" y="14">Color.YELLOW_GREEN</text>
+    </g>
+</svg>
