43 lines
No EOL
15 KiB
XML
43 lines
No EOL
15 KiB
XML
<svg width="825" height="300" viewBox="0 0 825 300" 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 16px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: #ffffff;
|
|
}
|
|
.xp-txt {
|
|
font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: black;
|
|
}
|
|
.xp-txt-invert {
|
|
font: 600 12px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: white;
|
|
}
|
|
.subtitle {
|
|
font: 400 14px '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="824" fill="#000000a0" stroke-opacity="0"></rect><g transform="translate(25, 35)"><g transform="translate(0, 0)"><text x="0" y="0" class="header">Last 14 days XP history</text></g></g><g transform="translate(0, 55)"><svg x="25"><g transform="translate(0, 0)"><g transform="translate(0, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-05-30"><rect x="0" y="189.07475424003457" width="16" height="15.925245759965431" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-05-30)" width="16" fill="#3e4053" y="189.07475424003457" x="0" height="15.925245759965431px"></rect><text transform="rotate(90, 4, 111.07475424003457)" letter-spacing="5" y="111.07475424003457" x="4" rotate="-90" class="xp-txt">819 XP</text></svg><text x="2" y="198" class="subtitle">May</text><text x="6" y="214" class="subtitle">30</text></g><g transform="translate(40, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-05-31"><rect x="0" y="188.1219617586691" width="16" height="16.878038241330884" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-05-31)" width="16" fill="#3e4053" y="188.1219617586691" x="0" height="16.878038241330884px"></rect><text transform="rotate(90, 4, 110.1219617586691)" letter-spacing="5" y="110.1219617586691" x="4" rotate="-90" class="xp-txt">868 XP</text></svg><text x="2" y="198" class="subtitle">May</text><text x="6" y="214" class="subtitle">31</text></g><g transform="translate(80, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-01"><rect x="0" y="118.2764394512261" width="16" height="86.7235605487739" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-01)" width="16" fill="#178600" y="119.32645565517987" x="0" height="85.67354434482013px"></rect><rect mask="url(#mask-2023-06-01)" width="16" fill="#b276b2" y="118.2764394512261" x="0" height="1.0500162039537648px"></rect><text transform="rotate(90, 4, 134.2764394512261)" letter-spacing="5" y="134.2764394512261" x="4" rotate="-90" class="xp-txt xp-txt-invert">4460 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">01</text></g><g transform="translate(120, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-02"><rect x="0" y="200.2554823376904" width="16" height="4.744517662309604" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-02)" width="16" fill="#3e4053" y="203.94998379604624" x="0" height="1.0500162039537648px"></rect><rect mask="url(#mask-2023-06-02)" width="16" fill="#2c3e50" y="200.29437182672572" x="0" height="3.655611969320514px"></rect><rect mask="url(#mask-2023-06-02)" width="16" fill="#b276b2" y="200.2554823376904" x="0" height="0.03888948903532462px"></rect><text transform="rotate(90, 4, 122.25548233769041)" letter-spacing="5" y="122.25548233769041" x="4" rotate="-90" class="xp-txt">244 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">02</text></g><g transform="translate(160, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-03"><rect x="0" y="25" width="16" height="180" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-03)" width="16" fill="#178600" y="66.2228583774441" x="0" height="138.77714162255592px"></rect><rect mask="url(#mask-2023-06-03)" width="16" fill="#3e4053" y="65.56173706384358" x="0" height="0.6611213136005185px"></rect><rect mask="url(#mask-2023-06-03)" width="16" fill="#2c3e50" y="28.266717078967268" x="0" height="37.29501998487631px"></rect><rect mask="url(#mask-2023-06-03)" width="16" fill="#b276b2" y="25" x="0" height="3.266717078967268px"></rect><text transform="rotate(90, 4, 41)" letter-spacing="5" y="41" x="4" rotate="-90" class="xp-txt xp-txt-invert">9257 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">03</text></g><g transform="translate(200, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-04"><rect x="0" y="186.9941665766447" width="16" height="18.0058334233553" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-04)" width="16" fill="#178600" y="189.56087285297613" x="0" height="15.439127147023873px"></rect><rect mask="url(#mask-2023-06-04)" width="16" fill="#b276b2" y="186.9941665766447" x="0" height="2.566706276331425px"></rect><text transform="rotate(90, 4, 108.99416657664469)" letter-spacing="5" y="108.99416657664469" x="4" rotate="-90" class="xp-txt">926 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">04</text></g><g transform="translate(240, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-05"><rect x="0" y="155.24089877930214" width="16" height="49.75910122069785" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-05)" width="16" fill="#3e4053" y="180.0912822728746" x="0" height="24.908717727125417px"></rect><rect mask="url(#mask-2023-06-05)" width="16" fill="#427819" y="160.78265096683592" x="0" height="19.308631306038674px"></rect><rect mask="url(#mask-2023-06-05)" width="16" fill="#b276b2" y="155.24089877930214" x="0" height="5.541752187533758px"></rect><text transform="rotate(90, 4, 64.24089877930214)" letter-spacing="5" y="64.24089877930214" x="4" rotate="-90" class="xp-txt">2559 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">05</text></g><g transform="translate(280, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-06"><rect x="0" y="141.96013827373878" width="16" height="63.03986172626121" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-06)" width="16" fill="#178600" y="166.47996111051097" x="0" height="38.52003888948904px"></rect><rect mask="url(#mask-2023-06-06)" width="16" fill="#3e4053" y="145.401858053365" x="0" height="21.078103057145945px"></rect><rect mask="url(#mask-2023-06-06)" width="16" fill="#b276b2" y="141.96013827373878" x="0" height="3.441719779626229px"></rect><text transform="rotate(90, 4, 50.96013827373878)" letter-spacing="5" y="50.96013827373878" x="4" rotate="-90" class="xp-txt">3242 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">06</text></g><g transform="translate(320, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-07"><rect x="0" y="160.1215296532354" width="16" height="44.87847034676461" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-07)" width="16" fill="#3e4053" y="184.68024197904288" x="0" height="20.319758020957114px"></rect><rect mask="url(#mask-2023-06-07)" width="16" fill="#3572A5" y="160.76320622231825" x="0" height="23.91703575672464px"></rect><rect mask="url(#mask-2023-06-07)" width="16" fill="#b276b2" y="160.1215296532354" x="0" height="0.6416765690828562px"></rect><text transform="rotate(90, 4, 69.1215296532354)" letter-spacing="5" y="69.1215296532354" x="4" rotate="-90" class="xp-txt">2308 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">07</text></g><g transform="translate(360, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-09"><rect x="0" y="205" width="16" height="0" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><text transform="rotate(90, 4, 153)" letter-spacing="5" y="153" x="4" rotate="-90" class="xp-txt">0 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">09</text></g><g transform="translate(400, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-10"><rect x="0" y="195.06373555147456" width="16" height="9.93626444852544" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-10)" width="16" fill="#178600" y="204.64999459868207" x="0" height="0.35000540131792157px"></rect><rect mask="url(#mask-2023-06-10)" width="16" fill="#3e4053" y="199.71102949119586" x="0" height="4.938965107486227px"></rect><rect mask="url(#mask-2023-06-10)" width="16" fill="#083fa1" y="198.27211839688883" x="0" height="1.438911094307011px"></rect><rect mask="url(#mask-2023-06-10)" width="16" fill="#b276b2" y="195.06373555147456" x="0" height="3.208382845414281px"></rect><text transform="rotate(90, 4, 117.06373555147456)" letter-spacing="5" y="117.06373555147456" x="4" rotate="-90" class="xp-txt">511 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">10</text></g><g transform="translate(440, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-11"><rect x="0" y="136.4378308307227" width="16" height="68.5621691692773" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-11)" width="16" fill="#178600" y="153.23809009398292" x="0" height="51.76190990601707px"></rect><rect mask="url(#mask-2023-06-11)" width="16" fill="#3e4053" y="151.27417089769904" x="0" height="1.9639191962838933px"></rect><rect mask="url(#mask-2023-06-11)" width="16" fill="#cb171e" y="146.16020308955385" x="0" height="5.113967808145188px"></rect><rect mask="url(#mask-2023-06-11)" width="16" fill="#b276b2" y="136.4378308307227" x="0" height="9.722372258831156px"></rect><text transform="rotate(90, 4, 45.4378308307227)" letter-spacing="5" y="45.4378308307227" x="4" rotate="-90" class="xp-txt">3526 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">11</text></g><g transform="translate(480, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-12"><rect x="0" y="61.90612509452306" width="16" height="143.09387490547692" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-12)" width="16" fill="#3e4053" y="176.6301177487307" x="0" height="28.36988225126931px"></rect><rect mask="url(#mask-2023-06-12)" width="16" fill="#cb171e" y="137.19617586691152" x="0" height="39.433941881819166px"></rect><rect mask="url(#mask-2023-06-12)" width="16" fill="#2b7489" y="108.18461704655937" x="0" height="29.011558820352167px"></rect><rect mask="url(#mask-2023-06-12)" width="16" fill="#083fa1" y="91.79269741817004" x="0" height="16.391919628389328px"></rect><rect mask="url(#mask-2023-06-12)" width="16" fill="#b276b2" y="61.90612509452306" x="0" height="29.88657232364697px"></rect><text transform="rotate(90, 4, 77.90612509452306)" letter-spacing="5" y="77.90612509452306" x="4" rotate="-90" class="xp-txt xp-txt-invert">7359 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">12</text></g><g transform="translate(520, 0)"><svg x="7" y="-20" height="240"><mask id="mask-2023-06-13"><rect x="0" y="140.59900615750243" width="16" height="64.40099384249757" fill="white" rx="5"></rect></mask><rect rx="5" ry="5" x="0" y="25" width="16" height="180" fill="#ddd"></rect><rect mask="url(#mask-2023-06-13)" width="16" fill="#3e4053" y="194.81095387274496" x="0" height="10.18904612725505px"></rect><rect mask="url(#mask-2023-06-13)" width="16" fill="#cb171e" y="189.01642000648158" x="0" height="5.794533866263368px"></rect><rect mask="url(#mask-2023-06-13)" width="16" fill="#2b7489" y="168.09387490547692" x="0" height="20.922545101004644px"></rect><rect mask="url(#mask-2023-06-13)" width="16" fill="#083fa1" y="167.72442475964135" x="0" height="0.3694501458355839px"></rect><rect mask="url(#mask-2023-06-13)" width="16" fill="#b276b2" y="140.59900615750243" x="0" height="27.12541860213892px"></rect><text transform="rotate(90, 4, 49.59900615750243)" letter-spacing="5" y="49.59900615750243" x="4" rotate="-90" class="xp-txt">3312 XP</text></svg><text x="2" y="198" class="subtitle">Jun</text><text x="6" y="214" class="subtitle">13</text></g></g><g transform="translate(600, 0)"><g transform="translate(0, 0)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#178600"></rect><text x="18" y="18" class="lang-name">C#</text></g><g transform="translate(0, 20)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#3e4053"></rect><text x="18" y="18" class="lang-name">Terminal (Zsh)</text></g><g transform="translate(0, 40)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#cb171e"></rect><text x="18" y="18" class="lang-name">YAML</text></g><g transform="translate(0, 60)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#2b7489"></rect><text x="18" y="18" class="lang-name">TypeScript</text></g><g transform="translate(0, 80)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#2c3e50"></rect><text x="18" y="18" class="lang-name">Vue</text></g><g transform="translate(0, 100)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#3572A5"></rect><text x="18" y="18" class="lang-name">Python</text></g><g transform="translate(0, 120)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#427819"></rect><text x="18" y="18" class="lang-name">Makefile</text></g><g transform="translate(0, 140)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#083fa1"></rect><text x="18" y="18" class="lang-name">Markdown</text></g><g transform="translate(0, 160)"><rect rx="5" x="2" y="7" height="12" width="12" fill="#3e4053"></rect><text x="18" y="18" class="lang-name">Other</text></g></g></svg></g></svg> |