[weather orchestration workflow] added

This commit is contained in:
Shayan Rais
2026-02-28 20:00:34 +05:00
parent d474862567
commit a52e8ade95
8 changed files with 215 additions and 7 deletions
+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="93" height="20" role="img" aria-label="Best Practice">
<title>Best Practice</title>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<clipPath id="r">
<rect width="93" height="20" rx="3" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="93" height="20" fill="#e3342f"/>
<rect width="93" height="20" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
<text x="46.5" y="14">Best Practice</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 719 B

+32
View File
@@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" width="172" height="40" role="img" aria-label="Implemented">
<title>Implemented</title>
<style>
@keyframes shimmer {
0% { transform: translateX(-172px); }
100% { transform: translateX(172px); }
}
.shine { animation: shimmer 2.5s ease-in-out infinite; }
</style>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="shimmer" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.4" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".3"/>
<stop offset="0.6" stop-color="#fff" stop-opacity="0"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<clipPath id="r">
<rect width="172" height="40" rx="5" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="172" height="40" fill="#2ea44f"/>
<rect width="172" height="40" fill="url(#s)"/>
<rect class="shine" width="172" height="40" fill="url(#shimmer)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="18">
<text x="86" y="26">Implemented</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="86" height="20" role="img" aria-label="Implemented">
<title>Implemented</title>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<clipPath id="r">
<rect width="86" height="20" rx="3" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="86" height="20" fill="#2ea44f"/>
<rect width="86" height="20" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
<text x="43" y="14">Implemented</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 711 B

+32
View File
@@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" width="276" height="40" role="img" aria-label="Orchestration Workflow">
<title>Orchestration Workflow</title>
<style>
@keyframes shimmer {
0% { transform: translateX(-276px); }
100% { transform: translateX(276px); }
}
.shine { animation: shimmer 2.5s ease-in-out infinite; }
</style>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<linearGradient id="shimmer" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.4" stop-color="#fff" stop-opacity="0"/>
<stop offset="0.5" stop-color="#fff" stop-opacity=".3"/>
<stop offset="0.6" stop-color="#fff" stop-opacity="0"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<clipPath id="r">
<rect width="276" height="40" rx="5" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="276" height="40" fill="#e67e22"/>
<rect width="276" height="40" fill="url(#s)"/>
<rect class="shine" width="276" height="40" fill="url(#shimmer)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="18">
<text x="138" y="26">Orchestration Workflow</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="138" height="20" role="img" aria-label="Orchestration Workflow">
<title>Orchestration Workflow</title>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<clipPath id="r">
<rect width="138" height="20" rx="3" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="138" height="20" fill="#e67e22"/>
<rect width="138" height="20" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
<text x="69" y="14">Orchestration Workflow</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 748 B