mirror of
https://github.com/ivuorinen/github-stats.git
synced 2026-01-26 11:34:10 +00:00
348 lines
11 KiB
XML
348 lines
11 KiB
XML
<svg id="gh-dark-mode-only" width="360" height="210" xmlns="http://www.w3.org/2000/svg">
|
|
<style>
|
|
svg {
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
}
|
|
|
|
#background {
|
|
width: calc(100% - 10px);
|
|
height: calc(100% - 10px);
|
|
fill: white;
|
|
stroke: rgb(225, 228, 232);
|
|
stroke-width: 1px;
|
|
rx: 6px;
|
|
ry: 6px;
|
|
}
|
|
|
|
#gh-dark-mode-only:target #background {
|
|
fill: #0d1117;
|
|
stroke-width: 0.5px;
|
|
}
|
|
|
|
foreignObject {
|
|
width: calc(100% - 10px - 32px);
|
|
height: calc(100% - 10px - 24px);
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 0;
|
|
margin-bottom: 0.75em;
|
|
line-height: 24px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: rgb(36, 41, 46);
|
|
fill: rgb(36, 41, 46);
|
|
}
|
|
|
|
#gh-dark-mode-only:target h2 {
|
|
color: #c9d1d9;
|
|
fill: #c9d1d9;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
li {
|
|
display: inline-flex;
|
|
font-size: 12px;
|
|
margin-right: 2ch;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
transform: translateX(-500%);
|
|
animation: slideIn 2s ease-in-out forwards;
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
div.ellipsis {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.octicon {
|
|
fill: rgb(88, 96, 105);
|
|
margin-right: 0.5ch;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#gh-dark-mode-only:target .octicon {
|
|
color: #8b949e;
|
|
fill: #8b949e;
|
|
}
|
|
|
|
.progress {
|
|
display: flex;
|
|
height: 8px;
|
|
overflow: hidden;
|
|
background-color: rgb(225, 228, 232);
|
|
border-radius: 6px;
|
|
outline: 1px solid transparent;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#gh-dark-mode-only:target .progress {
|
|
background-color: rgba(110, 118, 129, 0.4);
|
|
}
|
|
|
|
.progress-item {
|
|
outline: 2px solid rgb(225, 228, 232);
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#gh-dark-mode-only:target .progress-item {
|
|
outline: 2px solid #393f47;
|
|
}
|
|
|
|
.lang {
|
|
font-weight: 600;
|
|
margin-right: 4px;
|
|
color: rgb(36, 41, 46);
|
|
}
|
|
|
|
#gh-dark-mode-only:target .lang {
|
|
color: #c9d1d9;
|
|
}
|
|
|
|
.percent {
|
|
color: rgb(88, 96, 105)
|
|
}
|
|
|
|
#gh-dark-mode-only:target .percent {
|
|
color: #8b949e;
|
|
}
|
|
</style>
|
|
<g>
|
|
<rect x="5" y="5" id="background" />
|
|
<g>
|
|
<foreignObject x="21" y="17" width="318" height="176">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" class="ellipsis">
|
|
|
|
<h2>Languages Used (By File Size)</h2>
|
|
|
|
<div>
|
|
<span class="progress">
|
|
<span style="background-color: #f1e05a;width: 43.166%;" class="progress-item"></span><span style="background-color: #4F5D95;width: 32.548%;" class="progress-item"></span><span style="background-color: #e34c26;width: 19.086%;" class="progress-item"></span><span style="background-color: #563d7c;width: 3.560%;" class="progress-item"></span><span style="background-color: #f7523f;width: 0.856%;" class="progress-item"></span><span style="background-color: #41b883;width: 0.172%;" class="progress-item"></span><span style="background-color: #c6538c;width: 0.157%;" class="progress-item"></span><span style="background-color: #89e051;width: 0.113%;" class="progress-item"></span><span style="background-color: #701516;width: 0.092%;" class="progress-item"></span><span style="background-color: #3572A5;width: 0.069%;" class="progress-item"></span><span style="background-color: #6a40fd;width: 0.055%;" class="progress-item"></span><span style="background-color: #0298c3;width: 0.033%;" class="progress-item"></span><span style="background-color: #ed2cd6;width: 0.027%;" class="progress-item"></span><span style="background-color: #878787;width: 0.015%;" class="progress-item"></span><span style="background-color: #000080;width: 0.015%;" class="progress-item"></span><span style="background-color: #999999;width: 0.012%;" class="progress-item"></span><span style="background-color: #178600;width: 0.007%;" class="progress-item"></span><span style="background-color: #384d54;width: 0.006%;" class="progress-item"></span><span style="background-color: #1d365d;width: 0.005%;" class="progress-item"></span><span style="background-color: #e38c00;width: 0.004%;" class="progress-item"></span><span style="background-color: #d12127;width: 0.003%;" class="progress-item"></span><span style="background-color: #427819;width: 0.001%;" class="progress-item"></span>
|
|
</span>
|
|
</div>
|
|
|
|
<ul>
|
|
|
|
|
|
<li style="animation-delay: 0ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#f1e05a;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">JavaScript</span>
|
|
<span class="percent">43.17%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 150ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#4F5D95;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">PHP</span>
|
|
<span class="percent">32.55%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 300ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#e34c26;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">HTML</span>
|
|
<span class="percent">19.09%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 450ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#563d7c;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">CSS</span>
|
|
<span class="percent">3.56%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 600ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#f7523f;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Blade</span>
|
|
<span class="percent">0.86%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 750ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#41b883;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Vue</span>
|
|
<span class="percent">0.17%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 900ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#c6538c;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">SCSS</span>
|
|
<span class="percent">0.16%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1050ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#89e051;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Shell</span>
|
|
<span class="percent">0.11%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1200ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#701516;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Ruby</span>
|
|
<span class="percent">0.09%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1350ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#3572A5;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Python</span>
|
|
<span class="percent">0.07%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1500ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#6a40fd;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">ASP</span>
|
|
<span class="percent">0.05%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1650ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#0298c3;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Perl</span>
|
|
<span class="percent">0.03%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1800ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#ed2cd6;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">ColdFusion</span>
|
|
<span class="percent">0.03%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 1950ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#878787;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Hack</span>
|
|
<span class="percent">0.02%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2100ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#000080;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Lua</span>
|
|
<span class="percent">0.01%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2250ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#999999;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Lasso</span>
|
|
<span class="percent">0.01%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2400ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#178600;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">C#</span>
|
|
<span class="percent">0.01%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2550ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#384d54;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Dockerfile</span>
|
|
<span class="percent">0.01%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2700ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#1d365d;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Less</span>
|
|
<span class="percent">0.00%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 2850ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#e38c00;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">TSQL</span>
|
|
<span class="percent">0.00%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 3000ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#d12127;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">ApacheConf</span>
|
|
<span class="percent">0.00%</span>
|
|
</li>
|
|
|
|
|
|
<li style="animation-delay: 3150ms;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="octicon" style="fill:#427819;"
|
|
viewBox="0 0 16 16" version="1.1" width="16" height="16"><path
|
|
fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"></path></svg>
|
|
<span class="lang">Makefile</span>
|
|
<span class="percent">0.00%</span>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</svg>
|