.profile/github-metrics.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="240" class="">
    <defs>
        <style/>
    </defs>
    <style>@keyframes animation-gauge{0%{stroke-dasharray:0 329}}@keyframes animation-rainbow{0%,to{color:#7f00ff;fill:#7f00ff}14%{color:#a933ff;fill:#a933ff}29%{color:#007fff;fill:#007fff}43%{color:#00ff7f;fill:#00ff7f}57%{color:#ff0;fill:#ff0}71%{color:#ff7f00;fill:#ff7f00}86%{color:red;fill:red}}svg{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;color:#777}h1,h2,h3{margin:8px 0 2px;padding:0;color:#0366d6}h1{font-size:20px;font-weight:700}h2,h3{font-weight:400}h1 svg,h2 svg,h3 svg{fill:currentColor}h2{font-size:16px}h3{font-size:14px}section&gt;.field{margin-left:5px;margin-right:5px}.field{display:flex;align-items:center;margin-bottom:2px;white-space:nowrap}.field svg{margin:0 8px;fill:#959da5;flex-shrink:0}.row{display:flex;flex-wrap:wrap}.row section{flex:1 1 0}.column{display:flex;flex-direction:column;align-items:center}#metrics-end,.fill-width{width:100%}.avatar{border-radius:50%;margin:0 6px}.calendar.field{margin:4px 0 4px 7px}.calendar .day{outline:1px solid rgba(27,31,35,.04);outline-offset:-1px}svg.bar{margin:4px 0}.field.language{margin:0 8px;flex-grow:0}.field.language.details,.field.language.details small{display:flex;justify-content:space-between}.field.language.details small{color:#666;text-align:right}.field.language.details small&gt;*,.field.language.details&gt;*{flex:1 1 0}.field.language.details small&gt;:not(:last-child){margin-right:6px}svg.calendar{margin-left:13px;margin-top:4px}code,span.code{background-color:#7777771f;padding:1px 5px;font-size:80%;border-radius:6px;color:#777;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}code{display:inline-block}span.code{margin:0 4px -3px}:root{--color-calendar-graph-day-bg:#ebedf0;--color-calendar-graph-day-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-bg:#9be9a8;--color-calendar-graph-day-L2-bg:#40c463;--color-calendar-graph-day-L3-bg:#30a14e;--color-calendar-graph-day-L4-bg:#216e39;--color-calendar-halloween-graph-day-L1-bg:#ffee4a;--color-calendar-halloween-graph-day-L2-bg:#ffc501;--color-calendar-halloween-graph-day-L3-bg:#fe9600;--color-calendar-halloween-graph-day-L4-bg:#03001c;--color-calendar-winter-graph-day-L1-bg:#0a3069;--color-calendar-winter-graph-day-L2-bg:#0969da;--color-calendar-winter-graph-day-L3-bg:#54aeff;--color-calendar-winter-graph-day-L4-bg:#b6e3ff;--color-calendar-graph-day-L4-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L3-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L2-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-border:rgba(27,31,35,0.06)}</style>
    <style/>
    <foreignObject x="0" y="0" width="100%" height="100%">
        <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" class="items-wrapper">
            <section>
                <h1 class="field">
                    <img class="avatar" src="data:image/jpg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAHMAcwDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAECAwj/xAAsEAEAAgMBAAIABQIGAwAAAAAAAhEBIUExUWEDQnFygRKhE2KRsbLRgsHw/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APP+ZXhMZ0zwsGr0ZvGtMpLWAb8xhn3LX434f+F+J/T/AIn4f4msZv8ADzeN4umLwDd72zKV5SXpjOwWy0OAttRc/FsFzmvCOa0lgLL0tM52gNYzWEu0uwFW2VBcaLZlnJYNWl1kQGpStLTpYF2XpiKyyBjO2sZYMaBqXrV2xePGt2CiXlmwbI5pi2gXOdF6RkGyKcZiDcspZYC2IWBLNGMs21wFlmhi9tWC2ksls9Bra2kS/wBAXZ4llgWtoWCyyMX8tAsvAPMAmMGfg6AXu5f7l7ZjV+GsASzZwl5pAbxkvdMpfyDf8nflmO/Wpb/QDzHrN5zg87ZHz7Br8vpnTIDVs2i/tAsjfqXivtMZ2DV56l0h/cHT+q2C8fBrOe0C3qhLxev7l4oCgx/qkgMZvJfweZPQWOd/CyyzHNfa3vwFQM5vwFkWzbUQJZLSSdBVv4ZxlQW8ZMbQ8BdCSQDxcZACWD+pNH2C2WnAFPMWllg1HNF4yytaAVI0aBb6hLWUB0iqXpkGmelmc1QJn4XVJrOftaBPE2vpdgXjxBYgt1o5pn1Y4+cgtcJY54l1sv0Dp1NrwDOkxkOAHBm9A1suglWQXOdIWcAJEVAxpM/TJYNWzGxr9oFfCX+qgFstM9Bo/k/ayDXGQAaZasAtmWSwLI/qANWzYANcZ4A1ehkvINM/wAHGi2AbvbI1wBksB04J+0vQLX2ll3nSdA6S8OG7A3jxI+rIsBYsY+GtZyAGsZZzvYNSzkl5eckfNsy8A361jTJYEi8VRHeSwC09AXh04A1LAzYBZ6naUAEkC2dLSwWRjKAKJYChJAVAAVF/cAiyTQAACotgWWnQFEAWXm0sAAAW8iAAAOt4wkvNmsJLP0B+0OJL0FLrIzQF2Z1mg9yB0keGfkGmUOgp0siCfmyqLYEUWSApePhK2vAS1TGCIElEjrAHVT5AWSBwFQ5YAviAC2gAIoAABdieAoABL0ALAAAAPEAVBeAioAoRAC0AdDgAznbUmQGrL0yAcCSAqStUkAAARAFtAAPD0rVgSVAFQAIgASAAAAAAEUBCwFEsAOgAGqzoAW0AFStFAqAAAARAAlYRAAAaljOMYzXv2yRBUVAdGY51wAPPUvapIFEAW9VSAC4+0uwiACAKABwOABwARdICoACoAAUCiACoAAAqDPQaEl6oDP8AYAaNAASAALrwsAZxlrQAMgW0zFoAOAAAB5gsAkBoHT7Zlm+ACfapfwvgIACfSiWC2IvoBnaAEgAEl6oALrGPUBYpIABZY+NoAAAHGQaGbL2DQy0ADNg0dZvYDSS9ZUCQAAAAIChwAAAj+oAEQAaZAGmSJjQBHFNegMtWyUDZVhegA8LAAARSwQAADOgAMbAJAAJL1Aa4RADOgAGRoGQAAlikBWsZYs9BZAAAAUJFQQ6qegpwLAKKAAQBUAUoJegAACKAEvCIB0JAAA2AAHQBNrYAgAAAdAABmwal4AASGZeAXR+b0AAADoABo4AXZIBBdJQAL/AAWgKIAKRSwXiLxADYvABFARUAFAAIgkhaQFs9RQAAALBsIkvAJIqABEAABlplqqADoASCQEhn1qIFnrLXgMgdAkl7U+wA9SQHVRQE6qAXteHqAtn7kiSAWkAWXiKUCCgHEADGgUEAADoBSoARUQCwAAAUIoCyQUGxJAAAAAAWSAAABmQNAWBHw4cZ2DTJwAM/NhV4AABFM6LBJAWAqLEBFQAWSAS8AAWQkgAIgAAAAAASAAAAABUAAAAAAOgOiKgFCoAHQAl4HoMxaOgDLQDJIM7BrjJygADoAABIoBPQOAAACoBHNAAESqwAUFgBLAAAAB0AAAAAA4AAAAAHCIAABmv5AAOgOgACABwAAl4AEWZNAMtcACTMWjQDIdAGmQCgAAkCeAWCoLHFAgAKgABIiAcAAAAJAJFQAAAJegAAAfAAHABFAAAAADqozL0HWQAC/m/yp+4AAAKAAOABEAJMtFAy0EgZ9AAaZANhIBClToC2gBIAAAAIqCBRQLxD0kABQAAAAAAAAAAAAAAAAASSwU18CWDoAAAAHAAAAiAAAAHAODMgGmWgGQkADTIJLxQAkiyASKpJQRUUEF4SBAUEWXoAioAAoCKgBn5FBBZIAAAAAHVlmwQAAAACwbFiAgKCCgEfbRUAABmTQASAAJAAy0AMtMgBjbQMhwAAARQAAEUAAOghtaAS7ClBBaAEUiCKdAEzs9KACjwAIqCB0AAAAAABsABUUECloBFQAWSAAbAAAAAIgAy0AydaJAyABdBYABIAPAALAEpQAAADwD+QakDPaPMgCCgAY2UABLz0BDgAAAKkvAAAAAdAQFQvS8BJLEAQVLAAADgAAAdAAAAAAABnrQDIUUASCgONRIsgSAAaiyS8AzdgRAAABoGdltM4wAAAAAdABFARQAABBQDgAN2igFAAAgKgRBU6oCcAAAAAAABnxoZuga2DMQaAAAAAAZ4H0AESQAAA0S1kCmaaiAyNesyAAAOgAHoAEgAAAAAAAAADANKdABDGAUJJQCgAkvFkgBQAAAHVSWaAGWgGWjQMg0DLTMmgAAOgdA8ZakzQA0AyNcAEl6tgESxkBplrgFM/TQDLUimQOgAeAAAAAADX/wB4zLIAAAR9aBcYvIsdZwmdaAAADhwAEBUpQEoUzjYIHSQDMsNEvAPAACjoDNNAAWdKA4AAAABsACwAl4Y2AHQAAD0AAJYIgC0gEQAKZGgZpoAGaaAJMjQMyD1oAGQdEOEQBQEukWQAAAHQA4EfAQWsAI1+J+HmOaznGdXrLKggKCBI6BEAAAAFBAAJeBwAAABaznIILJAAAAJAdVAFvVIAAAAAAAFgyBFoABloBloBQAAALMbFiCRxQoCC5+kADGAAABFAAPOAgvQEoUkCSBaBD1aPAShQBAABQDGayHQJIqRAKOqAioCyxhKUBBQECRjAAAAAAAAAAAAGwUNqBSABIUl6BwOnyAEQE8FAMY2igJHH2tBQCSv5UBBUqgAAO6ABBQEWJ0AK+z9pQAFWAAAAABXwAUAAH2AkVKAAAoPooDgAAUAJFQE6oAAAoABIAQsKBQ4eAI3QDPCVtAM0HSXoAVeGtYwDOMjX+oDNFVpozsGFojvBQIL6UCbN/K1orNAlLEzsBBUAlkiKAjdM0CR9UoAAAPegB+4kF4BFRQIgAlFKAlLQAYxtKUBLFAShSgQVKButs5+mgGSRTVWDLVFbOgBLABs6pWMgkl+SWN5X/QGTSxxrZX8glMtdpa+gKtI4+1AIlWH/ACBOpH1rGACvgr6WKAxVtWsvEr+QZGqOgy0EQZN9aK0AGwGRqVnQZxj5aOnoEmYtVr/cBka/ca/8gZaoKApmst1k2CR98F+wGGqpa7hAZGqxS5qvKBGY+eNf8TvQZ6fy1RX0DP5v8rWit/RQAtLQOdNUUtAV8kl9oBK6R9Ws0lbBf4PWpeM0BH30orFNAzLBH1pnwEljeFr7MXk6ANS9oAjTPW0BnGCWPtr3OwGY47krTXiR9BmtbyRXeDgJWyWMrXwV0GV4tHmMgzV9XGtr/JnYMrS14dBPSqWqAQpfzeNVsGK+xaa90DHq01LGqKqgYratb+TmwMYYlipbtvHwVjPoMpV5dP0pK2DFFfbp1KBnwr5y2lfAMV9i7aBil/kxtqWAc5eL/K521HGvAZ/aNsy9BK2Yw2RBOr5kAErzP9mgEr48FkgFCgJRjDccY0v9OLBzlv8AVKppqIMbKzTXUj6BSVtSPoJWc7wtNR/9EvMAxLH0VjKtAxnHwSx9N/8ASS9Bil/LhriAlH9NY3hY+tcBivpP4aaxHGgY6vF/6Je5BmqItsy9ArCVhrHiSBml4vwSAj+ieNrWAYqtH7musyBK2smpMS8wBEdI+pIGDGFjhqQMVtaa6mfMgznGym+Mx8BKzRuuNnAYP4WWAH//2Q==" width="20" height="20" />
                    <span>Parker</span>
                </h1>
                <div class="row">
                    <section>
                        <div class="field ">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/>
                            </svg>
                            Joined GitHub 4 years ago
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/>
                            </svg>
                            Followed by 7 users
                        </div>
                        <div class="field hire">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M6.75 0A1.75 1.75 0 005 1.75V3H1.75A1.75 1.75 0 000 4.75v8.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3H11V1.75A1.75 1.75 0 009.25 0h-2.5zM9.5 3V1.75a.25.25 0 00-.25-.25h-2.5a.25.25 0 00-.25.25V3h3zM5 4.5H1.75a.25.25 0 00-.25.25V6a2 2 0 002 2h9a2 2 0 002-2V4.75a.25.25 0 00-.25-.25H5zm-1.5 5a3.484 3.484 0 01-2-.627v4.377c0 .138.112.25.25.25h12.5a.25.25 0 00.25-.25V8.873a3.484 3.484 0 01-2 .627h-9z"/>
                            </svg>
                            Available for hire!
                        </div>
                    </section>
                    <section>
                        <div class="field calendar">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 11" width="210" height="16">
                                <g>
                                    <rect class="day" x="0" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="15" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="30" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="45" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="60" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="75" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="90" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="105" y="0" width="11" height="11" fill="#216e39" rx="2" ry="2"/>
                                    <rect class="day" x="120" y="0" width="11" height="11" fill="#40c463" rx="2" ry="2"/>
                                    <rect class="day" x="135" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="150" y="0" width="11" height="11" fill="#216e39" rx="2" ry="2"/>
                                    <rect class="day" x="165" y="0" width="11" height="11" fill="#40c463" rx="2" ry="2"/>
                                    <rect class="day" x="180" y="0" width="11" height="11" fill="#ebedf0" rx="2" ry="2"/>
                                    <rect class="day" x="195" y="0" width="11" height="11" fill="#9be9a8" rx="2" ry="2"/>
                                </g>
                            </svg>
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M1 2.5A2.5 2.5 0 013.5 0h8.75a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0V1.5h-8a1 1 0 00-1 1v6.708A2.492 2.492 0 013.5 9h3.25a.75.75 0 010 1.5H3.5a1 1 0 100 2h5.75a.75.75 0 010 1.5H3.5A2.5 2.5 0 011 11.5v-9zm13.23 7.79a.75.75 0 001.06-1.06l-2.505-2.505a.75.75 0 00-1.06 0L9.22 9.229a.75.75 0 001.06 1.061l1.225-1.224v6.184a.75.75 0 001.5 0V9.066l1.224 1.224z"/>
                            </svg>
                            Contributed to 11 repositories
                        </div>
                    </section>
                </div>
            </section>
            <section>
                <h2 class="field">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                        <path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/>
                    </svg>
                    9 Languages
                </h2>
            </section>
            <section class="column">
                <h3 class="field">Most used languages</h3>
                <small>estimation from 10.2mb of code in 1377 edited files across 550 commits</small>
                <svg class="bar" xmlns="http://www.w3.org/2000/svg" width="460" height="8">
                    <mask id="languages-bar">
                        <rect x="0" y="0" width="460" height="8" fill="white" rx="5"/>
                    </mask>
                    <rect mask="url(#languages-bar)" x="0" y="0" width="0" height="8" fill="#d1d5da"/>
                    <rect mask="url(#languages-bar)" x="0" y="0" width="279.9783179775476" height="8" fill="#b07219"/>
                    <rect mask="url(#languages-bar)" x="279.9783179775476" y="0" width="158.56826470945467" height="8" fill="#3572A5"/>
                    <rect mask="url(#languages-bar)" x="438.5465826870022" y="0" width="12.177592698627523" height="8" fill="#e34c26"/>
                    <rect mask="url(#languages-bar)" x="450.72417538562974" y="0" width="9.27582461437024" height="8" fill="#ededed"/>
                </svg>
                <div class="row fill-width">
                    <section>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#b07219" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Java
                            </div>
                            <small>
                                <div>27.3k lines</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#e34c26" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                HTML
                            </div>
                            <small>
                                <div>877 lines</div>
                            </small>
                        </div>
                    </section>
                    <section>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#3572A5" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Python
                            </div>
                            <small>
                                <div>14.5k lines</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                TSX
                            </div>
                            <small>
                                <div>1.37k lines</div>
                            </small>
                        </div>
                    </section>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>