Update README cards

This commit is contained in:
github-actions[bot]
2026-03-06 00:41:08 +00:00
parent 7bb0eabc32
commit fc2ec54e53
2 changed files with 112 additions and 129 deletions
+11 -11
View File
@@ -9,11 +9,11 @@
aria-labelledby="descId"
>
<title id="titleId">Stone_Red's GitHub Stats, Rank: B+</title>
<desc id="descId">Total Stars Earned: 92, Total Commits (last year) : 281, Total PRs: 100, Total Issues: 19, Contributed to (last year): 2</desc>
<desc id="descId">Total Stars Earned: 92, Total Commits (last year) : 282, Total PRs: 100, Total Issues: 19, Contributed to (last year): 2</desc>
<style>
.header {
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
fill: #2f80ed;
fill: #fff;
animation: fadeInAnimation 0.8s ease-in-out forwards;
}
@supports(-moz-appearance: auto) {
@@ -22,7 +22,7 @@
}
.stat {
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #434d58;
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #9f9f9f;
}
@supports(-moz-appearance: auto) {
/* Selector detects Firefox */
@@ -33,7 +33,7 @@
animation: fadeInAnimation 0.3s ease-in-out forwards;
}
.rank-text {
font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58;
font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #9f9f9f;
animation: scaleInAnimation 0.3s ease-in-out forwards;
}
.rank-percentile-header {
@@ -46,18 +46,18 @@
.not_bold { font-weight: 400 }
.bold { font-weight: 700 }
.icon {
fill: #4c71f2;
fill: #79ff97;
display: block;
}
.rank-circle-rim {
stroke: #2f80ed;
stroke: #fff;
fill: none;
stroke-width: 6;
opacity: 0.2;
}
.rank-circle {
stroke: #2f80ed;
stroke: #fff;
stroke-dasharray: 250;
fill: none;
stroke-width: 6;
@@ -73,7 +73,7 @@
stroke-dashoffset: 251.32741228718345;
}
to {
stroke-dashoffset: 96.05858640609186;
stroke-dashoffset: 96.00537381266814;
}
}
@@ -111,8 +111,8 @@
height="99%"
stroke="#e4e2e2"
width="466"
fill="#fffefe"
stroke-opacity="1"
fill="#00000000"
stroke-opacity="0"
/>
@@ -177,7 +177,7 @@
x="219.01"
y="12.5"
data-testid="commits"
>281</text>
>282</text>
</g>
</g><g transform="translate(0, 50)">
<g class="stagger" style="animation-delay: 750ms" transform="translate(25, 0)">

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

