generated_images/languages.svg

<svg width="485" height="235" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 485 235">
  <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);
      stroke: #b2cce5;
      rx: 6px;
      ry: 6px;
      stroke-width: 1px;
    }

    foreignObject {
      width: calc(100% - 10px - 32px);
      height: calc(100% - 10px - 24px);
    }

    .container {
      display: flex;
    }

    .container svg {
      flex: 1 1 auto;
    }

    h2 {
      margin-top: 0;
      margin-bottom: 0.75em;
      line-height: 24px;
      font-size: 16px;
      font-weight: 600;
      color: #538cc6;
    }

    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-duration: 0.5s;
      animation-name: slideIn;
      animation-function: ease-in-out;
      animation-fill-mode: forwards;
    }

    div.ellipsis {
      height: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .octicon {
      margin-right: 0.5ch;
      vertical-align: top;
    }

    .progress {
      display: flex;
      height: 8px;
      overflow: hidden;
      border-radius: 6px;
      outline: 1px solid transparent;
      margin-bottom: 1em;
    }

    .progress-item {
      border-collapse: collapse;
    }

    .lang {
      font-weight: 600;
      margin-right: 4px;
    }

    @media (prefers-color-scheme: light) {
      #background {
        fill: #ffffff;
      }

      .octicon {
        fill: #586069;
      }

     .progress {
        background-color: #e1e4e8;
      }

      .progress-item {
        outline: 2px solid #e1e4e8;
      }

      .lang {
        color: #24292e;
      }

      .percent {
        color: #586069;
      }
    }

    @media (prefers-color-scheme: dark) {
      #background {
        fill: #0d1117;
      }

      .octicon {
        fill: #8b949e;
      }

      .progress {
        background-color: #6e768166;
      }

      .progress-item {
        outline: 2px solid #393f47;
      }

      .lang {
        color: #c9d1d9;
      }

      .percent {
        color: #b2cce5;
      }
    }

    @keyframes slideIn {
      to {
        transform: translateX(0);
      }
    }
  </style>
  <g>
    <rect x="5" y="5" id="background" />
    <g>
      <foreignObject x="21" y="17" width="428.4" height="217.8">
        <div xmlns="http://www.w3.org/1999/xhtml" class="ellipsis">

          <h2>53 [+8] Implemented Languages (by Repo File Size %):</h2>

          <div>
            <span class="progress">
              <span style="background-color: #3572A5;width: 20.91675%;" class="progress-item"></span><span style="background-color: #b07219;width: 14.41907%;" class="progress-item"></span><span style="background-color: #f1e05a;width: 11.97251%;" class="progress-item"></span><span style="background-color: #3178c6;width: 10.64193%;" class="progress-item"></span><span style="background-color: #00ADD8;width: 6.86698%;" class="progress-item"></span><span style="background-color: #f34b7d;width: 5.70274%;" class="progress-item"></span><span style="background-color: #3D6117;width: 5.20589%;" class="progress-item"></span><span style="background-color: #555555;width: 4.38610%;" class="progress-item"></span><span style="background-color: #0298c3;width: 4.20169%;" class="progress-item"></span><span style="background-color: #e4cc98;width: 3.94396%;" class="progress-item"></span><span style="background-color: #e34c26;width: 2.35552%;" class="progress-item"></span><span style="background-color: #6E4C13;width: 1.84704%;" class="progress-item"></span><span style="background-color: #663399;width: 1.71520%;" class="progress-item"></span><span style="background-color: #ff3e00;width: 0.89211%;" class="progress-item"></span><span style="background-color: #fcb32c;width: 0.73806%;" class="progress-item"></span><span style="background-color: #e16737;width: 0.50953%;" class="progress-item"></span><span style="background-color: #990000;width: 0.49036%;" class="progress-item"></span><span style="background-color: #000000;width: 0.44672%;" class="progress-item"></span><span style="background-color: #F05138;width: 0.38918%;" class="progress-item"></span><span style="background-color: #dbb284;width: 0.34952%;" class="progress-item"></span><span style="background-color: #007800;width: 0.28226%;" class="progress-item"></span><span style="background-color: #178600;width: 0.25133%;" class="progress-item"></span><span style="background-color: #41b883;width: 0.21501%;" class="progress-item"></span><span style="background-color: #c6538c;width: 0.19862%;" class="progress-item"></span><span style="background-color: #ecdebe;width: 0.18395%;" class="progress-item"></span><span style="background-color: #5B2063;width: 0.13880%;" class="progress-item"></span><span style="background-color: #083fa1;width: 0.12296%;" class="progress-item"></span><span style="background-color: #f69e1d;width: 0.11091%;" class="progress-item"></span><span style="background-color: #5e5086;width: 0.10912%;" class="progress-item"></span><span style="background-color: #4F5D95;width: 0.08654%;" class="progress-item"></span><span style="background-color: #74283c;width: 0.07178%;" class="progress-item"></span><span style="background-color: #02f88c;width: 0.06762%;" class="progress-item"></span><span style="background-color: #c94949;width: 0.04169%;" class="progress-item"></span><span style="background-color: #000000;width: 0.03894%;" class="progress-item"></span><span style="background-color: #3A4E3A;width: 0.02356%;" class="progress-item"></span><span style="background-color: #3fb68b;width: 0.01954%;" class="progress-item"></span><span style="background-color: #a53b70;width: 0.01068%;" class="progress-item"></span><span style="background-color: #94B0C7;width: 0.00854%;" class="progress-item"></span><span style="background-color: #E6EFBB;width: 0.00802%;" class="progress-item"></span><span style="background-color: #a91e50;width: 0.00573%;" class="progress-item"></span><span style="background-color: #a270ba;width: 0.00390%;" class="progress-item"></span><span style="background-color: #000000;width: 0.00193%;" class="progress-item"></span><span style="background-color: #c065db;width: 0.00176%;" class="progress-item"></span><span style="background-color: #04133b;width: 0.00132%;" class="progress-item"></span><span style="background-color: #7e858d;width: 0.00131%;" class="progress-item"></span><span style="background-color: #012456;width: 0.00127%;" class="progress-item"></span><span style="background-color: #701516;width: 0.00084%;" class="progress-item"></span><span style="background-color: #a52a22;width: 0.00047%;" class="progress-item"></span><span style="background-color: #ed5051;width: 0.00024%;" class="progress-item"></span><span style="background-color: #6bac65;width: 0.00022%;" class="progress-item"></span><span style="background-color: #a86454;width: 0.00013%;" class="progress-item"></span><span style="background-color: #1d365d;width: 0.00010%;" class="progress-item"></span><span style="background-color: #3B2F63;width: 0.00006%;" class="progress-item"></span>
            </span>
          </div>

          <ul>
            
            <li style="animation-delay: 0ms;">
                    <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">
                        20.92%
                    </span>
            </li>
            <li style="animation-delay: 150ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#b07219;"
                         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">
                        Java
                    </span>
                    <span class="percent">
                        14.42%
                    </span>
            </li>
            <li style="animation-delay: 300ms;">
                    <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">
                        11.97%
                    </span>
            </li>
            <li style="animation-delay: 450ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#3178c6;"
                         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">
                        TypeScript
                    </span>
                    <span class="percent">
                        10.64%
                    </span>
            </li>
            <li style="animation-delay: 600ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#00ADD8;"
                         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">
                        Go
                    </span>
                    <span class="percent">
                        6.87%
                    </span>
            </li>
            <li style="animation-delay: 750ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#f34b7d;"
                         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">
                        5.70%
                    </span>
            </li>
            <li style="animation-delay: 900ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#3D6117;"
                         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">
                        TeX
                    </span>
                    <span class="percent">
                        5.21%
                    </span>
            </li>
            <li style="animation-delay: 1050ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#555555;"
                         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">
                        4.39%
                    </span>
            </li>
            <li style="animation-delay: 1200ms;">
                    <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">
                        4.20%
                    </span>
            </li>
            <li style="animation-delay: 1350ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#e4cc98;"
                         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">
                        Tcl
                    </span>
                    <span class="percent">
                        3.94%
                    </span>
            </li>
            <li style="animation-delay: 1500ms;">
                    <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">
                        2.36%
                    </span>
            </li>
            <li style="animation-delay: 1650ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#6E4C13;"
                         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">
                        Assembly
                    </span>
                    <span class="percent">
                        1.85%
                    </span>
            </li>
            <li style="animation-delay: 1800ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#663399;"
                         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">
                        1.72%
                    </span>
            </li>
            <li style="animation-delay: 1950ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#ff3e00;"
                         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">
                        Svelte
                    </span>
                    <span class="percent">
                        0.89%
                    </span>
            </li>
            <li style="animation-delay: 2100ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#fcb32c;"
                         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">
                        MDX
                    </span>
                    <span class="percent">
                        0.74%
                    </span>
            </li>
            <li style="animation-delay: 2250ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#e16737;"
                         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">
                        MATLAB
                    </span>
                    <span class="percent">
                        0.51%
                    </span>
            </li>
            <li style="animation-delay: 2400ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#990000;"
                         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">
                        Nearley
                    </span>
                    <span class="percent">
                        0.49%
                    </span>
            </li>
            <li style="animation-delay: 2550ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#000000;"
                         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">
                        M4
                    </span>
                    <span class="percent">
                        0.45%
                    </span>
            </li>
            <li style="animation-delay: 2700ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#F05138;"
                         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">
                        Swift
                    </span>
                    <span class="percent">
                        0.39%
                    </span>
            </li>
            <li style="animation-delay: 2850ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#dbb284;"
                         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">
                        Pawn
                    </span>
                    <span class="percent">
                        0.35%
                    </span>
            </li>
            <li style="animation-delay: 3000ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#007800;"
                         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">
                        Meson
                    </span>
                    <span class="percent">
                        0.28%
                    </span>
            </li>
            <li style="animation-delay: 3150ms;">
                    <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.25%
                    </span>
            </li>
            <li style="animation-delay: 3300ms;">
                    <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.22%
                    </span>
            </li>
            <li style="animation-delay: 3450ms;">
                    <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.20%
                    </span>
            </li>
            <li style="animation-delay: 3600ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#ecdebe;"
                         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">
                        Roff
                    </span>
                    <span class="percent">
                        0.18%
                    </span>
            </li>
            <li style="animation-delay: 3750ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#5B2063;"
                         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">
                        Gherkin
                    </span>
                    <span class="percent">
                        0.14%
                    </span>
            </li>
            <li style="animation-delay: 3900ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#083fa1;"
                         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">
                        Markdown
                    </span>
                    <span class="percent">
                        0.12%
                    </span>
            </li>
            <li style="animation-delay: 4050ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#f69e1d;"
                         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">
                        SourcePawn
                    </span>
                    <span class="percent">
                        0.11%
                    </span>
            </li>
            <li style="animation-delay: 4200ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#5e5086;"
                         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">
                        Haskell
                    </span>
                    <span class="percent">
                        0.11%
                    </span>
            </li>
            <li style="animation-delay: 4350ms;">
                    <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">
                        0.09%
                    </span>
            </li>
            <li style="animation-delay: 4500ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#74283c;"
                         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">
                        Prolog
                    </span>
                    <span class="percent">
                        0.07%
                    </span>
            </li>
            <li style="animation-delay: 4650ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#02f88c;"
                         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">
                        Ada
                    </span>
                    <span class="percent">
                        0.07%
                    </span>
            </li>
            <li style="animation-delay: 4800ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#c94949;"
                         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">
                        SmPL
                    </span>
                    <span class="percent">
                        0.04%
                    </span>
            </li>
            <li style="animation-delay: 4950ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#000000;"
                         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">
                        GDB
                    </span>
                    <span class="percent">
                        0.04%
                    </span>
            </li>
            <li style="animation-delay: 5100ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#3A4E3A;"
                         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">
                        Cuda
                    </span>
                    <span class="percent">
                        0.02%
                    </span>
            </li>
            <li style="animation-delay: 5250ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#3fb68b;"
                         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">
                        Common Lisp
                    </span>
                    <span class="percent">
                        0.02%
                    </span>
            </li>
            <li style="animation-delay: 5400ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#a53b70;"
                         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">
                        Sass
                    </span>
                    <span class="percent">
                        0.01%
                    </span>
            </li>
            <li style="animation-delay: 5550ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#94B0C7;"
                         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">
                        nesC
                    </span>
                    <span class="percent">
                        0.01%
                    </span>
            </li>
            <li style="animation-delay: 5700ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#E6EFBB;"
                         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">
                        AMPL
                    </span>
                    <span class="percent">
                        0.01%
                    </span>
            </li>
            <li style="animation-delay: 5850ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#a91e50;"
                         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">
                        EJS
                    </span>
                    <span class="percent">
                        0.01%
                    </span>
            </li>
            <li style="animation-delay: 6000ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#a270ba;"
                         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">
                        Julia
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6150ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#000000;"
                         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">
                        M
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6300ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#c065db;"
                         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">
                        Emacs Lisp
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6450ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#04133b;"
                         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">
                        WebAssembly
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6600ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#7e858d;"
                         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">
                        Mako
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6750ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#012456;"
                         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">
                        PowerShell
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 6900ms;">
                    <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.00%
                    </span>
            </li>
            <li style="animation-delay: 7050ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#a52a22;"
                         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">
                        Jinja
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 7200ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#ed5051;"
                         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">
                        ReScript
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 7350ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#6bac65;"
                         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">
                        POV-Ray SDL
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 7500ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#a86454;"
                         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">
                        Pug
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
            <li style="animation-delay: 7650ms;">
                    <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: 7800ms;">
                    <svg xmlns="http://www.w3.org/2000/svg" 
                         class="octicon" 
                         style="fill:#3B2F63;"
                         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">
                        Procfile
                    </span>
                    <span class="percent">
                        0.00%
                    </span>
            </li>
          </ul>
        </div>
      </foreignObject>
    </g>
  </g>
</svg>