Update README cards
This commit is contained in:
github-actions[bot]
+3
-3
@@ -6,10 +6,10 @@
|
|||||||
.gray { fill: #858585 }
|
.gray { fill: #858585 }
|
||||||
</style>
|
</style>
|
||||||
<rect x="0.5" y="0.5" width="575.5" height="99%" rx="4.5" fill="#fffefe" stroke="#e4e2e2"/>
|
<rect x="0.5" y="0.5" width="575.5" height="99%" rx="4.5" fill="#fffefe" stroke="#e4e2e2"/>
|
||||||
<text x="25" y="45" class="text">Something went wrong! file an issue at https://tiny.one/readme-stats</text>
|
<text x="25" y="45" class="text">Something went wrong!</text>
|
||||||
<text data-testid="message" x="25" y="55" class="text small">
|
<text data-testid="message" x="25" y="55" class="text small">
|
||||||
<tspan x="25" dy="18">Resource not accessible by integration</tspan>
|
<tspan x="25" dy="18">Downtime due to GitHub API rate limiting</tspan>
|
||||||
<tspan x="25" dy="18" class="gray">OK</tspan>
|
<tspan x="25" dy="18" class="gray">You can deploy own instance or wait until public will be no longer limited</tspan>
|
||||||
</text>
|
</text>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 744 B After Width: | Height: | Size: 771 B |
+13
-237
@@ -1,239 +1,15 @@
|
|||||||
|
|
||||||
<svg
|
<svg width="576.5" height="120" viewBox="0 0 576.5 120" fill="#fffefe" xmlns="http://www.w3.org/2000/svg">
|
||||||
width="300"
|
<style>
|
||||||
height="165"
|
.text { font: 600 16px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2f80ed }
|
||||||
viewBox="0 0 300 165"
|
.small { font: 600 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58 }
|
||||||
fill="none"
|
.gray { fill: #858585 }
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
</style>
|
||||||
role="img"
|
<rect x="0.5" y="0.5" width="575.5" height="99%" rx="4.5" fill="#fffefe" stroke="#e4e2e2"/>
|
||||||
aria-labelledby="descId"
|
<text x="25" y="45" class="text">Something went wrong!</text>
|
||||||
>
|
<text data-testid="message" x="25" y="55" class="text small">
|
||||||
<title id="titleId"></title>
|
<tspan x="25" dy="18">Downtime due to GitHub API rate limiting</tspan>
|
||||||
<desc id="descId"></desc>
|
<tspan x="25" dy="18" class="gray">You can deploy own instance or wait until public will be no longer limited</tspan>
|
||||||
<style>
|
</text>
|
||||||
.header {
|
|
||||||
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
||||||
fill: #2f80ed;
|
|
||||||
animation: fadeInAnimation 0.8s ease-in-out forwards;
|
|
||||||
}
|
|
||||||
@supports(-moz-appearance: auto) {
|
|
||||||
/* Selector detects Firefox */
|
|
||||||
.header { font-size: 15.5px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideInAnimation {
|
|
||||||
from {
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
width: calc(100%-100px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes growWidthAnimation {
|
|
||||||
from {
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.stat {
|
|
||||||
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #434d58;
|
|
||||||
}
|
|
||||||
@supports(-moz-appearance: auto) {
|
|
||||||
/* Selector detects Firefox */
|
|
||||||
.stat { font-size:12px; }
|
|
||||||
}
|
|
||||||
.bold { font-weight: 700 }
|
|
||||||
.lang-name {
|
|
||||||
font: 400 11px "Segoe UI", Ubuntu, Sans-Serif;
|
|
||||||
fill: #434d58;
|
|
||||||
}
|
|
||||||
.stagger {
|
|
||||||
opacity: 0;
|
|
||||||
animation: fadeInAnimation 0.3s ease-in-out forwards;
|
|
||||||
}
|
|
||||||
#rect-mask rect{
|
|
||||||
animation: slideInAnimation 1s ease-in-out forwards;
|
|
||||||
}
|
|
||||||
.lang-progress{
|
|
||||||
animation: growWidthAnimation 0.6s ease-in-out forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 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
|
|
||||||
data-testid="card-bg"
|
|
||||||
x="0.5"
|
|
||||||
y="0.5"
|
|
||||||
rx="4.5"
|
|
||||||
height="99%"
|
|
||||||
stroke="#e4e2e2"
|
|
||||||
width="299"
|
|
||||||
fill="#fffefe"
|
|
||||||
stroke-opacity="1"
|
|
||||||
/>
|
|
||||||
|
|
||||||
|
|
||||||
<g
|
|
||||||
data-testid="card-title"
|
|
||||||
transform="translate(25, 35)"
|
|
||||||
>
|
|
||||||
<g transform="translate(0, 0)">
|
|
||||||
<text
|
|
||||||
x="0"
|
|
||||||
y="0"
|
|
||||||
class="header"
|
|
||||||
data-testid="header"
|
|
||||||
>Most Used Languages</text>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
|
|
||||||
|
|
||||||
<g
|
|
||||||
data-testid="main-card-body"
|
|
||||||
transform="translate(0, 55)"
|
|
||||||
>
|
|
||||||
|
|
||||||
<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="103.11"
|
|
||||||
height="8"
|
|
||||||
fill="#555555"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<rect
|
|
||||||
mask="url(#rect-mask)"
|
|
||||||
data-testid="lang-progress"
|
|
||||||
x="103.11"
|
|
||||||
y="0"
|
|
||||||
width="57.18"
|
|
||||||
height="8"
|
|
||||||
fill="#3572A5"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<rect
|
|
||||||
mask="url(#rect-mask)"
|
|
||||||
data-testid="lang-progress"
|
|
||||||
x="160.29"
|
|
||||||
y="0"
|
|
||||||
width="51.74"
|
|
||||||
height="8"
|
|
||||||
fill="#f34b7d"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<rect
|
|
||||||
mask="url(#rect-mask)"
|
|
||||||
data-testid="lang-progress"
|
|
||||||
x="212.03"
|
|
||||||
y="0"
|
|
||||||
width="23.59"
|
|
||||||
height="8"
|
|
||||||
fill="#f1e05a"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<rect
|
|
||||||
mask="url(#rect-mask)"
|
|
||||||
data-testid="lang-progress"
|
|
||||||
x="235.62"
|
|
||||||
y="0"
|
|
||||||
width="10.22"
|
|
||||||
height="8"
|
|
||||||
fill="#384d54"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<rect
|
|
||||||
mask="url(#rect-mask)"
|
|
||||||
data-testid="lang-progress"
|
|
||||||
x="245.84"
|
|
||||||
y="0"
|
|
||||||
width="14.15"
|
|
||||||
height="8"
|
|
||||||
fill="#89e051"
|
|
||||||
/>
|
|
||||||
|
|
||||||
|
|
||||||
<g transform="translate(0, 25)">
|
|
||||||
<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="#555555" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
C 41.24%
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
</g><g transform="translate(0, 25)">
|
|
||||||
<g class="stagger" style="animation-delay: 600ms">
|
|
||||||
<circle cx="5" cy="6" r="5" fill="#3572A5" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
Python 22.87%
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
</g><g transform="translate(0, 50)">
|
|
||||||
<g class="stagger" style="animation-delay: 750ms">
|
|
||||||
<circle cx="5" cy="6" r="5" fill="#f34b7d" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
C++ 20.70%
|
|
||||||
</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="#f1e05a" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
JavaScript 9.44%
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
</g><g transform="translate(0, 25)">
|
|
||||||
<g class="stagger" style="animation-delay: 600ms">
|
|
||||||
<circle cx="5" cy="6" r="5" fill="#384d54" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
Dockerfile 4.09%
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
</g><g transform="translate(0, 50)">
|
|
||||||
<g class="stagger" style="animation-delay: 750ms">
|
|
||||||
<circle cx="5" cy="6" r="5" fill="#89e051" />
|
|
||||||
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
||||||
Shell 1.66%
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
</g></g>
|
|
||||||
</g>
|
|
||||||
|
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 771 B |
Reference in New Issue
Block a user