+101 -118
View File
@@ -1,8 +1,8 @@
<svg
width="300"
height="165"
viewBox="0 0 300 165"
height="285"
viewBox="0 0 300 285"
fill="none"
xmlns="http://www.w3.org/2000/svg"
role="img"
@@ -13,7 +13,7 @@
<style>
.header {
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
fill: #2f80ed;
fill: #fff;
animation: fadeInAnimation 0.8s ease-in-out forwards;
}
@supports(-moz-appearance: auto) {
@@ -38,7 +38,7 @@
}
}
.stat {
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #434d58;
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #9f9f9f;
}
@supports(-moz-appearance: auto) {
/* Selector detects Firefox */
@@ -47,7 +47,7 @@
.bold { font-weight: 700 }
.lang-name {
font: 400 11px "Segoe UI", Ubuntu, Sans-Serif;
fill: #434d58;
fill: #9f9f9f;
}
.stagger {
opacity: 0;
@@ -93,8 +93,8 @@
height="99%"
stroke="#e4e2e2"
width="299"
fill="#fffefe"
stroke-opacity="1"
fill="#00000000"
stroke-opacity="0"
/>
@@ -119,119 +119,102 @@
>
<svg data-testid="lang-items" x="25">
<mask id="rect-mask">
<rect x="0" y="0" width="250" height="8" fill="white" rx="5"/>
</mask>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="0"
y="0"
width="201.47"
height="8"
fill="#178600"
/>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="201.47"
y="0"
width="20.2"
height="8"
fill="#e34c26"
/>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="221.67"
y="0"
width="17.64"
height="8"
fill="#f1e05a"
/>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="239.31"
y="0"
width="14.73"
height="8"
fill="#663399"
/>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="244.04"
y="0"
width="14.469999999999999"
height="8"
fill="#355570"
/>
<rect
mask="url(#rect-mask)"
data-testid="lang-progress"
x="248.51"
y="0"
width="11.48"
height="8"
fill="#5686a5"
/>
<g transform="translate(0, 25)">
<g transform="translate(0, 0)"><g transform="translate(0, 0)">
<g transform="translate(0, 0)">
<g class="stagger" style="animation-delay: 450ms">
<circle cx="5" cy="6" r="5" fill="#178600" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
C# 80.59%
</text>
</g>
</g><g transform="translate(0, 25)">
<g class="stagger" style="animation-delay: 600ms">
<circle cx="5" cy="6" r="5" fill="#e34c26" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
HTML 8.08%
</text>
</g>
</g><g transform="translate(0, 50)">
<g class="stagger" style="animation-delay: 750ms">
<circle cx="5" cy="6" r="5" fill="#f1e05a" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
JavaScript 7.06%
</text>
</g>
</g></g><g transform="translate(150, 0)"><g transform="translate(0, 0)">
<g class="stagger" style="animation-delay: 450ms">
<circle cx="5" cy="6" r="5" fill="#663399" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
CSS 1.89%
</text>
</g>
</g><g transform="translate(0, 25)">
<g class="stagger" style="animation-delay: 600ms">
<circle cx="5" cy="6" r="5" fill="#355570" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
GDScript 1.79%
</text>
</g>
</g><g transform="translate(0, 50)">
<g class="stagger" style="animation-delay: 750ms">
<circle cx="5" cy="6" r="5" fill="#5686a5" />
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
GLSL 0.59%
</text>
</g>
</g></g>
</g>
<text data-testid="lang-name" x="2" y="15" class="lang-name">C#</text>
<text x="215" y="34" class="lang-name">79.89%</text>
<svg width="205" x="0" y="25">
<rect rx="5" ry="5" x="0" y="0" width="205" height="8" fill="#ddd"></rect>
<svg data-testid="lang-progress" width="79.88684586595315%">
<rect
height="8"
fill="#178600"
rx="5" ry="5" x="0" y="0"
class="lang-progress"
style="animation-delay: 750ms;"
/>
</svg>
</svg>
</g>
</g><g transform="translate(0, 40)">
<g class="stagger" style="animation-delay: 600ms">
<text data-testid="lang-name" x="2" y="15" class="lang-name">HTML</text>
<text x="215" y="34" class="lang-name">8.64%</text>
<svg width="205" x="0" y="25">
<rect rx="5" ry="5" x="0" y="0" width="205" height="8" fill="#ddd"></rect>
<svg data-testid="lang-progress" width="8.635365863066887%">
<rect
height="8"
fill="#e34c26"
rx="5" ry="5" x="0" y="0"
class="lang-progress"
style="animation-delay: 900ms;"
/>
</svg>
</svg>
</g>
</g><g transform="translate(0, 80)">
<g class="stagger" style="animation-delay: 750ms">
<text data-testid="lang-name" x="2" y="15" class="lang-name">JavaScript</text>
<text x="215" y="34" class="lang-name">7.54%</text>
<svg width="205" x="0" y="25">
<rect rx="5" ry="5" x="0" y="0" width="205" height="8" fill="#ddd"></rect>
<svg data-testid="lang-progress" width="7.541786114452951%">
<rect
height="8"
fill="#f1e05a"
rx="5" ry="5" x="0" y="0"
class="lang-progress"
style="animation-delay: 1050ms;"
/>
</svg>
</svg>
</g>
</g><g transform="translate(0, 120)">
<g class="stagger" style="animation-delay: 900ms">
<text data-testid="lang-name" x="2" y="15" class="lang-name">CSS</text>
<text x="215" y="34" class="lang-name">2.02%</text>
<svg width="205" x="0" y="25">
<rect rx="5" ry="5" x="0" y="0" width="205" height="8" fill="#ddd"></rect>
<svg data-testid="lang-progress" width="2.023740857337479%">
<rect
height="8"
fill="#663399"
rx="5" ry="5" x="0" y="0"
class="lang-progress"
style="animation-delay: 1200ms;"
/>
</svg>
</svg>
</g>
</g><g transform="translate(0, 160)">
<g class="stagger" style="animation-delay: 1050ms">
<text data-testid="lang-name" x="2" y="15" class="lang-name">GDScript</text>
<text x="215" y="34" class="lang-name">1.91%</text>
<svg width="205" x="0" y="25">
<rect rx="5" ry="5" x="0" y="0" width="205" height="8" fill="#ddd"></rect>
<svg data-testid="lang-progress" width="2%">
<rect
height="8"
fill="#355570"
rx="5" ry="5" x="0" y="0"
class="lang-progress"
style="animation-delay: 1350ms;"
/>
</svg>
</svg>
</g>
</g>
</svg>
</g>

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB