31 lines
No EOL
9.4 KiB
XML
31 lines
No EOL
9.4 KiB
XML
<svg width="350" height="465" viewBox="0 0 350 465" fill="none" xmlns="http://www.w3.org/2000/svg"><style>
|
|
.header {
|
|
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: #ffffff;
|
|
animation: fadeInAnimation 0.8s ease-in-out forwards;
|
|
}
|
|
|
|
.lang-name {
|
|
font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: #ffffff;
|
|
}
|
|
|
|
|
|
/* Animations */
|
|
@keyframes scaleInAnimation {
|
|
from {
|
|
transform: translate(-5px, 5px) scale(0);
|
|
}
|
|
to {
|
|
transform: translate(-5px, 5px) scale(1);
|
|
}
|
|
}
|
|
@keyframes fadeInAnimation {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
</style><rect x="0.5" y="0.5" rx="4.5" height="99%" stroke="#E4E2E2" width="349" fill="#000000a0" stroke-opacity="0"></rect><g transform="translate(25, 35)"><g transform="translate(0, 0)"><text x="0" y="0" class="header">My Languages</text></g></g><g transform="translate(0, 55)"><svg x="25"><mask id="rect-mask"><rect x="0" y="0" width="300" height="8" fill="white" rx="5"></rect></mask><rect mask="url(#rect-mask)" data-testid="lang-progress" x="0" y="0" width="78.28" height="8" fill="#3572A5"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="78.28" y="0" width="72.7" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="150.98000000000002" y="0" width="54.79" height="8" fill="#00B4AB"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="205.77" y="0" width="25.5" height="8" fill="#083fa1"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="231.27" y="0" width="25.39" height="8" fill="#178600"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="256.66" y="0" width="17.07" height="8" fill="#2c3e50"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="263.73" y="0" width="15.35" height="8" fill="#427819"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="269.08000000000004" y="0" width="14.86" height="8" fill="#cb171e"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="273.94000000000005" y="0" width="14.65" height="8" fill="#e34c26"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="278.59000000000003" y="0" width="14.21" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="282.8" y="0" width="13.66" height="8" fill="#563d7c"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="286.46000000000004" y="0" width="12.32" height="8" fill="#2b7489"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="288.78000000000003" y="0" width="12.71" height="8" fill="#dea584"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="291.49" y="0" width="12.19" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="293.68" y="0" width="12.18" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="295.86" y="0" width="10.52" height="8" fill="#2b7489"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="296.38" y="0" width="11" height="8" fill="#ff9900"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="297.38" y="0" width="10.65" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="298.03" y="0" width="10.54" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="298.57" y="0" width="10.29" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="298.86" y="0" width="10.27" height="8" fill="#f1e05a"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.13" y="0" width="10.26" height="8" fill="#3D6117"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.39" y="0" width="10.2" height="8" fill="#c6538c"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.59" y="0" width="10.17" height="8" fill="#555555"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.76" y="0" width="10.09" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.84999999999997" y="0" width="10.05" height="8" fill="#3e4053"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.9" y="0" width="10.06" height="8" fill="#00ADD8"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.96" y="0" width="10.02" height="8" fill="#e69f56"></rect><rect mask="url(#rect-mask)" data-testid="lang-progress" x="299.97999999999996" y="0" width="10.02" height="8" fill="#4F5D95"></rect><g transform="translate(0, 25)"><circle cx="5" cy="6" r="5" fill="#3572A5"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Python 26.09%</text></g><g transform="translate(150, 25)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Terminal (Zsh) 24.23%</text></g><g transform="translate(0, 50)"><circle cx="5" cy="6" r="5" fill="#00B4AB"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Dart 18.26%</text></g><g transform="translate(150, 50)"><circle cx="5" cy="6" r="5" fill="#083fa1"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Markdown 8.5%</text></g><g transform="translate(0, 75)"><circle cx="5" cy="6" r="5" fill="#178600"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">C# 8.46%</text></g><g transform="translate(150, 75)"><circle cx="5" cy="6" r="5" fill="#2c3e50"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Vue 2.36%</text></g><g transform="translate(0, 100)"><circle cx="5" cy="6" r="5" fill="#427819"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Makefile 1.78%</text></g><g transform="translate(150, 100)"><circle cx="5" cy="6" r="5" fill="#cb171e"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">YAML 1.62%</text></g><g transform="translate(0, 125)"><circle cx="5" cy="6" r="5" fill="#e34c26"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">HTML 1.55%</text></g><g transform="translate(150, 125)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">JSON 1.4%</text></g><g transform="translate(0, 150)"><circle cx="5" cy="6" r="5" fill="#563d7c"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">CSS 1.22%</text></g><g transform="translate(150, 150)"><circle cx="5" cy="6" r="5" fill="#2b7489"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">TypeScript 0.77%</text></g><g transform="translate(0, 175)"><circle cx="5" cy="6" r="5" fill="#dea584"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Rust 0.9%</text></g><g transform="translate(150, 175)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Shell Script 0.73%</text></g><g transform="translate(0, 200)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">LaTeX 0.73%</text></g><g transform="translate(150, 200)"><circle cx="5" cy="6" r="5" fill="#2b7489"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">TypeScript (JSX) 0.17%</text></g><g transform="translate(0, 225)"><circle cx="5" cy="6" r="5" fill="#ff9900"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">SVG 0.33%</text></g><g transform="translate(150, 225)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Git 0.22%</text></g><g transform="translate(0, 250)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">XML 0.18%</text></g><g transform="translate(150, 250)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">TOML 0.1%</text></g><g transform="translate(0, 275)"><circle cx="5" cy="6" r="5" fill="#f1e05a"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">JavaScript 0.09%</text></g><g transform="translate(150, 275)"><circle cx="5" cy="6" r="5" fill="#3D6117"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">TeX 0.09%</text></g><g transform="translate(0, 300)"><circle cx="5" cy="6" r="5" fill="#c6538c"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">SCSS 0.07%</text></g><g transform="translate(150, 300)"><circle cx="5" cy="6" r="5" fill="#555555"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">C 0.06%</text></g><g transform="translate(0, 325)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">CSV 0.03%</text></g><g transform="translate(150, 325)"><circle cx="5" cy="6" r="5" fill="#3e4053"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Docker 0.02%</text></g><g transform="translate(0, 350)"><circle cx="5" cy="6" r="5" fill="#00ADD8"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Go 0.02%</text></g><g transform="translate(150, 350)"><circle cx="5" cy="6" r="5" fill="#e69f56"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">Groovy 0.01%</text></g><g transform="translate(0, 375)"><circle cx="5" cy="6" r="5" fill="#4F5D95"></circle><text data-testid="lang-name" x="15" y="10" class="lang-name">PHP 0.01%</text></g></svg></g></svg> |