116 lines
5.7 KiB
XML
116 lines
5.7 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 740 150" width="100%" height="100%">
|
|
<defs>
|
|
<clipPath id="mainLangClip">
|
|
<rect x="34" y="50" width="672" height="14" rx="7" />
|
|
</clipPath>
|
|
</defs>
|
|
<style>
|
|
:root {
|
|
--bg: #11111b;
|
|
--card: #181825;
|
|
--border: #313244;
|
|
--text-main: #cdd6f4;
|
|
--text-sub: #a6adc8;
|
|
--text-muted: #6c7086;
|
|
--accent: #d980fa;
|
|
--metric-bg: #1e1e2e;
|
|
--metric-border: #313244;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--bg: #f8fafc;
|
|
--card: #ffffff;
|
|
--border: #e2e8f0;
|
|
--text-main: #0f172a;
|
|
--text-sub: #334155;
|
|
--text-muted: #64748b;
|
|
--accent: #7e22ce;
|
|
--metric-bg: #f1f5f9;
|
|
--metric-border: #cbd5e1;
|
|
}
|
|
}
|
|
.bg-panel { fill: var(--bg); stroke: var(--border); stroke-width: 1.2px; rx: 12px; }
|
|
.title { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; fill: var(--text-main); }
|
|
.subtitle { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size: 11px; fill: var(--text-sub); }
|
|
.lang-name { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; fill: var(--text-main); }
|
|
.lang-pct { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 700; fill: var(--accent); }
|
|
.lang-size { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size: 10px; fill: var(--text-muted); }
|
|
</style>
|
|
<rect class="bg-panel" x="1" y="1" width="738" height="148" />
|
|
<g transform="translate(24, 18)">
|
|
<text class="title" x="0" y="14">📈 Byte-genaue Sprachverteilung <tspan font-weight="400" fill="var(--accent)">•</tspan> <tspan font-weight="500" font-size="11" fill="var(--text-sub)">Team-Codebase</tspan></text>
|
|
<rect x="445" y="0" width="255" height="22" rx="11" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="1" />
|
|
<circle cx="457" cy="11" r="4" fill="var(--accent)" />
|
|
<text class="subtitle" x="467" y="15" font-weight="600">Gesamt: 1,9 MB analysierter Code</text>
|
|
</g>
|
|
<g clip-path="url(#mainLangClip)">
|
|
<rect x="34.0" y="50" width="377.7" height="14" fill="#a855f7">
|
|
<title>C#: 56,2% (1,1 MB)</title>
|
|
</rect>
|
|
<rect x="411.7" y="50" width="271.5" height="14" fill="#e34c26">
|
|
<title>HTML: 40,4% (797,4 KB)</title>
|
|
</rect>
|
|
<rect x="683.2" y="50" width="15.5" height="14" fill="#563d7c">
|
|
<title>CSS: 2,3% (45,7 KB)</title>
|
|
</rect>
|
|
<rect x="698.6" y="50" width="2.7" height="14" fill="#f1e05a">
|
|
<title>JavaScript: 0,4% (8,6 KB)</title>
|
|
</rect>
|
|
<rect x="701.3" y="50" width="2.7" height="14" fill="#012456">
|
|
<title>PowerShell: 0,4% (7,6 KB)</title>
|
|
</rect>
|
|
<rect x="704.0" y="50" width="2.5" height="14" fill="#89e051">
|
|
<title>Shell: 0,2% (3,4 KB)</title>
|
|
</rect>
|
|
<rect x="706.5" y="50" width="2.5" height="14" fill="#384d54">
|
|
<title>Dockerfile: 0,1% (2,4 KB)</title>
|
|
</rect>
|
|
</g>
|
|
<!-- Language Legend Matrix -->
|
|
<g transform="translate(34, 84)">
|
|
<g transform="translate(0, 0)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#a855f7" />
|
|
<text class="lang-name" x="24" y="15">C#</text>
|
|
<text class="lang-pct" x="110" y="15">56,2%</text>
|
|
<text class="lang-size" x="155" y="15">(1,1 MB)</text>
|
|
</g>
|
|
<g transform="translate(224, 0)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#e34c26" />
|
|
<text class="lang-name" x="24" y="15">HTML</text>
|
|
<text class="lang-pct" x="110" y="15">40,4%</text>
|
|
<text class="lang-size" x="155" y="15">(797,4 KB)</text>
|
|
</g>
|
|
<g transform="translate(448, 0)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#563d7c" />
|
|
<text class="lang-name" x="24" y="15">CSS</text>
|
|
<text class="lang-pct" x="110" y="15">2,3%</text>
|
|
<text class="lang-size" x="155" y="15">(45,7 KB)</text>
|
|
</g>
|
|
<g transform="translate(0, 26)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#f1e05a" />
|
|
<text class="lang-name" x="24" y="15">JavaScript</text>
|
|
<text class="lang-pct" x="110" y="15">0,4%</text>
|
|
<text class="lang-size" x="155" y="15">(8,6 KB)</text>
|
|
</g>
|
|
<g transform="translate(224, 26)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#012456" />
|
|
<text class="lang-name" x="24" y="15">PowerShell</text>
|
|
<text class="lang-pct" x="110" y="15">0,4%</text>
|
|
<text class="lang-size" x="155" y="15">(7,6 KB)</text>
|
|
</g>
|
|
<g transform="translate(448, 26)">
|
|
<rect x="0" y="0" width="212" height="22" rx="6" fill="var(--metric-bg)" stroke="var(--metric-border)" stroke-width="0.8" />
|
|
<circle cx="12" cy="11" r="4.5" fill="#89e051" />
|
|
<text class="lang-name" x="24" y="15">Shell</text>
|
|
<text class="lang-pct" x="110" y="15">0,2%</text>
|
|
<text class="lang-size" x="155" y="15">(3,4 KB)</text>
|
|
</g>
|
|
</g>
|
|
</svg>
|
