asset/github-dark-dimmed.svg


    <svg
        width="1200"
        height="420"
        viewBox="0 0 1200 420"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
            <rect xmlns="http://www.w3.org/2000/svg" data-testid="card_bg" id="cardBg"
            x="0" y="0" rx="6" height="100%" stroke="#E4E2E2" fill-opacity="1"
            width="100%" fill="#24292F" stroke-opacity="1" style="stroke:#444c56; stroke-width:1;"/>

            <style>
                body {
                    font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
                }
                .header {
                    font: 600 20px 'Segoe UI', Ubuntu, Sans-Serif;
                    text-align: center;
                    color: #539bf5;
                    margin-top: 20px;
                }
                svg {
                    font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
                    user-select: none;
                }
                
    .ct-label {
      fill: #ADBAC7;
      color: #ADBAC7;
      font-size: .75rem;
      line-height: 1;
    }

    .ct-grid-background,
    .ct-line {
      fill: none;
    }

    .ct-chart-bar .ct-label,
    .ct-chart-line .ct-label {
      display: block;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }

    .ct-label.ct-horizontal.ct-start {
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-box-pack: flex-start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      text-align: left;
      text-anchor: start;
    }

    .ct-label.ct-horizontal.ct-end {
      -webkit-box-align: flex-start;
      -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      -webkit-box-pack: flex-start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      text-align: left;
      text-anchor: start;
    }

    .ct-label.ct-vertical.ct-start {
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-box-pack: flex-end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: flex-end;
      justify-content: flex-end;
      text-align: right;
      text-anchor: end;
    }

    .ct-label.ct-vertical.ct-end {
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-box-pack: flex-start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      text-align: left;
      text-anchor: start;
    }

    .ct-grid {
      stroke: #ADBAC7;
      stroke-width: 1px;
      stroke-opacity: 0.3;
      stroke-dasharray: 2px;
    }

    .ct-point {
      stroke-width: 10px;
      stroke-linecap: round;
      stroke: #539bf5;
      animation: blink 1s ease-in-out forwards;
    }

    .ct-line {
      stroke-width: 4px;
      stroke-dasharray: 5000;
      stroke-dashoffset: 5000;
      stroke: #ADBAC7;
      animation: dash 5s ease-in-out forwards;
    }

    .ct-area {
      stroke: none;
      fill-opacity: 0.1;
    }

    .ct-series-a .ct-area,
    .ct-series-a .ct-slice-pie {
      fill: #ADBAC7;
    }

    .ct-label .ct-horizontal {
      transform: rotate(-90deg)
    }
    
                
        @keyframes blink {
            from {
                opacity: 0;
                transform:translateX(-20px); 
            }
            to {
                opacity:1;
                transform: translateX(0);
            }
        }
    
                
        @keyframes dash {
            to {
                stroke-dashoffset: 0;
            }
        }
    
    
            </style>

            <foreignObject x="0" y="0" width="1200" height="50">
                <h1 xmlns="http://www.w3.org/1999/xhtml" class="header">
                    Fabiano Couto's Contribution Graph
                </h1>
            </foreignObject>
            <svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="1200" height="420" class="ct-chart-line"><g class="ct-grids"><line x1="90" x2="90" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="125.33333333333334" x2="125.33333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="160.66666666666669" x2="160.66666666666669" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="196" x2="196" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="231.33333333333334" x2="231.33333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="266.6666666666667" x2="266.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="302" x2="302" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="337.33333333333337" x2="337.33333333333337" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="372.6666666666667" x2="372.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="408" x2="408" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="443.33333333333337" x2="443.33333333333337" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="478.6666666666667" x2="478.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="514" x2="514" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="549.3333333333334" x2="549.3333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="584.6666666666667" x2="584.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="620" x2="620" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="655.3333333333334" x2="655.3333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="690.6666666666667" x2="690.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="726" x2="726" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="761.3333333333334" x2="761.3333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="796.6666666666667" x2="796.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="832" x2="832" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="867.3333333333334" x2="867.3333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="902.6666666666667" x2="902.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="938" x2="938" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="973.3333333333334" x2="973.3333333333334" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1008.6666666666667" x2="1008.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1044" x2="1044" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1079.3333333333335" x2="1079.3333333333335" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1114.6666666666667" x2="1114.6666666666667" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1150" x2="1150" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line y1="350" y2="350" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="296" y2="296" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="242" y2="242" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="188" y2="188" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="134" y2="134" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="80" y2="80" x1="90" x2="1150" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M90,350L90,242C101.778,249.2,113.556,263.6,125.333,263.6C137.111,263.6,148.889,263.6,160.667,263.6C172.444,263.6,184.222,242,196,242C207.778,242,219.556,248,231.333,252.8C243.111,257.6,254.889,274.4,266.667,274.4C278.444,274.4,290.222,274.4,302,274.4C313.778,274.4,325.556,231.2,337.333,231.2C349.111,231.2,360.889,236.6,372.667,242C384.444,247.4,396.222,274.4,408,274.4C419.778,274.4,431.556,231.2,443.333,231.2C455.111,231.2,466.889,258.2,478.667,263.6C490.444,269,502.222,274.4,514,274.4C525.778,274.4,537.556,209.6,549.333,209.6C561.111,209.6,572.889,214.64,584.667,220.4C596.444,226.16,608.222,263.6,620,263.6C631.778,263.6,643.556,263.6,655.333,263.6C667.111,263.6,678.889,231.2,690.667,231.2C702.444,231.2,714.222,252.8,726,252.8C737.778,252.8,749.556,209.6,761.333,209.6C773.111,209.6,784.889,274.4,796.667,274.4C808.444,274.4,820.222,252.8,832,252.8C843.778,252.8,855.556,260,867.333,263.6C879.111,267.2,890.889,274.4,902.667,274.4C914.444,274.4,926.222,101.6,938,101.6C949.778,101.6,961.556,278.4,973.333,285.2C985.111,292,996.889,296,1008.667,296C1020.444,296,1032.222,290,1044,285.2C1055.778,280.4,1067.556,273.886,1079.333,263.6C1091.111,253.314,1102.889,209.6,1114.667,209.6C1126.444,209.6,1138.222,224,1150,231.2L1150,350Z" class="ct-area"></path><path d="M90,242C101.778,249.2,113.556,263.6,125.333,263.6C137.111,263.6,148.889,263.6,160.667,263.6C172.444,263.6,184.222,242,196,242C207.778,242,219.556,248,231.333,252.8C243.111,257.6,254.889,274.4,266.667,274.4C278.444,274.4,290.222,274.4,302,274.4C313.778,274.4,325.556,231.2,337.333,231.2C349.111,231.2,360.889,236.6,372.667,242C384.444,247.4,396.222,274.4,408,274.4C419.778,274.4,431.556,231.2,443.333,231.2C455.111,231.2,466.889,258.2,478.667,263.6C490.444,269,502.222,274.4,514,274.4C525.778,274.4,537.556,209.6,549.333,209.6C561.111,209.6,572.889,214.64,584.667,220.4C596.444,226.16,608.222,263.6,620,263.6C631.778,263.6,643.556,263.6,655.333,263.6C667.111,263.6,678.889,231.2,690.667,231.2C702.444,231.2,714.222,252.8,726,252.8C737.778,252.8,749.556,209.6,761.333,209.6C773.111,209.6,784.889,274.4,796.667,274.4C808.444,274.4,820.222,252.8,832,252.8C843.778,252.8,855.556,260,867.333,263.6C879.111,267.2,890.889,274.4,902.667,274.4C914.444,274.4,926.222,101.6,938,101.6C949.778,101.6,961.556,278.4,973.333,285.2C985.111,292,996.889,296,1008.667,296C1020.444,296,1032.222,290,1044,285.2C1055.778,280.4,1067.556,273.886,1079.333,263.6C1091.111,253.314,1102.889,209.6,1114.667,209.6C1126.444,209.6,1138.222,224,1150,231.2" class="ct-line"></path><line x1="90" y1="242" x2="90.01" y2="242" class="ct-point" ct:value="10"></line><line x1="125.33333333333334" y1="263.6" x2="125.34333333333335" y2="263.6" class="ct-point" ct:value="8"></line><line x1="160.66666666666669" y1="263.6" x2="160.67666666666668" y2="263.6" class="ct-point" ct:value="8"></line><line x1="196" y1="242" x2="196.01" y2="242" class="ct-point" ct:value="10"></line><line x1="231.33333333333334" y1="252.8" x2="231.34333333333333" y2="252.8" class="ct-point" ct:value="9"></line><line x1="266.6666666666667" y1="274.4" x2="266.6766666666667" y2="274.4" class="ct-point" ct:value="7"></line><line x1="302" y1="274.4" x2="302.01" y2="274.4" class="ct-point" ct:value="7"></line><line x1="337.33333333333337" y1="231.2" x2="337.34333333333336" y2="231.2" class="ct-point" ct:value="11"></line><line x1="372.6666666666667" y1="242" x2="372.6766666666667" y2="242" class="ct-point" ct:value="10"></line><line x1="408" y1="274.4" x2="408.01" y2="274.4" class="ct-point" ct:value="7"></line><line x1="443.33333333333337" y1="231.2" x2="443.34333333333336" y2="231.2" class="ct-point" ct:value="11"></line><line x1="478.6666666666667" y1="263.6" x2="478.6766666666667" y2="263.6" class="ct-point" ct:value="8"></line><line x1="514" y1="274.4" x2="514.01" y2="274.4" class="ct-point" ct:value="7"></line><line x1="549.3333333333334" y1="209.6" x2="549.3433333333334" y2="209.6" class="ct-point" ct:value="13"></line><line x1="584.6666666666667" y1="220.4" x2="584.6766666666667" y2="220.4" class="ct-point" ct:value="12"></line><line x1="620" y1="263.6" x2="620.01" y2="263.6" class="ct-point" ct:value="8"></line><line x1="655.3333333333334" y1="263.6" x2="655.3433333333334" y2="263.6" class="ct-point" ct:value="8"></line><line x1="690.6666666666667" y1="231.2" x2="690.6766666666667" y2="231.2" class="ct-point" ct:value="11"></line><line x1="726" y1="252.8" x2="726.01" y2="252.8" class="ct-point" ct:value="9"></line><line x1="761.3333333333334" y1="209.6" x2="761.3433333333334" y2="209.6" class="ct-point" ct:value="13"></line><line x1="796.6666666666667" y1="274.4" x2="796.6766666666667" y2="274.4" class="ct-point" ct:value="7"></line><line x1="832" y1="252.8" x2="832.01" y2="252.8" class="ct-point" ct:value="9"></line><line x1="867.3333333333334" y1="263.6" x2="867.3433333333334" y2="263.6" class="ct-point" ct:value="8"></line><line x1="902.6666666666667" y1="274.4" x2="902.6766666666667" y2="274.4" class="ct-point" ct:value="7"></line><line x1="938" y1="101.6" x2="938.01" y2="101.6" class="ct-point" ct:value="23"></line><line x1="973.3333333333334" y1="285.2" x2="973.3433333333334" y2="285.2" class="ct-point" ct:value="6"></line><line x1="1008.6666666666667" y1="296" x2="1008.6766666666667" y2="296" class="ct-point" ct:value="5"></line><line x1="1044" y1="285.2" x2="1044.01" y2="285.2" class="ct-point" ct:value="6"></line><line x1="1079.3333333333335" y1="263.6" x2="1079.3433333333335" y2="263.6" class="ct-point" ct:value="8"></line><line x1="1114.6666666666667" y1="209.6" x2="1114.6766666666667" y2="209.6" class="ct-point" ct:value="13"></line><line x1="1150" y1="231.2" x2="1150.01" y2="231.2" class="ct-point" ct:value="11"></line></g></g><g class="ct-labels"><text x="85.5" y="370" width="35.333333333333336" height="40" class="ct-label ct-horizontal ct-end">31</text><text x="120.83333333333334" y="370" width="35.333333333333336" height="40" class="ct-label ct-horizontal ct-end">1</text><text x="156.16666666666669" y="370" width="35.33333333333333" height="40" class="ct-label ct-horizontal ct-end">2</text><text x="191.5" y="370" width="35.33333333333334" height="40" class="ct-label ct-horizontal ct-end">3</text><text x="226.83333333333334" y="370" width="35.33333333333334" height="40" class="ct-label ct-horizontal ct-end">4</text><text x="262.1666666666667" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">5</text><text x="297.5" y="370" width="35.33333333333334" height="40" class="ct-label ct-horizontal ct-end">6</text><text x="332.83333333333337" y="370" width="35.33333333333334" height="40" class="ct-label ct-horizontal ct-end">7</text><text x="368.1666666666667" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">8</text><text x="403.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">9</text><text x="438.83333333333337" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">10</text><text x="474.1666666666667" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">11</text><text x="509.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">12</text><text x="544.8333333333334" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">13</text><text x="580.1666666666667" y="370" width="35.333333333333314" height="40" class="ct-label ct-horizontal ct-end">14</text><text x="615.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">15</text><text x="650.8333333333334" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">16</text><text x="686.1666666666667" y="370" width="35.33333333333326" height="40" class="ct-label ct-horizontal ct-end">17</text><text x="721.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">18</text><text x="756.8333333333334" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">19</text><text x="792.1666666666667" y="370" width="35.33333333333326" height="40" class="ct-label ct-horizontal ct-end">20</text><text x="827.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">21</text><text x="862.8333333333334" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">22</text><text x="898.1666666666667" y="370" width="35.33333333333326" height="40" class="ct-label ct-horizontal ct-end">23</text><text x="933.5" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">24</text><text x="968.8333333333334" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">25</text><text x="1004.1666666666667" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">26</text><text x="1039.5" y="370" width="35.33333333333326" height="40" class="ct-label ct-horizontal ct-end">27</text><text x="1074.8333333333335" y="370" width="35.33333333333337" height="40" class="ct-label ct-horizontal ct-end">28</text><text x="1110.1666666666667" y="370" width="35.33333333333326" height="40" class="ct-label ct-horizontal ct-end">29</text><text x="1145.5" y="370" width="30" height="40" class="ct-label ct-horizontal ct-end">30</text><text y="354.5" x="80" height="54" width="60" class="ct-label ct-vertical ct-start">0</text><text y="300.5" x="80" height="54" width="60" class="ct-label ct-vertical ct-start">5</text><text y="246.5" x="80" height="54" width="60" class="ct-label ct-vertical ct-start">10</text><text y="192.5" x="80" height="54" width="60" class="ct-label ct-vertical ct-start">15</text><text y="138.5" x="80" height="54" width="60" class="ct-label ct-vertical ct-start">20</text><text y="84.5" x="80" height="30" width="60" class="ct-label ct-vertical ct-start">25</text></g><text class="ct-axis-title ct-label" x="620" y="400" dominant-baseline="text-after-edge" text-anchor="middle">Days</text><text class="ct-axis-title ct-label" x="20" y="215" transform="rotate(-90, 20, 215)" dominant-baseline="hanging" text-anchor="middle">Contributions</text></svg>
    </svg>