
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <link rel="dns-prefetch" href="https://github.githubassets.com">
  <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">



  <link crossorigin="anonymous" media="all" integrity="sha512-BMcxl370aseBBqUpUvME/vorfakRkeI3F8mDEt28TtThCuhRt3nCL0RHSvoGVxSuLFTi/7B2QDJXB/xEY7VPZg==" rel="stylesheet" href="https://github.githubassets.com/assets/frameworks-css-variables-04c731977ef46ac78106a52952f304fe.css" />
  <link crossorigin="anonymous" media="all" integrity="sha512-Z1l3RiXbvx3iU15ESvB9fNSNb9jKTywFzKK2vJTr9WGTx+GkdM33cn+TfTEAzgI98LgVi8sz2Ej12Q6jM07BxQ==" rel="stylesheet" href="https://github.githubassets.com/assets/site-6759774625dbbf1de2535e444af07d7c.css" />
    <link crossorigin="anonymous" media="all" integrity="sha512-RU8jZkWqi+EZCNIIhyCWekKmJeDDIGj57RyKsytPlrUvvGV720pFiMs28RbfLAPGzHXduW3jlHfywAvc+GhQZg==" rel="stylesheet" href="https://github.githubassets.com/assets/github-css-variables-454f236645aa8be11908d2088720967a.css" />
    
    
    
    

    <script crossorigin="anonymous" defer="defer" integrity="sha512-g4ztuyuFPzjTvIqYBeZdHEDaHz2K6RCz4RszsnL3m5ko4kiWCjB9W6uIScLkNr8l/BtC2dYiIFkOdOLDYBHLqQ==" type="application/javascript" data-module-id="./compat.js" data-src="https://github.githubassets.com/assets/compat-838cedbb.js"></script>
    <script crossorigin="anonymous" defer="defer" integrity="sha512-dCwmfqLwcHYO85Txw89N+CudKaNZ9QhDIHlrNfUPFYMqr8EfRrHfFp/Bico7AEoObA/pgR1JM9AeagIJnXpT1A==" type="application/javascript" src="https://github.githubassets.com/assets/environment-742c267e.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-Xu6Yk2u2IUb29srXY2xKTh7Mgt+2bk93Bbs/2GQe5HQExDC3PjWMo62vcSqrzCkP2i0Z0ewlVWYG8WLOYb4g1A==" type="application/javascript" src="https://github.githubassets.com/assets/chunk-frameworks-5eee9893.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-Shix6Hkv5DNREArBi1dz6K2Dezl6x88FzVNzPUHKbjuk6iZAuHacGedCwe/1YQtFhf8DzLIIDhr1Sb41uwiIXg==" type="application/javascript" src="https://github.githubassets.com/assets/chunk-vendor-4a18b1e8.js"></script>
    
    <script crossorigin="anonymous" defer="defer" integrity="sha512-lDnCl3OgTL6st9J2SjwiO9NPu0sIAWR+672/3f9iXENZWhxk3svGgp0ZUDzuXU+Z1ICRqL9vpR8LapPRT0QgDw==" type="application/javascript" src="https://github.githubassets.com/assets/behaviors-9439c297.js"></script>
    
      <script crossorigin="anonymous" defer="defer" integrity="sha512-XJgWtwbQO9tw7YRQFMmtqF5tNCtfiy+ADy2wBTOvkLfEACZuRILBd7Vn92Rk3sCeOMKlWDlIllbXKYGwuR5wJQ==" type="application/javascript" data-module-id="./chunk-contributions-spider-graph.js" data-src="https://github.githubassets.com/assets/chunk-contributions-spider-graph-5c9816b7.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-rOW02Bx601c6CIATHnyMV1gIlBV1ozJ2IJrG5lVdAAibJym6XY3Za0Nak9uQaeNR+ukIkpCzbWeproKXgJAmow==" type="application/javascript" data-module-id="./chunk-drag-drop.js" data-src="https://github.githubassets.com/assets/chunk-drag-drop-ace5b4d8.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-LbeML6xwZ9Y+VG1BbyPxhemLU6FMyhBkziVD2l/QmNH5PJYfysDhFdvLaGKYILjpT12fET2Gr00WIBbL+vws7w==" type="application/javascript" data-module-id="./chunk-jump-to.js" data-src="https://github.githubassets.com/assets/chunk-jump-to-2db78c2f.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-tcH4xCRuMBAh1PruDaiwGnRIbHlF6bGLhxyCQ16uqok1cV5QFMguVPWJtN9KI0jGQOgN+Pha3+uOUXhXdfK/qw==" type="application/javascript" data-module-id="./chunk-profile-pins-element.js" data-src="https://github.githubassets.com/assets/chunk-profile-pins-element-b5c1f8c4.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-gPx3bYhTjyC83X5u5KlEDJpwGAHt3AC2p5s9iMuAfPTeSj7kHlKMW231C3K3c7+jvlpWpELk8DJsefrYdRzqjA==" type="application/javascript" data-module-id="./chunk-randomColor.js" data-src="https://github.githubassets.com/assets/chunk-randomColor-80fc776d.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-E+H+wAtjiqutBvn2cnXzDIvmasIhYiS7i7JzOfFUwo+Ej8zT54OrJtP//RhwixnypgOpCF4JvqzYy6zOtORDmg==" type="application/javascript" data-module-id="./chunk-runner-groups.js" data-src="https://github.githubassets.com/assets/chunk-runner-groups-13e1fec0.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-qdiCkJPPR4LxwUKftEmJe2v79E8xnTceYqylsWkMsGuARkiKkX9iFNwkvZJ3bDfS5YHSPD3+k+N2/I73tvlL1Q==" type="application/javascript" data-module-id="./chunk-sortable-behavior.js" data-src="https://github.githubassets.com/assets/chunk-sortable-behavior-a9d88290.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-NpURjBPyJ0JT8hWOMbLErYNeb0bTkKfmFX1hl1F8C/q6jckqWObeOzEAcs6TRlj+cqAR6GDohEBxDgkYBlx+QQ==" type="application/javascript" data-module-id="./chunk-tweetsodium.js" data-src="https://github.githubassets.com/assets/chunk-tweetsodium-3695118c.js"></script>
      <script crossorigin="anonymous" defer="defer" integrity="sha512-fS0PHB6tyxV+UC6k5dB8XtPnX05bcEiTGp37VugQIdHL3epPq/1bYWCnoVk6BUT96KjkH1y7DcWSD8W5esuFFA==" type="application/javascript" data-module-id="./chunk-user-status-submit.js" data-src="https://github.githubassets.com/assets/chunk-user-status-submit-7d2d0f1c.js"></script>
    
    <script crossorigin="anonymous" defer="defer" integrity="sha512-uBiKSI2ZxR0iYsfWeS/Vkaj2hCxYuFzLeQ3ZlZuh0cmn3AnuPFL7lrD/HN9XDMuDsVealA+Drg1u6/iGASjI0A==" type="application/javascript" src="https://github.githubassets.com/assets/profile-b8188a48.js"></script>

  <meta name="viewport" content="width=device-width">
  
  <title>ngoctp (Ngoc P. Tran) · GitHub</title>
    <meta name="description" content="Don&#39;t use, learn it. ngoctp has 21 repositories available. Follow their code on GitHub.">
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
  <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  <meta property="fb:app_id" content="1401488693436528">
  <meta name="apple-itunes-app" content="app-id=1477376905" />
    <meta name="twitter:image:src" content="https://avatars1.githubusercontent.com/u/4251459?s=400&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="ngoctp - Overview" /><meta name="twitter:description" content="Don&#39;t use, learn it. ngoctp has 21 repositories available. Follow their code on GitHub." />
    <meta property="og:image" content="https://avatars1.githubusercontent.com/u/4251459?s=400&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="profile" /><meta property="og:title" content="ngoctp - Overview" /><meta property="og:url" content="https://github.com/ngoctp" /><meta property="og:description" content="Don&#39;t use, learn it. ngoctp has 21 repositories available. Follow their code on GitHub." /><meta property="profile:username" content="ngoctp" />



  

  <link rel="assets" href="https://github.githubassets.com/">
  

  <meta name="request-id" content="B68A:42AF:44E0AC8:64F061F:5F8EC8C7" data-pjax-transient="true"/><meta name="html-safe-nonce" content="a5587c69780870ee209828873f9ff52690c53527" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCNjhBOjQyQUY6NDRFMEFDODo2NEYwNjFGOjVGOEVDOEM3IiwidmlzaXRvcl9pZCI6IjQyMTE1Nzc2ODU3NTc4Mzk1NTkiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==" data-pjax-transient="true"/><meta name="visitor-hmac" content="d9ba648df6ae9faf9d353e0883b1a167c1866e52e36874640ad87fbd649f1b5a" data-pjax-transient="true"/><meta name="cookie-consent-required" content="false" data-pjax-transient="true"/>



  <meta name="github-keyboard-shortcuts" content="" data-pjax-transient="true" />

  

  <meta name="selected-link" value="/ngoctp" data-pjax-transient>

    <meta name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY">
  <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
  <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA">
  <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc">

  <meta name="octolytics-host" content="collector.githubapp.com" /><meta name="octolytics-app-id" content="github" /><meta name="octolytics-event-url" content="https://collector.githubapp.com/github-external/browser_event" /><meta name="octolytics-dimension-ga_id" content="" class="js-octo-ga-id" />

  <meta name="analytics-location" content="/&lt;user-name&gt;" data-pjax-transient="true" />

  





    <meta name="google-analytics" content="UA-3769691-2">


<meta class="js-ga-set" name="dimension10" content="Responsive" data-pjax-transient>

<meta class="js-ga-set" name="dimension1" content="Logged Out">



  

      <meta name="hostname" content="github.com">
    <meta name="user-login" content="">


      <meta name="expected-hostname" content="github.com">


    <meta name="enabled-features" content="MARKETPLACE_PENDING_INSTALLATIONS,JS_IN_HEAD">

  <meta http-equiv="x-pjax-version" content="f4c7989717ba3a13904dc685bb601d3cb0e2140ea2ae7c4c93ad385df05dbca4">
  




  <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">

  <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">

  <meta name="browser-optimizely-client-errors-url" content="https://api.github.com/_private/browser/optimizely_client/errors">

  <link rel="mask-icon" href="https://github.githubassets.com/pinned-octocat.svg" color="#000000">
  <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
  <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg">

<meta name="theme-color" content="#1e2327">


  <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials">

  </head>

  <body class="logged-out env-production page-responsive page-profile">
    

    <div class="position-relative js-header-wrapper ">
      <a href="#start-of-content" class="px-2 py-4 bg-blue text-white show-on-focus js-skip-to-content">Skip to content</a>
      <span class="progress-pjax-loader width-full js-pjax-loader-bar Progress position-fixed">
    <span style="background-color: #79b8ff;width: 0%;" class="Progress-item progress-pjax-loader-bar "></span>
</span>      
      


          <header class="Header-old header-logged-out js-details-container Details position-relative f4 py-2" role="banner">
  <div class="container-xl d-lg-flex flex-items-center p-responsive">
    <div class="d-flex flex-justify-between flex-items-center">
        <a class="mr-4" href="https://github.com/" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
          <svg height="32" class="octicon octicon-mark-github text-white" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
        </a>

          <div class="d-lg-none css-truncate css-truncate-target width-fit p-2">
            

          </div>

        <div class="d-flex flex-items-center">
              <a href="/join?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F%3Cuser-name%3E&amp;source=header"
                class="d-inline-block d-lg-none f5 text-white no-underline border border-gray-dark rounded-2 px-2 py-1 mr-3 mr-sm-5"
                data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="9df8ee6e8e6c8e59f25d4b05cc24bdcec99a12f6b9ed76cfa03e3e541236d1c3"
                data-ga-click="Sign up, click to sign up for account, ref_page:/&lt;user-name&gt;;ref_cta:Sign up;ref_loc:header logged out">
                Sign&nbsp;up
              </a>

          <button class="btn-link d-lg-none mt-1 js-details-target" type="button" aria-label="Toggle navigation" aria-expanded="false">
            <svg height="24" class="octicon octicon-three-bars text-white" viewBox="0 0 16 16" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path></svg>
          </button>
        </div>
    </div>

    <div class="HeaderMenu HeaderMenu--logged-out position-fixed top-0 right-0 bottom-0 height-fit position-lg-relative d-lg-flex flex-justify-between flex-items-center flex-auto">
      <div class="d-flex d-lg-none flex-justify-end border-bottom bg-gray-light p-3">
        <button class="btn-link js-details-target" type="button" aria-label="Toggle navigation" aria-expanded="false">
          <svg height="24" class="octicon octicon-x text-gray" viewBox="0 0 24 24" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path></svg>
        </button>
      </div>

        <nav class="mt-0 px-3 px-lg-0 mb-5 mb-lg-0" aria-label="Global">
          <ul class="d-lg-flex list-style-none">
              <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center ">
                <details class="HeaderMenu-details details-overlay details-reset width-full">
                  <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block">
                    Why GitHub?
                    <svg x="0px" y="0px" viewBox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative">
                      <path d="M1,1l6.2,6L13,1"></path>
                    </svg>
                  </summary>
                  <div class="dropdown-menu flex-auto rounded-1 bg-white px-0 mt-0 pb-4 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4">
                    <a href="/features" class="py-2 lh-condensed-ultra d-block link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Features">Features <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a>
                    <ul class="list-style-none f5 pb-3">
                      <li class="edge-item-fix"><a href="/features/code-review/" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Code review">Code review</a></li>
                      <li class="edge-item-fix"><a href="/features/project-management/" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Project management">Project management</a></li>
                      <li class="edge-item-fix"><a href="/features/integrations" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Integrations">Integrations</a></li>
                      <li class="edge-item-fix"><a href="/features/actions" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Actions">Actions</a></li>
                      <li class="edge-item-fix"><a href="/features/packages" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to GitHub Packages">Packages</a></li>
                      <li class="edge-item-fix"><a href="/features/security" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Security">Security</a></li>
                      <li class="edge-item-fix"><a href="/features#team-management" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Team management">Team management</a></li>
                      <li class="edge-item-fix"><a href="/features#hosting" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Code hosting">Hosting</a></li>
                      <li class="edge-item-fix hide-xl"><a href="/mobile" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Mobile">Mobile</a></li>
                    </ul>

                    <ul class="list-style-none mb-0 border-lg-top pt-lg-3">
                      <li class="edge-item-fix"><a href="/customer-stories" class="py-2 lh-condensed-ultra d-block no-underline link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Customer stories">Customer stories <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a></li>
                      <li class="edge-item-fix"><a href="/security" class="py-2 lh-condensed-ultra d-block no-underline link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Security">Security <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a></li>
                    </ul>
                  </div>
                </details>
              </li>
              <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3">
                <a href="/team" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Team">Team</a>
              </li>
              <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3">
                <a href="/enterprise" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Enterprise">Enterprise</a>
              </li>

              <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center ">
                <details class="HeaderMenu-details details-overlay details-reset width-full">
                  <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block">
                    Explore
                    <svg x="0px" y="0px" viewBox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative">
                      <path d="M1,1l6.2,6L13,1"></path>
                    </svg>
                  </summary>

                  <div class="dropdown-menu flex-auto rounded-1 bg-white px-0 pt-2 pb-0 mt-0 pb-4 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4">
                    <ul class="list-style-none mb-3">
                      <li class="edge-item-fix"><a href="/explore" class="py-2 lh-condensed-ultra d-block link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Explore">Explore GitHub <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a></li>
                    </ul>

                    <h4 class="text-gray-light text-normal text-mono f5 mb-2 border-lg-top pt-lg-3">Learn &amp; contribute</h4>
                    <ul class="list-style-none mb-3">
                      <li class="edge-item-fix"><a href="/topics" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Topics">Topics</a></li>
                        <li class="edge-item-fix"><a href="/collections" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Collections">Collections</a></li>
                      <li class="edge-item-fix"><a href="/trending" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Trending">Trending</a></li>
                      <li class="edge-item-fix"><a href="https://lab.github.com/" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Learning lab">Learning Lab</a></li>
                      <li class="edge-item-fix"><a href="https://opensource.guide" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Open source guides">Open source guides</a></li>
                    </ul>

                    <h4 class="text-gray-light text-normal text-mono f5 mb-2 border-lg-top pt-lg-3">Connect with others</h4>
                    <ul class="list-style-none mb-0">
                      <li class="edge-item-fix"><a href="https://github.com/events" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Events">Events</a></li>
                      <li class="edge-item-fix"><a href="https://github.community" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Community forum">Community forum</a></li>
                      <li class="edge-item-fix"><a href="https://education.github.com" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to GitHub Education">GitHub Education</a></li>
                      <li class="edge-item-fix"><a href="https://stars.github.com" class="py-2 pb-0 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to GitHub Stars Program">GitHub Stars program</a></li>
                    </ul>
                  </div>
                </details>
              </li>

              <li class="border-bottom border-lg-bottom-0 mr-0 mr-lg-3">
                <a href="/marketplace" class="HeaderMenu-link no-underline py-3 d-block d-lg-inline-block" data-ga-click="(Logged out) Header, go to Marketplace">Marketplace</a>
              </li>

              <li class="d-block d-lg-flex flex-lg-nowrap flex-lg-items-center border-bottom border-lg-bottom-0 mr-0 mr-lg-3 edge-item-fix position-relative flex-wrap flex-justify-between d-flex flex-items-center ">
                <details class="HeaderMenu-details details-overlay details-reset width-full">
                  <summary class="HeaderMenu-summary HeaderMenu-link px-0 py-3 border-0 no-wrap d-block d-lg-inline-block">
                    Pricing
                    <svg x="0px" y="0px" viewBox="0 0 14 8" xml:space="preserve" fill="none" class="icon-chevon-down-mktg position-absolute position-lg-relative">
                       <path d="M1,1l6.2,6L13,1"></path>
                    </svg>
                  </summary>

                  <div class="dropdown-menu flex-auto rounded-1 bg-white px-0 pt-2 pb-4 mt-0 p-lg-4 position-relative position-lg-absolute left-0 left-lg-n4">
                    <a href="/pricing" class="pb-2 lh-condensed-ultra d-block link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Pricing">Plans <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a>

                    <ul class="list-style-none mb-3">
                      <li class="edge-item-fix"><a href="/pricing#feature-comparison" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Compare plans">Compare plans</a></li>
                      <li class="edge-item-fix"><a href="https://enterprise.github.com/contact" class="py-2 lh-condensed-ultra d-block link-gray no-underline f5" data-ga-click="(Logged out) Header, go to Contact Sales">Contact Sales</a></li>
                    </ul>

                    <ul class="list-style-none mb-0 border-lg-top pt-lg-3">
                      <li class="edge-item-fix"><a href="/nonprofit" class="py-2 lh-condensed-ultra d-block no-underline link-gray-dark no-underline h5 Bump-link--hover" data-ga-click="(Logged out) Header, go to Nonprofits">Nonprofit <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a></li>
                      <li class="edge-item-fix"><a href="https://education.github.com" class="py-2 pb-0 lh-condensed-ultra d-block no-underline link-gray-dark no-underline h5 Bump-link--hover"  data-ga-click="(Logged out) Header, go to Education">Education <span class="Bump-link-symbol float-right text-normal text-gray-light">&rarr;</span></a></li>
                    </ul>
                  </div>
                </details>
              </li>
          </ul>
        </nav>

      <div class="d-lg-flex flex-items-center px-3 px-lg-0 text-center text-lg-left">
          <div class="d-lg-flex mb-3 mb-lg-0">
              <div class="header-search header-search-current js-header-search-current flex-auto js-site-search position-relative flex-self-stretch flex-md-self-auto mb-3 mb-md-0 mr-0 mr-md-3 scoped-search site-scoped-search js-jump-to js-header-search-current-jump-to"
  role="combobox"
  aria-owns="jump-to-results"
  aria-label="Search or jump to"
  aria-haspopup="listbox"
  aria-expanded="false"
>
  <div class="position-relative">
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="js-site-search-form" role="search" aria-label="Site" data-scope-type="User" data-scope-id="4251459" data-scoped-search-url="/users/ngoctp/search" data-unscoped-search-url="/search" action="/users/ngoctp/search" accept-charset="UTF-8" method="get">
      <label class="form-control input-sm header-search-wrapper p-0 js-chromeless-input-container header-search-wrapper-jump-to position-relative d-flex flex-justify-between flex-items-center">
        <input type="text"
          class="form-control input-sm header-search-input jump-to-field js-jump-to-field js-site-search-focus js-site-search-field is-clearable"
          data-hotkey="s,/"
          name="q"
          value=""
          placeholder="Search"
          data-unscoped-placeholder="Search GitHub"
          data-scoped-placeholder="Search"
          autocapitalize="off"
          aria-autocomplete="list"
          aria-controls="jump-to-results"
          aria-label="Search"
          data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations"
          spellcheck="false"
          autocomplete="off"
          >
          <input type="hidden" data-csrf="true" class="js-data-jump-to-suggestions-path-csrf" value="b4b4ymjy8NaV5wk3Qv1ACTN0TEcb+WEF7DreSw8gOIZMsThLIdWQoHmzQLlLxxEaGqcqt9z1tMZcSWQ1tqHHXA==" />
          <input type="hidden" class="js-site-search-type-field" name="type" >
            <img src="https://github.githubassets.com/images/search-key-slash.svg" alt="" class="mr-2 header-search-key-slash">

            <div class="Box position-absolute overflow-hidden d-none jump-to-suggestions js-jump-to-suggestions-container">
              
<ul class="d-none js-jump-to-suggestions-template-container">
  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-suggestion" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>

</ul>

<ul class="d-none js-jump-to-no-results-template-container">
  <li class="d-flex flex-justify-center flex-items-center f5 d-none js-jump-to-suggestion p-2">
    <span class="text-gray">No suggested jump to results</span>
  </li>
</ul>

<ul id="jump-to-results" role="listbox" class="p-0 m-0 js-navigation-container jump-to-suggestions-results-container js-jump-to-suggestions-results-container">
  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-scoped-search d-none" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>

  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-global-search d-none" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>


</ul>

            </div>
      </label>
</form>  </div>
</div>

          </div>

        <a href="/login?return_to=%2Fngoctp"
          class="HeaderMenu-link no-underline mr-3"
          data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="5e6f5c1afba8e9f05d08bc73e57b043d39e27721ce0347c8e56e0b9438e44b49"
          data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">
          Sign&nbsp;in
        </a>
            <a href="/join?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F%3Cuser-name%3E&amp;source=header"
              class="HeaderMenu-link d-inline-block no-underline border border-gray-dark rounded-1 px-2 py-1"
              data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="5e6f5c1afba8e9f05d08bc73e57b043d39e27721ce0347c8e56e0b9438e44b49"
              data-ga-click="Sign up, click to sign up for account, ref_page:/&lt;user-name&gt;;ref_cta:Sign up;ref_loc:header logged out">
              Sign&nbsp;up
            </a>
      </div>
    </div>
  </div>
</header>

    </div>

  <div id="start-of-content" class="show-on-focus"></div>





    <div data-pjax-replace id="js-flash-container">


  <template class="js-flash-template">
    <div class="flash flash-full  {{ className }}">
  <div class=" px-2" >
    <button class="flash-close js-flash-close" type="button" aria-label="Dismiss this message">
      <svg class="octicon octicon-x" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg>
    </button>
    
      <div>{{ message }}</div>

  </div>
</div>
  </template>
</div>


  

  <include-fragment class="js-notification-shelf-include-fragment" data-base-src="https://github.com/notifications/beta/shelf"></include-fragment>




  <div
    class="application-main "
    data-commit-hovercards-enabled
    data-discussion-hovercards-enabled
    data-issue-and-pr-hovercards-enabled
  >
      <main id="js-pjax-container" data-pjax-container>
        <div class="mt-4 position-sticky top-0 d-none d-md-block bg-white width-full border-bottom" style="z-index:3;">
  <div class="container-xl px-3 px-md-4 px-lg-5">
    <div class="gutter-condensed gutter-lg flex-column flex-md-row d-flex">
    <div class="flex-shrink-0 col-12 col-md-3 mb-4 mb-md-0">
              <div class="user-profile-sticky-bar">
          <div class="user-profile-mini-vcard d-table">
            <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">
              <img class="rounded-1 avatar-user" height="32" width="32" alt="@ngoctp" src="https://avatars3.githubusercontent.com/u/4251459?s=88&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4" />
            </span>
            <span class="d-table-cell v-align-middle lh-condensed">
              <strong>ngoctp</strong>
              
  <span class="user-following-container">
    <span class="follow d-block">
      <a class="btn btn-sm mini-follow-button " data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;follow button&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="50c8fe30f534c2fc657f60f4d362cbce843e95f929c96a376221c86b2817c1b6" href="/login?return_to=%2Fngoctp">Follow</a>
    </span>
  </span>

            </span>
          </div>
        </div>

</div>
  <div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0">
            <div class="UnderlineNav width-full box-shadow-none">
            <nav class="UnderlineNav-body" data-pjax aria-label="User profile">
    <a aria-current="page" class="UnderlineNav-item selected " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_OVERVIEW&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="be6827829f1db73335ef5270a4d7aeabfe569753390f90ffa529748c88ec0029" href="/ngoctp">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-book UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 1.75A.75.75 0 01.75 1h4.253c1.227 0 2.317.59 3 1.501A3.744 3.744 0 0111.006 1h4.245a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-4.507a2.25 2.25 0 00-1.591.659l-.622.621a.75.75 0 01-1.06 0l-.622-.621A2.25 2.25 0 005.258 13H.75a.75.75 0 01-.75-.75V1.75zm8.755 3a2.25 2.25 0 012.25-2.25H14.5v9h-3.757c-.71 0-1.4.201-1.992.572l.004-7.322zm-1.504 7.324l.004-5.073-.002-2.253A2.25 2.25 0 005.003 2.5H1.5v9h3.757a3.75 3.75 0 011.994.574z"></path></svg>
      Overview
</a>
    <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_REPOSITORIES&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="0f01f182f96eacab47922ad6b3437118200d73c6286e33df3b3493f21c7d3d44" href="/ngoctp?tab=repositories">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-repo UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
      Repositories
      <span title="21" class="Counter ">21</span>
</a>
    <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_PROJECTS&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="27270f6d551b08400342dbcbd501a033f87c0293df5f064e3e717559c3c86fd4" href="/ngoctp?tab=projects">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-project UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg>
      Projects
      <span title="0" hidden="hidden" class="Counter ">0</span>
</a>
      <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_PACKAGES&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="456b64c3766afc248e3bf991dec4ee5c840e2151c8450564af53338bf8f1b835" href="/ngoctp?tab=packages">
        <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-package UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.878.392a1.75 1.75 0 00-1.756 0l-5.25 3.045A1.75 1.75 0 001 4.951v6.098c0 .624.332 1.2.872 1.514l5.25 3.045a1.75 1.75 0 001.756 0l5.25-3.045c.54-.313.872-.89.872-1.514V4.951c0-.624-.332-1.2-.872-1.514L8.878.392zM7.875 1.69a.25.25 0 01.25 0l4.63 2.685L8 7.133 3.245 4.375l4.63-2.685zM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432L2.5 5.677zm6.25 8.271l4.625-2.683a.25.25 0 00.125-.216V5.677L8.75 8.432v5.516z"></path></svg>
        Packages
</a>  </nav>

        </div>

</div>
</div>  </div>
</div>
<div class="container-xl px-3 px-md-4 px-lg-5">
  <div class="gutter-condensed gutter-lg flex-column flex-md-row d-flex">
    <div class="flex-shrink-0 col-12 col-md-3 mb-4 mb-md-0">
            <div class="h-card mt-md-n5" data-acv-badge-hovercards-enabled itemscope itemtype="http://schema.org/Person">

        <div class="user-profile-sticky-bar js-user-profile-sticky-bar d-none d-md-block">
          <div class="user-profile-mini-vcard d-table">
            <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">
              <img class="rounded-1 avatar-user" height="32" width="32" alt="@ngoctp" src="https://avatars3.githubusercontent.com/u/4251459?s=88&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4" />
            </span>
            <span class="d-table-cell v-align-middle lh-condensed">
              <strong>ngoctp</strong>
              
  <span class="user-following-container">
    <span class="follow d-block">
      <a class="btn btn-sm mini-follow-button " data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;follow button&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="50c8fe30f534c2fc657f60f4d362cbce843e95f929c96a376221c86b2817c1b6" href="/login?return_to=%2Fngoctp">Follow</a>
    </span>
  </span>

            </span>
          </div>
        </div>

          
<div class="clearfix d-flex d-md-block flex-items-center mb-4 mb-md-0">
  <div class="position-relative d-inline-block col-2 col-md-12 mr-3 mr-md-0 flex-shrink-0" style="z-index:4;">
      <a itemprop="image" href="https://avatars1.githubusercontent.com/u/4251459?s=400&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4"><img style="height:auto;" alt="Avatar" width="260" height="260" class="avatar avatar-user width-full border bg-white" src="https://avatars1.githubusercontent.com/u/4251459?s=460&amp;u=8c9d6f6953700e825ae0c9bbe7091eec64da9196&amp;v=4" /></a>
    

  </div>

  <div class="vcard-names-container float-left col-10 col-md-12 pt-1 pt-md-3 pb-1 pb-md-3 js-sticky js-user-profile-sticky-fields">
    <h1 class="vcard-names pl-2 pl-md-0">
      <span class="p-name vcard-fullname d-block overflow-hidden" itemprop="name">Ngoc P. Tran</span>
      <span class="p-nickname vcard-username d-block" itemprop="additionalName">ngoctp</span>
    </h1>
  </div>
</div>




<div class="p-note user-profile-bio mb-3 js-user-profile-bio f4"
  ><div>Don't use, learn it</div></div>

<div class="d-flex flex-column">
  <div class="flex-order-1 flex-md-order-none">

      <div class="d-flex">
            <div class="flex-1 mb-0 mb-md-3">
              <div class="js-sticky js-user-profile-follow-button pb-1 mb-n1"></div>
              
  <span class="user-following-container">
    <span class="follow d-block">
      <a class="btn btn-block " data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;follow button&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;LOG_IN&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="50c8fe30f534c2fc657f60f4d362cbce843e95f929c96a376221c86b2817c1b6" href="/login?return_to=%2Fngoctp">Follow</a>
    </span>
  </span>

            </div>
          <div class="flex-shrink-0 ml-2 d-flex flex-items-center mb-0 mb-md-3">
            <details id="blob-more-options-details" class="details-overlay details-reset position-relative">
  <summary role="button" type="button" class="btn ">
    <span class="px-2 link-gray">
                  <svg aria-label="More options" height="16" class="octicon octicon-kebab-horizontal" viewBox="0 0 16 16" version="1.1" width="16" role="img"><path d="M8 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM1.5 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm13 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path></svg>
                </span>
</summary>  <div>
    <ul class="dropdown-menu dropdown-menu-sw">
                  <li>
                    <div>
  <details class="details-reset details-overlay details-overlay-dark " >
          <summary class="dropdown-item text-small">
        Block or report user
      </summary>

  <details-dialog
    class="Box d-flex flex-column anim-fade-in fast Box-overlay--narrow"
      aria-label="Block or report ngoctp"
>
    <div class="Box-header">
      <button class="Box-btn-octicon btn-octicon float-right" type="button" aria-label="Close dialog" data-close-dialog>
        <svg height="16" class="octicon octicon-x" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg>
      </button>
      <h1 class="Box-title">Block or report ngoctp</h1>
    </div>
      <div class="Box-body overflow-auto">
              <div class="border-bottom">
        <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="mb-3" action="/account/ignore_user/ngoctp" accept-charset="UTF-8" method="post"><input type="hidden" data-csrf="true" name="authenticity_token" value="yo4VxpUykhTGuFDvr8sLk7l/rwMqUBelm/piIJmbt1DeZBV/epuxmzYqt3ZmQH4K+GIM+FIRf89PUE5+Z7j75Q==" />
          <strong>Block user</strong>
          <p>
              Prevent this user from interacting with your repositories and sending you notifications.
            Learn more about <a href="https://docs.github.com/en/articles/blocking-a-user-from-your-personal-account">blocking users</a>.
          </p>




          <button type="submit" class="btn btn-danger">
            Block user
          </button>
</form>      </div>
      <div class="mt-3">
        <strong>Report abuse</strong>
        <p>
          Contact GitHub support about this user’s behavior.
          Learn more about <a href="https://docs.github.com/en/articles/reporting-abuse-or-spam">reporting abuse</a>.
        </p>
        <a href="/contact/report-abuse?report=ngoctp+%28user%29" class="btn btn-danger">Report abuse</a>
      </div>

      </div>
  </details-dialog>
</details>
</div>

                  </li>
                </ul>
</div></details>          </div>
      </div>

  </div>

  

<div class="js-profile-editable-area d-flex flex-column d-md-block">

    <div class="flex-order-1 flex-md-order-none mt-2 mt-md-0">
      <div class="mb-3">
        <a class="link-gray no-underline no-wrap" href="/ngoctp?tab=followers">
          <svg text="gray-light" height="16" class="octicon octicon-people text-gray-light" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><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"></path></svg>
          <span class="text-bold text-gray-dark" >1</span>
          follower
</a>        &middot; <a class="link-gray no-underline no-wrap" href="/ngoctp?tab=following">
          <span class="text-bold text-gray-dark" >0</span>
          following
</a>        &middot; <a class="link-gray no-underline no-wrap" href="/ngoctp?tab=stars">
          <svg text="gray-light" height="16" class="octicon octicon-star text-gray-light" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
          <span class="text-bold text-gray-dark">40</span>
</a>      </div>

    </div>

  <ul class="vcard-details">
        <li class="vcard-detail pt-1 css-truncate css-truncate-target hide-sm hide-md" itemprop="worksFor" show_title="false" aria-label="Organization: FPT Software"><svg class="octicon octicon-organization" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"></path></svg>
          <span class="p-org"><div>FPT Software</div></span>
</li>
      <li class="vcard-detail pt-1 css-truncate css-truncate-target hide-sm hide-md" itemprop="homeLocation" show_title="false" aria-label="Home location: Hanoi, Vietnam"><svg class="octicon octicon-location" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"></path></svg>
        <span class="p-label">Hanoi, Vietnam</span>
</li>

    <li itemprop="url" data-test-selector="profile-website-url" class="vcard-detail pt-1 css-truncate css-truncate-target "><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg>
      <a rel="nofollow me" class="link-gray-dark " href="http://ngoctp.com">http://ngoctp.com</a>
</li>
    
  </ul>
</div>

</div>

  <div class="border-top pt-3 mt-3 d-none d-md-block">
    <h2 class="h4 mb-2">Highlights</h2>

    <ul class="list-style-none">
        <li class="mt-2 position-relative">
          <span class="cursor-pointer" data-hovercard-type="acv_badge" data-hovercard-url="/users/ngoctp/acv/hovercard"
            >
            <svg class="octicon octicon-north-star text-gray-light mr-1" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="M8.5.75a.75.75 0 00-1.5 0v5.19L4.391 3.33a.75.75 0 10-1.06 1.061L5.939 7H.75a.75.75 0 000 1.5h5.19l-2.61 2.609a.75.75 0 101.061 1.06L7 9.561v5.189a.75.75 0 001.5 0V9.56l2.609 2.61a.75.75 0 101.06-1.061L9.561 8.5h5.189a.75.75 0 000-1.5H9.56l2.61-2.609a.75.75 0 00-1.061-1.06L8.5 5.939V.75z"></path></svg>Arctic Code Vault Contributor
          </span>
        </li>







    </ul>
  </div>



          


      </div>

</div>
  <div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0">
          <div class="UnderlineNav user-profile-nav d-block d-md-none position-sticky top-0 pl-3 ml-n3 mr-n3 pr-3 bg-white" style="z-index:3;">
          <nav class="UnderlineNav-body" data-pjax aria-label="User profile">
    <a aria-current="page" class="UnderlineNav-item selected " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_OVERVIEW&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="be6827829f1db73335ef5270a4d7aeabfe569753390f90ffa529748c88ec0029" href="/ngoctp">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-book UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M0 1.75A.75.75 0 01.75 1h4.253c1.227 0 2.317.59 3 1.501A3.744 3.744 0 0111.006 1h4.245a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-4.507a2.25 2.25 0 00-1.591.659l-.622.621a.75.75 0 01-1.06 0l-.622-.621A2.25 2.25 0 005.258 13H.75a.75.75 0 01-.75-.75V1.75zm8.755 3a2.25 2.25 0 012.25-2.25H14.5v9h-3.757c-.71 0-1.4.201-1.992.572l.004-7.322zm-1.504 7.324l.004-5.073-.002-2.253A2.25 2.25 0 005.003 2.5H1.5v9h3.757a3.75 3.75 0 011.994.574z"></path></svg>
      Overview
</a>
    <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_REPOSITORIES&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="0f01f182f96eacab47922ad6b3437118200d73c6286e33df3b3493f21c7d3d44" href="/ngoctp?tab=repositories">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-repo UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
      Repositories
      <span title="21" class="Counter ">21</span>
</a>
    <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_PROJECTS&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="27270f6d551b08400342dbcbd501a033f87c0293df5f064e3e717559c3c86fd4" href="/ngoctp?tab=projects">
      <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-project UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path></svg>
      Projects
      <span title="0" hidden="hidden" class="Counter ">0</span>
</a>
      <a class="UnderlineNav-item " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TAB_PACKAGES&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="456b64c3766afc248e3bf991dec4ee5c840e2151c8450564af53338bf8f1b835" href="/ngoctp?tab=packages">
        <svg classes="UnderlineNav-octicon" hide="sm" height="16" class="octicon octicon-package UnderlineNav-octicon hide-sm" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.878.392a1.75 1.75 0 00-1.756 0l-5.25 3.045A1.75 1.75 0 001 4.951v6.098c0 .624.332 1.2.872 1.514l5.25 3.045a1.75 1.75 0 001.756 0l5.25-3.045c.54-.313.872-.89.872-1.514V4.951c0-.624-.332-1.2-.872-1.514L8.878.392zM7.875 1.69a.25.25 0 01.25 0l4.63 2.685L8 7.133 3.245 4.375l4.63-2.685zM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432L2.5 5.677zm6.25 8.271l4.625-2.683a.25.25 0 00.125-.216V5.677L8.75 8.432v5.516z"></path></svg>
        Packages
</a>  </nav>

      </div>
      <div>
          <signup-prompt class="signup-prompt-bg rounded-1 mt-4" data-prompt="signup" hidden>
    <div class="signup-prompt p-4 text-center mb-4 rounded-1">
      <div class="position-relative">
        <button
          type="button"
          class="position-absolute top-0 right-0 btn-link link-gray"
          data-action="click:signup-prompt#dismiss"
          data-ga-click="(Logged out) Sign up prompt, clicked Dismiss, text:dismiss"
        >
          Dismiss
        </button>
        <h3 class="pt-4 pt-lg-2">Create your own GitHub profile</h3>
        <p class="col-8 mx-auto">Sign up for your own profile on GitHub, the best place to host code, manage projects, and build software alongside 50 million developers.</p>
        <a class="btn btn-primary" data-ga-click="Sign up, click to sign up for account, text:Sign up" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;sign up prompt&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="8a0d8d119b181e0afd357910d0314f7a0560f3dc5054f033376289337c1afbf7" href="/join?source=prompt-users-profile">Sign up</a>
      </div>
    </div>
  </signup-prompt>



        <div class="position-relative">
            

<div class="mt-4">
  
<div class="js-pinned-items-reorder-container">
  <h2 class="f4 mb-2 text-normal">
      Popular repositories
    <img src="https://github.githubassets.com/images/spinners/octocat-spinner-32.gif"
         width="13" class="spinner pinned-items-spinner js-pinned-items-spinner" alt="">
    <span class="ml-2 text-gray f6 js-pinned-items-reorder-message"
      role="status" aria-live="polite"
      data-error-text="Something went wrong."
      data-success-text="Order updated."></span>
  </h2>

    
<ol class="d-flex flex-wrap list-style-none gutter-condensed mb-4">
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/laravel-query-logger" class="text-bold flex-auto min-width-0">
              <span class="repo" title="laravel-query-logger">laravel-query-logger</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            A simple service provider to log all database queries into a file
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #4F5D95"></span>
  <span itemprop="programmingLanguage">PHP</span>
</span>

              <a href="/ngoctp/laravel-query-logger/stargazers" class="pinned-item-meta muted-link ">
                <svg aria-label="stars" class="octicon octicon-star" viewBox="0 0 16 16" version="1.1" width="16" height="16" role="img"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
                5
              </a>
              <a href="/ngoctp/laravel-query-logger/network/members" class="pinned-item-meta muted-link ">
                <svg aria-label="forks" class="octicon octicon-repo-forked" viewBox="0 0 16 16" version="1.1" width="16" height="16" role="img"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
                2
              </a>
          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/clover-uefi-hp-folio-9470m-1600x900" class="text-bold flex-auto min-width-0">
              <span class="repo" title="clover-uefi-hp-folio-9470m-1600x900">clover-uefi-hp-folio-9470m-1600x900</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #ccc"></span>
  <span itemprop="programmingLanguage">Rich Text Format</span>
</span>

              <a href="/ngoctp/clover-uefi-hp-folio-9470m-1600x900/stargazers" class="pinned-item-meta muted-link ">
                <svg aria-label="star" class="octicon octicon-star" viewBox="0 0 16 16" version="1.1" width="16" height="16" role="img"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
                1
              </a>
          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/laravel-easy-jsonapi" class="text-bold flex-auto min-width-0">
              <span class="repo" title="laravel-easy-jsonapi">laravel-easy-jsonapi</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #4F5D95"></span>
  <span itemprop="programmingLanguage">PHP</span>
</span>

              <a href="/ngoctp/laravel-easy-jsonapi/stargazers" class="pinned-item-meta muted-link ">
                <svg aria-label="star" class="octicon octicon-star" viewBox="0 0 16 16" version="1.1" width="16" height="16" role="img"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
                1
              </a>
          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/naptcha" class="text-bold flex-auto min-width-0">
              <span class="repo" title="naptcha">naptcha</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            A captcha plug-in for CakePHP
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #4F5D95"></span>
  <span itemprop="programmingLanguage">PHP</span>
</span>

          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/Call-Utilities" class="text-bold flex-auto min-width-0">
              <span class="repo" title="Call-Utilities">Call-Utilities</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            Call utilities for BlackBerry 10 devices
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #f34b7d"></span>
  <span itemprop="programmingLanguage">C++</span>
</span>

          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/ngoctp/xbmc-hdmi-off" class="text-bold flex-auto min-width-0">
              <span class="repo" title="xbmc-hdmi-off">xbmc-hdmi-off</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            Turn off screen for XBMC
          </p>

          <p class="mb-0 f6 text-gray">
          </p>
        </div>
      </div>
    </li>
</ol>

</div>

</div>

<div class="mt-4 position-relative">
    

<div class="js-yearly-contributions">
  
<div class="position-relative">



    <h2 class="f4 text-normal mb-2">
      0 contributions
        in the last year
    </h2>

    <div class="border py-2 graph-before-activity-overview">
      <div class="js-calendar-graph mx-md-2 mx-3 d-flex flex-column flex-items-end flex-xl-items-center overflow-hidden pt-1 is-graph-loading graph-canvas calendar-graph height-full text-center"
          data-graph-url="/users/ngoctp/contributions?to=2020-10-20"
          data-url="/ngoctp"
          data-from="2019-10-20 00:00:00 UTC"
          data-to="2020-10-20 23:59:59 UTC"
          data-org="">
        
<svg width="828" height="128" class="js-calendar-graph-svg">
  <g transform="translate(10, 20)" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_CALENDAR_SQUARE&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="269535854ebdf0d0d8d22867c05bf4a572660cf83794c475091d1739de0effbb">
      <g transform="translate(0, 0)">
          <rect class="day" width="11" height="11" x="16" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-20"/>
          <rect class="day" width="11" height="11" x="16" y="15" fill="#ebedf0" data-count="0" data-date="2019-10-21"/>
          <rect class="day" width="11" height="11" x="16" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-22"/>
          <rect class="day" width="11" height="11" x="16" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-23"/>
          <rect class="day" width="11" height="11" x="16" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-24"/>
          <rect class="day" width="11" height="11" x="16" y="75" fill="#ebedf0" data-count="0" data-date="2019-10-25"/>
          <rect class="day" width="11" height="11" x="16" y="90" fill="#ebedf0" data-count="0" data-date="2019-10-26"/>
      </g>
      <g transform="translate(16, 0)">
          <rect class="day" width="11" height="11" x="15" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-27"/>
          <rect class="day" width="11" height="11" x="15" y="15" fill="#ebedf0" data-count="0" data-date="2019-10-28"/>
          <rect class="day" width="11" height="11" x="15" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-29"/>
          <rect class="day" width="11" height="11" x="15" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-30"/>
          <rect class="day" width="11" height="11" x="15" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-31"/>
          <rect class="day" width="11" height="11" x="15" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-01"/>
          <rect class="day" width="11" height="11" x="15" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-02"/>
      </g>
      <g transform="translate(32, 0)">
          <rect class="day" width="11" height="11" x="14" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-03"/>
          <rect class="day" width="11" height="11" x="14" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-04"/>
          <rect class="day" width="11" height="11" x="14" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-05"/>
          <rect class="day" width="11" height="11" x="14" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-06"/>
          <rect class="day" width="11" height="11" x="14" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-07"/>
          <rect class="day" width="11" height="11" x="14" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-08"/>
          <rect class="day" width="11" height="11" x="14" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-09"/>
      </g>
      <g transform="translate(48, 0)">
          <rect class="day" width="11" height="11" x="13" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-10"/>
          <rect class="day" width="11" height="11" x="13" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-11"/>
          <rect class="day" width="11" height="11" x="13" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-12"/>
          <rect class="day" width="11" height="11" x="13" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-13"/>
          <rect class="day" width="11" height="11" x="13" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-14"/>
          <rect class="day" width="11" height="11" x="13" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-15"/>
          <rect class="day" width="11" height="11" x="13" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-16"/>
      </g>
      <g transform="translate(64, 0)">
          <rect class="day" width="11" height="11" x="12" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-17"/>
          <rect class="day" width="11" height="11" x="12" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-18"/>
          <rect class="day" width="11" height="11" x="12" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-19"/>
          <rect class="day" width="11" height="11" x="12" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-20"/>
          <rect class="day" width="11" height="11" x="12" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-21"/>
          <rect class="day" width="11" height="11" x="12" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-22"/>
          <rect class="day" width="11" height="11" x="12" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-23"/>
      </g>
      <g transform="translate(80, 0)">
          <rect class="day" width="11" height="11" x="11" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-24"/>
          <rect class="day" width="11" height="11" x="11" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-25"/>
          <rect class="day" width="11" height="11" x="11" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-26"/>
          <rect class="day" width="11" height="11" x="11" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-27"/>
          <rect class="day" width="11" height="11" x="11" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-28"/>
          <rect class="day" width="11" height="11" x="11" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-29"/>
          <rect class="day" width="11" height="11" x="11" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-30"/>
      </g>
      <g transform="translate(96, 0)">
          <rect class="day" width="11" height="11" x="10" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-01"/>
          <rect class="day" width="11" height="11" x="10" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-02"/>
          <rect class="day" width="11" height="11" x="10" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-03"/>
          <rect class="day" width="11" height="11" x="10" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-04"/>
          <rect class="day" width="11" height="11" x="10" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-05"/>
          <rect class="day" width="11" height="11" x="10" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-06"/>
          <rect class="day" width="11" height="11" x="10" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-07"/>
      </g>
      <g transform="translate(112, 0)">
          <rect class="day" width="11" height="11" x="9" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-08"/>
          <rect class="day" width="11" height="11" x="9" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-09"/>
          <rect class="day" width="11" height="11" x="9" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-10"/>
          <rect class="day" width="11" height="11" x="9" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-11"/>
          <rect class="day" width="11" height="11" x="9" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-12"/>
          <rect class="day" width="11" height="11" x="9" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-13"/>
          <rect class="day" width="11" height="11" x="9" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-14"/>
      </g>
      <g transform="translate(128, 0)">
          <rect class="day" width="11" height="11" x="8" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-15"/>
          <rect class="day" width="11" height="11" x="8" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-16"/>
          <rect class="day" width="11" height="11" x="8" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-17"/>
          <rect class="day" width="11" height="11" x="8" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-18"/>
          <rect class="day" width="11" height="11" x="8" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-19"/>
          <rect class="day" width="11" height="11" x="8" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-20"/>
          <rect class="day" width="11" height="11" x="8" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-21"/>
      </g>
      <g transform="translate(144, 0)">
          <rect class="day" width="11" height="11" x="7" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-22"/>
          <rect class="day" width="11" height="11" x="7" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-23"/>
          <rect class="day" width="11" height="11" x="7" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-24"/>
          <rect class="day" width="11" height="11" x="7" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-25"/>
          <rect class="day" width="11" height="11" x="7" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-26"/>
          <rect class="day" width="11" height="11" x="7" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-27"/>
          <rect class="day" width="11" height="11" x="7" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-28"/>
      </g>
      <g transform="translate(160, 0)">
          <rect class="day" width="11" height="11" x="6" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-29"/>
          <rect class="day" width="11" height="11" x="6" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-30"/>
          <rect class="day" width="11" height="11" x="6" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-31"/>
          <rect class="day" width="11" height="11" x="6" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-01"/>
          <rect class="day" width="11" height="11" x="6" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-02"/>
          <rect class="day" width="11" height="11" x="6" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-03"/>
          <rect class="day" width="11" height="11" x="6" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-04"/>
      </g>
      <g transform="translate(176, 0)">
          <rect class="day" width="11" height="11" x="5" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-05"/>
          <rect class="day" width="11" height="11" x="5" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-06"/>
          <rect class="day" width="11" height="11" x="5" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-07"/>
          <rect class="day" width="11" height="11" x="5" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-08"/>
          <rect class="day" width="11" height="11" x="5" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-09"/>
          <rect class="day" width="11" height="11" x="5" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-10"/>
          <rect class="day" width="11" height="11" x="5" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-11"/>
      </g>
      <g transform="translate(192, 0)">
          <rect class="day" width="11" height="11" x="4" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-12"/>
          <rect class="day" width="11" height="11" x="4" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-13"/>
          <rect class="day" width="11" height="11" x="4" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-14"/>
          <rect class="day" width="11" height="11" x="4" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-15"/>
          <rect class="day" width="11" height="11" x="4" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-16"/>
          <rect class="day" width="11" height="11" x="4" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-17"/>
          <rect class="day" width="11" height="11" x="4" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-18"/>
      </g>
      <g transform="translate(208, 0)">
          <rect class="day" width="11" height="11" x="3" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-19"/>
          <rect class="day" width="11" height="11" x="3" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-20"/>
          <rect class="day" width="11" height="11" x="3" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-21"/>
          <rect class="day" width="11" height="11" x="3" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-22"/>
          <rect class="day" width="11" height="11" x="3" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-23"/>
          <rect class="day" width="11" height="11" x="3" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-24"/>
          <rect class="day" width="11" height="11" x="3" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-25"/>
      </g>
      <g transform="translate(224, 0)">
          <rect class="day" width="11" height="11" x="2" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-26"/>
          <rect class="day" width="11" height="11" x="2" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-27"/>
          <rect class="day" width="11" height="11" x="2" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-28"/>
          <rect class="day" width="11" height="11" x="2" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-29"/>
          <rect class="day" width="11" height="11" x="2" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-30"/>
          <rect class="day" width="11" height="11" x="2" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-31"/>
          <rect class="day" width="11" height="11" x="2" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-01"/>
      </g>
      <g transform="translate(240, 0)">
          <rect class="day" width="11" height="11" x="1" y="0" fill="#ebedf0" data-count="0" data-date="2020-02-02"/>
          <rect class="day" width="11" height="11" x="1" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-03"/>
          <rect class="day" width="11" height="11" x="1" y="30" fill="#ebedf0" data-count="0" data-date="2020-02-04"/>
          <rect class="day" width="11" height="11" x="1" y="45" fill="#ebedf0" data-count="0" data-date="2020-02-05"/>
          <rect class="day" width="11" height="11" x="1" y="60" fill="#ebedf0" data-count="0" data-date="2020-02-06"/>
          <rect class="day" width="11" height="11" x="1" y="75" fill="#ebedf0" data-count="0" data-date="2020-02-07"/>
          <rect class="day" width="11" height="11" x="1" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-08"/>
      </g>
      <g transform="translate(256, 0)">
          <rect class="day" width="11" height="11" x="0" y="0" fill="#ebedf0" data-count="0" data-date="2020-02-09"/>
          <rect class="day" width="11" height="11" x="0" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-10"/>
          <rect class="day" width="11" height="11" x="0" y="30" fill="#ebedf0" data-count="0" data-date="2020-02-11"/>
          <rect class="day" width="11" height="11" x="0" y="45" fill="#ebedf0" data-count="0" data-date="2020-02-12"/>
          <rect class="day" width="11" height="11" x="0" y="60" fill="#ebedf0" data-count="0" data-date="2020-02-13"/>
          <rect class="day" width="11" height="11" x="0" y="75" fill="#ebedf0" data-count="0" data-date="2020-02-14"/>
          <rect class="day" width="11" height="11" x="0" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-15"/>
      </g>
      <g transform="translate(272, 0)">
          <rect class="day" width="11" height="11" x="-1" y="0" fill="#ebedf0" data-count="0" data-date="2020-02-16"/>
          <rect class="day" width="11" height="11" x="-1" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-17"/>
          <rect class="day" width="11" height="11" x="-1" y="30" fill="#ebedf0" data-count="0" data-date="2020-02-18"/>
          <rect class="day" width="11" height="11" x="-1" y="45" fill="#ebedf0" data-count="0" data-date="2020-02-19"/>
          <rect class="day" width="11" height="11" x="-1" y="60" fill="#ebedf0" data-count="0" data-date="2020-02-20"/>
          <rect class="day" width="11" height="11" x="-1" y="75" fill="#ebedf0" data-count="0" data-date="2020-02-21"/>
          <rect class="day" width="11" height="11" x="-1" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-22"/>
      </g>
      <g transform="translate(288, 0)">
          <rect class="day" width="11" height="11" x="-2" y="0" fill="#ebedf0" data-count="0" data-date="2020-02-23"/>
          <rect class="day" width="11" height="11" x="-2" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-24"/>
          <rect class="day" width="11" height="11" x="-2" y="30" fill="#ebedf0" data-count="0" data-date="2020-02-25"/>
          <rect class="day" width="11" height="11" x="-2" y="45" fill="#ebedf0" data-count="0" data-date="2020-02-26"/>
          <rect class="day" width="11" height="11" x="-2" y="60" fill="#ebedf0" data-count="0" data-date="2020-02-27"/>
          <rect class="day" width="11" height="11" x="-2" y="75" fill="#ebedf0" data-count="0" data-date="2020-02-28"/>
          <rect class="day" width="11" height="11" x="-2" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-29"/>
      </g>
      <g transform="translate(304, 0)">
          <rect class="day" width="11" height="11" x="-3" y="0" fill="#ebedf0" data-count="0" data-date="2020-03-01"/>
          <rect class="day" width="11" height="11" x="-3" y="15" fill="#ebedf0" data-count="0" data-date="2020-03-02"/>
          <rect class="day" width="11" height="11" x="-3" y="30" fill="#ebedf0" data-count="0" data-date="2020-03-03"/>
          <rect class="day" width="11" height="11" x="-3" y="45" fill="#ebedf0" data-count="0" data-date="2020-03-04"/>
          <rect class="day" width="11" height="11" x="-3" y="60" fill="#ebedf0" data-count="0" data-date="2020-03-05"/>
          <rect class="day" width="11" height="11" x="-3" y="75" fill="#ebedf0" data-count="0" data-date="2020-03-06"/>
          <rect class="day" width="11" height="11" x="-3" y="90" fill="#ebedf0" data-count="0" data-date="2020-03-07"/>
      </g>
      <g transform="translate(320, 0)">
          <rect class="day" width="11" height="11" x="-4" y="0" fill="#ebedf0" data-count="0" data-date="2020-03-08"/>
          <rect class="day" width="11" height="11" x="-4" y="15" fill="#ebedf0" data-count="0" data-date="2020-03-09"/>
          <rect class="day" width="11" height="11" x="-4" y="30" fill="#ebedf0" data-count="0" data-date="2020-03-10"/>
          <rect class="day" width="11" height="11" x="-4" y="45" fill="#ebedf0" data-count="0" data-date="2020-03-11"/>
          <rect class="day" width="11" height="11" x="-4" y="60" fill="#ebedf0" data-count="0" data-date="2020-03-12"/>
          <rect class="day" width="11" height="11" x="-4" y="75" fill="#ebedf0" data-count="0" data-date="2020-03-13"/>
          <rect class="day" width="11" height="11" x="-4" y="90" fill="#ebedf0" data-count="0" data-date="2020-03-14"/>
      </g>
      <g transform="translate(336, 0)">
          <rect class="day" width="11" height="11" x="-5" y="0" fill="#ebedf0" data-count="0" data-date="2020-03-15"/>
          <rect class="day" width="11" height="11" x="-5" y="15" fill="#ebedf0" data-count="0" data-date="2020-03-16"/>
          <rect class="day" width="11" height="11" x="-5" y="30" fill="#ebedf0" data-count="0" data-date="2020-03-17"/>
          <rect class="day" width="11" height="11" x="-5" y="45" fill="#ebedf0" data-count="0" data-date="2020-03-18"/>
          <rect class="day" width="11" height="11" x="-5" y="60" fill="#ebedf0" data-count="0" data-date="2020-03-19"/>
          <rect class="day" width="11" height="11" x="-5" y="75" fill="#ebedf0" data-count="0" data-date="2020-03-20"/>
          <rect class="day" width="11" height="11" x="-5" y="90" fill="#ebedf0" data-count="0" data-date="2020-03-21"/>
      </g>
      <g transform="translate(352, 0)">
          <rect class="day" width="11" height="11" x="-6" y="0" fill="#ebedf0" data-count="0" data-date="2020-03-22"/>
          <rect class="day" width="11" height="11" x="-6" y="15" fill="#ebedf0" data-count="0" data-date="2020-03-23"/>
          <rect class="day" width="11" height="11" x="-6" y="30" fill="#ebedf0" data-count="0" data-date="2020-03-24"/>
          <rect class="day" width="11" height="11" x="-6" y="45" fill="#ebedf0" data-count="0" data-date="2020-03-25"/>
          <rect class="day" width="11" height="11" x="-6" y="60" fill="#ebedf0" data-count="0" data-date="2020-03-26"/>
          <rect class="day" width="11" height="11" x="-6" y="75" fill="#ebedf0" data-count="0" data-date="2020-03-27"/>
          <rect class="day" width="11" height="11" x="-6" y="90" fill="#ebedf0" data-count="0" data-date="2020-03-28"/>
      </g>
      <g transform="translate(368, 0)">
          <rect class="day" width="11" height="11" x="-7" y="0" fill="#ebedf0" data-count="0" data-date="2020-03-29"/>
          <rect class="day" width="11" height="11" x="-7" y="15" fill="#ebedf0" data-count="0" data-date="2020-03-30"/>
          <rect class="day" width="11" height="11" x="-7" y="30" fill="#ebedf0" data-count="0" data-date="2020-03-31"/>
          <rect class="day" width="11" height="11" x="-7" y="45" fill="#ebedf0" data-count="0" data-date="2020-04-01"/>
          <rect class="day" width="11" height="11" x="-7" y="60" fill="#ebedf0" data-count="0" data-date="2020-04-02"/>
          <rect class="day" width="11" height="11" x="-7" y="75" fill="#ebedf0" data-count="0" data-date="2020-04-03"/>
          <rect class="day" width="11" height="11" x="-7" y="90" fill="#ebedf0" data-count="0" data-date="2020-04-04"/>
      </g>
      <g transform="translate(384, 0)">
          <rect class="day" width="11" height="11" x="-8" y="0" fill="#ebedf0" data-count="0" data-date="2020-04-05"/>
          <rect class="day" width="11" height="11" x="-8" y="15" fill="#ebedf0" data-count="0" data-date="2020-04-06"/>
          <rect class="day" width="11" height="11" x="-8" y="30" fill="#ebedf0" data-count="0" data-date="2020-04-07"/>
          <rect class="day" width="11" height="11" x="-8" y="45" fill="#ebedf0" data-count="0" data-date="2020-04-08"/>
          <rect class="day" width="11" height="11" x="-8" y="60" fill="#ebedf0" data-count="0" data-date="2020-04-09"/>
          <rect class="day" width="11" height="11" x="-8" y="75" fill="#ebedf0" data-count="0" data-date="2020-04-10"/>
          <rect class="day" width="11" height="11" x="-8" y="90" fill="#ebedf0" data-count="0" data-date="2020-04-11"/>
      </g>
      <g transform="translate(400, 0)">
          <rect class="day" width="11" height="11" x="-9" y="0" fill="#ebedf0" data-count="0" data-date="2020-04-12"/>
          <rect class="day" width="11" height="11" x="-9" y="15" fill="#ebedf0" data-count="0" data-date="2020-04-13"/>
          <rect class="day" width="11" height="11" x="-9" y="30" fill="#ebedf0" data-count="0" data-date="2020-04-14"/>
          <rect class="day" width="11" height="11" x="-9" y="45" fill="#ebedf0" data-count="0" data-date="2020-04-15"/>
          <rect class="day" width="11" height="11" x="-9" y="60" fill="#ebedf0" data-count="0" data-date="2020-04-16"/>
          <rect class="day" width="11" height="11" x="-9" y="75" fill="#ebedf0" data-count="0" data-date="2020-04-17"/>
          <rect class="day" width="11" height="11" x="-9" y="90" fill="#ebedf0" data-count="0" data-date="2020-04-18"/>
      </g>
      <g transform="translate(416, 0)">
          <rect class="day" width="11" height="11" x="-10" y="0" fill="#ebedf0" data-count="0" data-date="2020-04-19"/>
          <rect class="day" width="11" height="11" x="-10" y="15" fill="#ebedf0" data-count="0" data-date="2020-04-20"/>
          <rect class="day" width="11" height="11" x="-10" y="30" fill="#ebedf0" data-count="0" data-date="2020-04-21"/>
          <rect class="day" width="11" height="11" x="-10" y="45" fill="#ebedf0" data-count="0" data-date="2020-04-22"/>
          <rect class="day" width="11" height="11" x="-10" y="60" fill="#ebedf0" data-count="0" data-date="2020-04-23"/>
          <rect class="day" width="11" height="11" x="-10" y="75" fill="#ebedf0" data-count="0" data-date="2020-04-24"/>
          <rect class="day" width="11" height="11" x="-10" y="90" fill="#ebedf0" data-count="0" data-date="2020-04-25"/>
      </g>
      <g transform="translate(432, 0)">
          <rect class="day" width="11" height="11" x="-11" y="0" fill="#ebedf0" data-count="0" data-date="2020-04-26"/>
          <rect class="day" width="11" height="11" x="-11" y="15" fill="#ebedf0" data-count="0" data-date="2020-04-27"/>
          <rect class="day" width="11" height="11" x="-11" y="30" fill="#ebedf0" data-count="0" data-date="2020-04-28"/>
          <rect class="day" width="11" height="11" x="-11" y="45" fill="#ebedf0" data-count="0" data-date="2020-04-29"/>
          <rect class="day" width="11" height="11" x="-11" y="60" fill="#ebedf0" data-count="0" data-date="2020-04-30"/>
          <rect class="day" width="11" height="11" x="-11" y="75" fill="#ebedf0" data-count="0" data-date="2020-05-01"/>
          <rect class="day" width="11" height="11" x="-11" y="90" fill="#ebedf0" data-count="0" data-date="2020-05-02"/>
      </g>
      <g transform="translate(448, 0)">
          <rect class="day" width="11" height="11" x="-12" y="0" fill="#ebedf0" data-count="0" data-date="2020-05-03"/>
          <rect class="day" width="11" height="11" x="-12" y="15" fill="#ebedf0" data-count="0" data-date="2020-05-04"/>
          <rect class="day" width="11" height="11" x="-12" y="30" fill="#ebedf0" data-count="0" data-date="2020-05-05"/>
          <rect class="day" width="11" height="11" x="-12" y="45" fill="#ebedf0" data-count="0" data-date="2020-05-06"/>
          <rect class="day" width="11" height="11" x="-12" y="60" fill="#ebedf0" data-count="0" data-date="2020-05-07"/>
          <rect class="day" width="11" height="11" x="-12" y="75" fill="#ebedf0" data-count="0" data-date="2020-05-08"/>
          <rect class="day" width="11" height="11" x="-12" y="90" fill="#ebedf0" data-count="0" data-date="2020-05-09"/>
      </g>
      <g transform="translate(464, 0)">
          <rect class="day" width="11" height="11" x="-13" y="0" fill="#ebedf0" data-count="0" data-date="2020-05-10"/>
          <rect class="day" width="11" height="11" x="-13" y="15" fill="#ebedf0" data-count="0" data-date="2020-05-11"/>
          <rect class="day" width="11" height="11" x="-13" y="30" fill="#ebedf0" data-count="0" data-date="2020-05-12"/>
          <rect class="day" width="11" height="11" x="-13" y="45" fill="#ebedf0" data-count="0" data-date="2020-05-13"/>
          <rect class="day" width="11" height="11" x="-13" y="60" fill="#ebedf0" data-count="0" data-date="2020-05-14"/>
          <rect class="day" width="11" height="11" x="-13" y="75" fill="#ebedf0" data-count="0" data-date="2020-05-15"/>
          <rect class="day" width="11" height="11" x="-13" y="90" fill="#ebedf0" data-count="0" data-date="2020-05-16"/>
      </g>
      <g transform="translate(480, 0)">
          <rect class="day" width="11" height="11" x="-14" y="0" fill="#ebedf0" data-count="0" data-date="2020-05-17"/>
          <rect class="day" width="11" height="11" x="-14" y="15" fill="#ebedf0" data-count="0" data-date="2020-05-18"/>
          <rect class="day" width="11" height="11" x="-14" y="30" fill="#ebedf0" data-count="0" data-date="2020-05-19"/>
          <rect class="day" width="11" height="11" x="-14" y="45" fill="#ebedf0" data-count="0" data-date="2020-05-20"/>
          <rect class="day" width="11" height="11" x="-14" y="60" fill="#ebedf0" data-count="0" data-date="2020-05-21"/>
          <rect class="day" width="11" height="11" x="-14" y="75" fill="#ebedf0" data-count="0" data-date="2020-05-22"/>
          <rect class="day" width="11" height="11" x="-14" y="90" fill="#ebedf0" data-count="0" data-date="2020-05-23"/>
      </g>
      <g transform="translate(496, 0)">
          <rect class="day" width="11" height="11" x="-15" y="0" fill="#ebedf0" data-count="0" data-date="2020-05-24"/>
          <rect class="day" width="11" height="11" x="-15" y="15" fill="#ebedf0" data-count="0" data-date="2020-05-25"/>
          <rect class="day" width="11" height="11" x="-15" y="30" fill="#ebedf0" data-count="0" data-date="2020-05-26"/>
          <rect class="day" width="11" height="11" x="-15" y="45" fill="#ebedf0" data-count="0" data-date="2020-05-27"/>
          <rect class="day" width="11" height="11" x="-15" y="60" fill="#ebedf0" data-count="0" data-date="2020-05-28"/>
          <rect class="day" width="11" height="11" x="-15" y="75" fill="#ebedf0" data-count="0" data-date="2020-05-29"/>
          <rect class="day" width="11" height="11" x="-15" y="90" fill="#ebedf0" data-count="0" data-date="2020-05-30"/>
      </g>
      <g transform="translate(512, 0)">
          <rect class="day" width="11" height="11" x="-16" y="0" fill="#ebedf0" data-count="0" data-date="2020-05-31"/>
          <rect class="day" width="11" height="11" x="-16" y="15" fill="#ebedf0" data-count="0" data-date="2020-06-01"/>
          <rect class="day" width="11" height="11" x="-16" y="30" fill="#ebedf0" data-count="0" data-date="2020-06-02"/>
          <rect class="day" width="11" height="11" x="-16" y="45" fill="#ebedf0" data-count="0" data-date="2020-06-03"/>
          <rect class="day" width="11" height="11" x="-16" y="60" fill="#ebedf0" data-count="0" data-date="2020-06-04"/>
          <rect class="day" width="11" height="11" x="-16" y="75" fill="#ebedf0" data-count="0" data-date="2020-06-05"/>
          <rect class="day" width="11" height="11" x="-16" y="90" fill="#ebedf0" data-count="0" data-date="2020-06-06"/>
      </g>
      <g transform="translate(528, 0)">
          <rect class="day" width="11" height="11" x="-17" y="0" fill="#ebedf0" data-count="0" data-date="2020-06-07"/>
          <rect class="day" width="11" height="11" x="-17" y="15" fill="#ebedf0" data-count="0" data-date="2020-06-08"/>
          <rect class="day" width="11" height="11" x="-17" y="30" fill="#ebedf0" data-count="0" data-date="2020-06-09"/>
          <rect class="day" width="11" height="11" x="-17" y="45" fill="#ebedf0" data-count="0" data-date="2020-06-10"/>
          <rect class="day" width="11" height="11" x="-17" y="60" fill="#ebedf0" data-count="0" data-date="2020-06-11"/>
          <rect class="day" width="11" height="11" x="-17" y="75" fill="#ebedf0" data-count="0" data-date="2020-06-12"/>
          <rect class="day" width="11" height="11" x="-17" y="90" fill="#ebedf0" data-count="0" data-date="2020-06-13"/>
      </g>
      <g transform="translate(544, 0)">
          <rect class="day" width="11" height="11" x="-18" y="0" fill="#ebedf0" data-count="0" data-date="2020-06-14"/>
          <rect class="day" width="11" height="11" x="-18" y="15" fill="#ebedf0" data-count="0" data-date="2020-06-15"/>
          <rect class="day" width="11" height="11" x="-18" y="30" fill="#ebedf0" data-count="0" data-date="2020-06-16"/>
          <rect class="day" width="11" height="11" x="-18" y="45" fill="#ebedf0" data-count="0" data-date="2020-06-17"/>
          <rect class="day" width="11" height="11" x="-18" y="60" fill="#ebedf0" data-count="0" data-date="2020-06-18"/>
          <rect class="day" width="11" height="11" x="-18" y="75" fill="#ebedf0" data-count="0" data-date="2020-06-19"/>
          <rect class="day" width="11" height="11" x="-18" y="90" fill="#ebedf0" data-count="0" data-date="2020-06-20"/>
      </g>
      <g transform="translate(560, 0)">
          <rect class="day" width="11" height="11" x="-19" y="0" fill="#ebedf0" data-count="0" data-date="2020-06-21"/>
          <rect class="day" width="11" height="11" x="-19" y="15" fill="#ebedf0" data-count="0" data-date="2020-06-22"/>
          <rect class="day" width="11" height="11" x="-19" y="30" fill="#ebedf0" data-count="0" data-date="2020-06-23"/>
          <rect class="day" width="11" height="11" x="-19" y="45" fill="#ebedf0" data-count="0" data-date="2020-06-24"/>
          <rect class="day" width="11" height="11" x="-19" y="60" fill="#ebedf0" data-count="0" data-date="2020-06-25"/>
          <rect class="day" width="11" height="11" x="-19" y="75" fill="#ebedf0" data-count="0" data-date="2020-06-26"/>
          <rect class="day" width="11" height="11" x="-19" y="90" fill="#ebedf0" data-count="0" data-date="2020-06-27"/>
      </g>
      <g transform="translate(576, 0)">
          <rect class="day" width="11" height="11" x="-20" y="0" fill="#ebedf0" data-count="0" data-date="2020-06-28"/>
          <rect class="day" width="11" height="11" x="-20" y="15" fill="#ebedf0" data-count="0" data-date="2020-06-29"/>
          <rect class="day" width="11" height="11" x="-20" y="30" fill="#ebedf0" data-count="0" data-date="2020-06-30"/>
          <rect class="day" width="11" height="11" x="-20" y="45" fill="#ebedf0" data-count="0" data-date="2020-07-01"/>
          <rect class="day" width="11" height="11" x="-20" y="60" fill="#ebedf0" data-count="0" data-date="2020-07-02"/>
          <rect class="day" width="11" height="11" x="-20" y="75" fill="#ebedf0" data-count="0" data-date="2020-07-03"/>
          <rect class="day" width="11" height="11" x="-20" y="90" fill="#ebedf0" data-count="0" data-date="2020-07-04"/>
      </g>
      <g transform="translate(592, 0)">
          <rect class="day" width="11" height="11" x="-21" y="0" fill="#ebedf0" data-count="0" data-date="2020-07-05"/>
          <rect class="day" width="11" height="11" x="-21" y="15" fill="#ebedf0" data-count="0" data-date="2020-07-06"/>
          <rect class="day" width="11" height="11" x="-21" y="30" fill="#ebedf0" data-count="0" data-date="2020-07-07"/>
          <rect class="day" width="11" height="11" x="-21" y="45" fill="#ebedf0" data-count="0" data-date="2020-07-08"/>
          <rect class="day" width="11" height="11" x="-21" y="60" fill="#ebedf0" data-count="0" data-date="2020-07-09"/>
          <rect class="day" width="11" height="11" x="-21" y="75" fill="#ebedf0" data-count="0" data-date="2020-07-10"/>
          <rect class="day" width="11" height="11" x="-21" y="90" fill="#ebedf0" data-count="0" data-date="2020-07-11"/>
      </g>
      <g transform="translate(608, 0)">
          <rect class="day" width="11" height="11" x="-22" y="0" fill="#ebedf0" data-count="0" data-date="2020-07-12"/>
          <rect class="day" width="11" height="11" x="-22" y="15" fill="#ebedf0" data-count="0" data-date="2020-07-13"/>
          <rect class="day" width="11" height="11" x="-22" y="30" fill="#ebedf0" data-count="0" data-date="2020-07-14"/>
          <rect class="day" width="11" height="11" x="-22" y="45" fill="#ebedf0" data-count="0" data-date="2020-07-15"/>
          <rect class="day" width="11" height="11" x="-22" y="60" fill="#ebedf0" data-count="0" data-date="2020-07-16"/>
          <rect class="day" width="11" height="11" x="-22" y="75" fill="#ebedf0" data-count="0" data-date="2020-07-17"/>
          <rect class="day" width="11" height="11" x="-22" y="90" fill="#ebedf0" data-count="0" data-date="2020-07-18"/>
      </g>
      <g transform="translate(624, 0)">
          <rect class="day" width="11" height="11" x="-23" y="0" fill="#ebedf0" data-count="0" data-date="2020-07-19"/>
          <rect class="day" width="11" height="11" x="-23" y="15" fill="#ebedf0" data-count="0" data-date="2020-07-20"/>
          <rect class="day" width="11" height="11" x="-23" y="30" fill="#ebedf0" data-count="0" data-date="2020-07-21"/>
          <rect class="day" width="11" height="11" x="-23" y="45" fill="#ebedf0" data-count="0" data-date="2020-07-22"/>
          <rect class="day" width="11" height="11" x="-23" y="60" fill="#ebedf0" data-count="0" data-date="2020-07-23"/>
          <rect class="day" width="11" height="11" x="-23" y="75" fill="#ebedf0" data-count="0" data-date="2020-07-24"/>
          <rect class="day" width="11" height="11" x="-23" y="90" fill="#ebedf0" data-count="0" data-date="2020-07-25"/>
      </g>
      <g transform="translate(640, 0)">
          <rect class="day" width="11" height="11" x="-24" y="0" fill="#ebedf0" data-count="0" data-date="2020-07-26"/>
          <rect class="day" width="11" height="11" x="-24" y="15" fill="#ebedf0" data-count="0" data-date="2020-07-27"/>
          <rect class="day" width="11" height="11" x="-24" y="30" fill="#ebedf0" data-count="0" data-date="2020-07-28"/>
          <rect class="day" width="11" height="11" x="-24" y="45" fill="#ebedf0" data-count="0" data-date="2020-07-29"/>
          <rect class="day" width="11" height="11" x="-24" y="60" fill="#ebedf0" data-count="0" data-date="2020-07-30"/>
          <rect class="day" width="11" height="11" x="-24" y="75" fill="#ebedf0" data-count="0" data-date="2020-07-31"/>
          <rect class="day" width="11" height="11" x="-24" y="90" fill="#ebedf0" data-count="0" data-date="2020-08-01"/>
      </g>
      <g transform="translate(656, 0)">
          <rect class="day" width="11" height="11" x="-25" y="0" fill="#ebedf0" data-count="0" data-date="2020-08-02"/>
          <rect class="day" width="11" height="11" x="-25" y="15" fill="#ebedf0" data-count="0" data-date="2020-08-03"/>
          <rect class="day" width="11" height="11" x="-25" y="30" fill="#ebedf0" data-count="0" data-date="2020-08-04"/>
          <rect class="day" width="11" height="11" x="-25" y="45" fill="#ebedf0" data-count="0" data-date="2020-08-05"/>
          <rect class="day" width="11" height="11" x="-25" y="60" fill="#ebedf0" data-count="0" data-date="2020-08-06"/>
          <rect class="day" width="11" height="11" x="-25" y="75" fill="#ebedf0" data-count="0" data-date="2020-08-07"/>
          <rect class="day" width="11" height="11" x="-25" y="90" fill="#ebedf0" data-count="0" data-date="2020-08-08"/>
      </g>
      <g transform="translate(672, 0)">
          <rect class="day" width="11" height="11" x="-26" y="0" fill="#ebedf0" data-count="0" data-date="2020-08-09"/>
          <rect class="day" width="11" height="11" x="-26" y="15" fill="#ebedf0" data-count="0" data-date="2020-08-10"/>
          <rect class="day" width="11" height="11" x="-26" y="30" fill="#ebedf0" data-count="0" data-date="2020-08-11"/>
          <rect class="day" width="11" height="11" x="-26" y="45" fill="#ebedf0" data-count="0" data-date="2020-08-12"/>
          <rect class="day" width="11" height="11" x="-26" y="60" fill="#ebedf0" data-count="0" data-date="2020-08-13"/>
          <rect class="day" width="11" height="11" x="-26" y="75" fill="#ebedf0" data-count="0" data-date="2020-08-14"/>
          <rect class="day" width="11" height="11" x="-26" y="90" fill="#ebedf0" data-count="0" data-date="2020-08-15"/>
      </g>
      <g transform="translate(688, 0)">
          <rect class="day" width="11" height="11" x="-27" y="0" fill="#ebedf0" data-count="0" data-date="2020-08-16"/>
          <rect class="day" width="11" height="11" x="-27" y="15" fill="#ebedf0" data-count="0" data-date="2020-08-17"/>
          <rect class="day" width="11" height="11" x="-27" y="30" fill="#ebedf0" data-count="0" data-date="2020-08-18"/>
          <rect class="day" width="11" height="11" x="-27" y="45" fill="#ebedf0" data-count="0" data-date="2020-08-19"/>
          <rect class="day" width="11" height="11" x="-27" y="60" fill="#ebedf0" data-count="0" data-date="2020-08-20"/>
          <rect class="day" width="11" height="11" x="-27" y="75" fill="#ebedf0" data-count="0" data-date="2020-08-21"/>
          <rect class="day" width="11" height="11" x="-27" y="90" fill="#ebedf0" data-count="0" data-date="2020-08-22"/>
      </g>
      <g transform="translate(704, 0)">
          <rect class="day" width="11" height="11" x="-28" y="0" fill="#ebedf0" data-count="0" data-date="2020-08-23"/>
          <rect class="day" width="11" height="11" x="-28" y="15" fill="#ebedf0" data-count="0" data-date="2020-08-24"/>
          <rect class="day" width="11" height="11" x="-28" y="30" fill="#ebedf0" data-count="0" data-date="2020-08-25"/>
          <rect class="day" width="11" height="11" x="-28" y="45" fill="#ebedf0" data-count="0" data-date="2020-08-26"/>
          <rect class="day" width="11" height="11" x="-28" y="60" fill="#ebedf0" data-count="0" data-date="2020-08-27"/>
          <rect class="day" width="11" height="11" x="-28" y="75" fill="#ebedf0" data-count="0" data-date="2020-08-28"/>
          <rect class="day" width="11" height="11" x="-28" y="90" fill="#ebedf0" data-count="0" data-date="2020-08-29"/>
      </g>
      <g transform="translate(720, 0)">
          <rect class="day" width="11" height="11" x="-29" y="0" fill="#ebedf0" data-count="0" data-date="2020-08-30"/>
          <rect class="day" width="11" height="11" x="-29" y="15" fill="#ebedf0" data-count="0" data-date="2020-08-31"/>
          <rect class="day" width="11" height="11" x="-29" y="30" fill="#ebedf0" data-count="0" data-date="2020-09-01"/>
          <rect class="day" width="11" height="11" x="-29" y="45" fill="#ebedf0" data-count="0" data-date="2020-09-02"/>
          <rect class="day" width="11" height="11" x="-29" y="60" fill="#ebedf0" data-count="0" data-date="2020-09-03"/>
          <rect class="day" width="11" height="11" x="-29" y="75" fill="#ebedf0" data-count="0" data-date="2020-09-04"/>
          <rect class="day" width="11" height="11" x="-29" y="90" fill="#ebedf0" data-count="0" data-date="2020-09-05"/>
      </g>
      <g transform="translate(736, 0)">
          <rect class="day" width="11" height="11" x="-30" y="0" fill="#ebedf0" data-count="0" data-date="2020-09-06"/>
          <rect class="day" width="11" height="11" x="-30" y="15" fill="#ebedf0" data-count="0" data-date="2020-09-07"/>
          <rect class="day" width="11" height="11" x="-30" y="30" fill="#ebedf0" data-count="0" data-date="2020-09-08"/>
          <rect class="day" width="11" height="11" x="-30" y="45" fill="#ebedf0" data-count="0" data-date="2020-09-09"/>
          <rect class="day" width="11" height="11" x="-30" y="60" fill="#ebedf0" data-count="0" data-date="2020-09-10"/>
          <rect class="day" width="11" height="11" x="-30" y="75" fill="#ebedf0" data-count="0" data-date="2020-09-11"/>
          <rect class="day" width="11" height="11" x="-30" y="90" fill="#ebedf0" data-count="0" data-date="2020-09-12"/>
      </g>
      <g transform="translate(752, 0)">
          <rect class="day" width="11" height="11" x="-31" y="0" fill="#ebedf0" data-count="0" data-date="2020-09-13"/>
          <rect class="day" width="11" height="11" x="-31" y="15" fill="#ebedf0" data-count="0" data-date="2020-09-14"/>
          <rect class="day" width="11" height="11" x="-31" y="30" fill="#ebedf0" data-count="0" data-date="2020-09-15"/>
          <rect class="day" width="11" height="11" x="-31" y="45" fill="#ebedf0" data-count="0" data-date="2020-09-16"/>
          <rect class="day" width="11" height="11" x="-31" y="60" fill="#ebedf0" data-count="0" data-date="2020-09-17"/>
          <rect class="day" width="11" height="11" x="-31" y="75" fill="#ebedf0" data-count="0" data-date="2020-09-18"/>
          <rect class="day" width="11" height="11" x="-31" y="90" fill="#ebedf0" data-count="0" data-date="2020-09-19"/>
      </g>
      <g transform="translate(768, 0)">
          <rect class="day" width="11" height="11" x="-32" y="0" fill="#ebedf0" data-count="0" data-date="2020-09-20"/>
          <rect class="day" width="11" height="11" x="-32" y="15" fill="#ebedf0" data-count="0" data-date="2020-09-21"/>
          <rect class="day" width="11" height="11" x="-32" y="30" fill="#ebedf0" data-count="0" data-date="2020-09-22"/>
          <rect class="day" width="11" height="11" x="-32" y="45" fill="#ebedf0" data-count="0" data-date="2020-09-23"/>
          <rect class="day" width="11" height="11" x="-32" y="60" fill="#ebedf0" data-count="0" data-date="2020-09-24"/>
          <rect class="day" width="11" height="11" x="-32" y="75" fill="#ebedf0" data-count="0" data-date="2020-09-25"/>
          <rect class="day" width="11" height="11" x="-32" y="90" fill="#ebedf0" data-count="0" data-date="2020-09-26"/>
      </g>
      <g transform="translate(784, 0)">
          <rect class="day" width="11" height="11" x="-33" y="0" fill="#ebedf0" data-count="0" data-date="2020-09-27"/>
          <rect class="day" width="11" height="11" x="-33" y="15" fill="#ebedf0" data-count="0" data-date="2020-09-28"/>
          <rect class="day" width="11" height="11" x="-33" y="30" fill="#ebedf0" data-count="0" data-date="2020-09-29"/>
          <rect class="day" width="11" height="11" x="-33" y="45" fill="#ebedf0" data-count="0" data-date="2020-09-30"/>
          <rect class="day" width="11" height="11" x="-33" y="60" fill="#ebedf0" data-count="0" data-date="2020-10-01"/>
          <rect class="day" width="11" height="11" x="-33" y="75" fill="#ebedf0" data-count="0" data-date="2020-10-02"/>
          <rect class="day" width="11" height="11" x="-33" y="90" fill="#ebedf0" data-count="0" data-date="2020-10-03"/>
      </g>
      <g transform="translate(800, 0)">
          <rect class="day" width="11" height="11" x="-34" y="0" fill="#ebedf0" data-count="0" data-date="2020-10-04"/>
          <rect class="day" width="11" height="11" x="-34" y="15" fill="#ebedf0" data-count="0" data-date="2020-10-05"/>
          <rect class="day" width="11" height="11" x="-34" y="30" fill="#ebedf0" data-count="0" data-date="2020-10-06"/>
          <rect class="day" width="11" height="11" x="-34" y="45" fill="#ebedf0" data-count="0" data-date="2020-10-07"/>
          <rect class="day" width="11" height="11" x="-34" y="60" fill="#ebedf0" data-count="0" data-date="2020-10-08"/>
          <rect class="day" width="11" height="11" x="-34" y="75" fill="#ebedf0" data-count="0" data-date="2020-10-09"/>
          <rect class="day" width="11" height="11" x="-34" y="90" fill="#ebedf0" data-count="0" data-date="2020-10-10"/>
      </g>
      <g transform="translate(816, 0)">
          <rect class="day" width="11" height="11" x="-35" y="0" fill="#ebedf0" data-count="0" data-date="2020-10-11"/>
          <rect class="day" width="11" height="11" x="-35" y="15" fill="#ebedf0" data-count="0" data-date="2020-10-12"/>
          <rect class="day" width="11" height="11" x="-35" y="30" fill="#ebedf0" data-count="0" data-date="2020-10-13"/>
          <rect class="day" width="11" height="11" x="-35" y="45" fill="#ebedf0" data-count="0" data-date="2020-10-14"/>
          <rect class="day" width="11" height="11" x="-35" y="60" fill="#ebedf0" data-count="0" data-date="2020-10-15"/>
          <rect class="day" width="11" height="11" x="-35" y="75" fill="#ebedf0" data-count="0" data-date="2020-10-16"/>
          <rect class="day" width="11" height="11" x="-35" y="90" fill="#ebedf0" data-count="0" data-date="2020-10-17"/>
      </g>
      <g transform="translate(832, 0)">
          <rect class="day" width="11" height="11" x="-36" y="0" fill="#ebedf0" data-count="0" data-date="2020-10-18"/>
          <rect class="day" width="11" height="11" x="-36" y="15" fill="#ebedf0" data-count="0" data-date="2020-10-19"/>
          <rect class="day" width="11" height="11" x="-36" y="30" fill="#ebedf0" data-count="0" data-date="2020-10-20"/>
      </g>
      <text x="16" y="-8" class="month">Oct</text>
      <text x="46" y="-8" class="month">Nov</text>
      <text x="106" y="-8" class="month">Dec</text>
      <text x="181" y="-8" class="month">Jan</text>
      <text x="241" y="-8" class="month">Feb</text>
      <text x="301" y="-8" class="month">Mar</text>
      <text x="376" y="-8" class="month">Apr</text>
      <text x="436" y="-8" class="month">May</text>
      <text x="511" y="-8" class="month">Jun</text>
      <text x="571" y="-8" class="month">Jul</text>
      <text x="631" y="-8" class="month">Aug</text>
      <text x="706" y="-8" class="month">Sep</text>
      <text x="766" y="-8" class="month">Oct</text>
    <text text-anchor="start" class="wday" dx="-10" dy="8" style="display: none;">Sun</text>
    <text text-anchor="start" class="wday" dx="-10" dy="25">Mon</text>
    <text text-anchor="start" class="wday" dx="-10" dy="32" style="display: none;">Tue</text>
    <text text-anchor="start" class="wday" dx="-10" dy="56">Wed</text>
    <text text-anchor="start" class="wday" dx="-10" dy="57" style="display: none;">Thu</text>
    <text text-anchor="start" class="wday" dx="-10" dy="85">Fri</text>
    <text text-anchor="start" class="wday" dx="-10" dy="81" style="display: none;">Sat</text>
</g></svg>

      </div>
      <div class="contrib-footer clearfix mt-1 mx-3 px-3 pb-1">
        <div class="float-left text-gray">


          <a href="https://docs.github.com/articles/why-are-my-contributions-not-showing-up-on-my-profile" class="">
            Learn how we count contributions</a>.
        </div>
        <div class="contrib-legend text-gray" title="A summary of pull requests, issues opened, and commits to the default and gh-pages branches.">
          Less
          <ul class="legend">
            <li style="background-color: #ebedf0"></li>
              <li style="background-color: #9be9a8"></li>
              <li style="background-color: #40c463"></li>
              <li style="background-color: #30a14e"></li>
              <li style="background-color: #216e39"></li>
          </ul>
          More
        </div>
      </div>

    </div>
</div>


</div>


  <div id="js-contribution-activity" class="activity-listing contribution-activity" data-pjax-container>
    
    
<div class="d-none d-lg-block">
  <div class="profile-timeline-year-list js-profile-timeline-year-list bg-white js-sticky float-right col-2 pl-5">
    <ul class="filter-list small">
        <li>
          <a id="year-link-2020" class="js-year-link filter-item px-3 mb-2 py-2 selected " aria-label="Contribution activity in 2020" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2020-10-01&amp;to=2020-10-20">2020</a>
        </li>
        <li>
          <a id="year-link-2019" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2019" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2019-12-01&amp;to=2019-12-31">2019</a>
        </li>
        <li>
          <a id="year-link-2018" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2018" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2018-12-01&amp;to=2018-12-31">2018</a>
        </li>
        <li>
          <a id="year-link-2017" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2017" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2017-12-01&amp;to=2017-12-31">2017</a>
        </li>
        <li>
          <a id="year-link-2016" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2016" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2016-12-01&amp;to=2016-12-31">2016</a>
        </li>
        <li>
          <a id="year-link-2015" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2015" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2015-12-01&amp;to=2015-12-31">2015</a>
        </li>
        <li>
          <a id="year-link-2014" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2014" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2014-12-01&amp;to=2014-12-31">2014</a>
        </li>
        <li>
          <a id="year-link-2013" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2013" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="2cb97334f00a6c27adad7875d0a3d1bf7a66b593f0c915065ef7e134eb90181a" href="/ngoctp?tab=overview&amp;from=2013-12-01&amp;to=2013-12-31">2013</a>
        </li>
    </ul>
  </div>
</div>


  <h2 class="f4 text-normal mb-2">
    Contribution activity
  </h2>

  
<div class="contribution-activity-listing float-left col-12 col-lg-10">
  <div class="profile-timeline discussion-timeline width-full pb-4">
    <h3 class="profile-timeline-month-heading bg-white d-inline-block h6 pr-2 py-1">
        January - October <span class="text-gray">2020</span>
    </h3>

    <div class="text-center text-gray pt-3">
      <span class="text-gray m-0">
          ngoctp has no activity
          yet for this period.
      </span>
    </div>
  </div>
</div>

  
<!-- '"` --><!-- </textarea></xmp> --></option></form><form class="ajax-pagination-form js-ajax-pagination js-show-more-timeline-form col-lg-10 col-12" data-title="ngoctp (Ngoc P. Tran) / December 2019" data-year="2020" data-url="/ngoctp?tab=overview&amp;from=2019-12-01&amp;to=2019-12-31" data-from="2020-01-01" data-to="2020-01-31" action="/ngoctp?tab=overview&amp;from=2019-12-01&amp;to=2019-12-31&amp;include_header=no" accept-charset="UTF-8" method="get">

    <img class="contribution-activity-spinner col-10 next" alt="" src="https://github.githubassets.com/images/spinners/octocat-spinner-128.gif" />

    <button name="button" type="submit" class="ajax-pagination-btn btn btn-outline border-gray-dark width-full f6 mt-0 py-2 contribution-activity-show-more " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:4251459,&quot;target&quot;:&quot;TIMELINE_SHOW_MORE&quot;,&quot;user_id&quot;:null,&quot;originating_url&quot;:&quot;https://github.com/ngoctp&quot;}}" data-hydro-click-hmac="889f4006b32b83a05faf93847bc35e6e3d5a78bda8ffa6e2347459bbb49d06ca" data-disable-with="Loading...">Show more activity</button>

  <p class="text-gray f6 mt-4">
    Seeing something unexpected? Take a look at the
    <a href="https://docs.github.com/categories/setting-up-and-managing-your-github-profile">GitHub profile guide</a>.
  </p>
</form>


  </div>

</div>


        </div>
      </div>

</div>
</div></div>

      </main>
  </div>

        
<div class="footer container-xl width-full p-responsive" role="contentinfo">
    <div class="position-relative d-flex flex-row-reverse flex-lg-row flex-wrap flex-lg-nowrap flex-justify-center flex-lg-justify-between flex-sm-items-center pt-6 pb-2 mt-6 f6 text-gray border-top border-gray-light ">
      <a aria-label="Homepage" title="GitHub" class="footer-octicon d-none d-lg-block mr-lg-4" href="https://github.com">
        <svg height="24" class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
</a>
      <ul class="list-style-none d-flex flex-wrap col-12 flex-justify-center flex-lg-justify-between mb-2 mb-lg-0">
        <li class="mr-3 mr-lg-0">&copy; 2020 GitHub, Inc.</li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to terms, text:terms" href="https://github.com/site/terms">Terms</a></li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to privacy, text:privacy" href="https://github.com/site/privacy">Privacy</a></li>
            <li class="js-cookie-consent-preferences-link-container mr-3 mr-lg-0" hidden="hidden">
  <button data-ga-click="Footer, go to cookie preferences, text:cookie preferences" class="btn-link js-cookie-consent-preferences-link" type="button">Cookie Preferences</button>
</li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to security, text:security" href="https://github.com/security">Security</a></li>
          <li class="mr-3 mr-lg-0"><a href="https://githubstatus.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to help, text:help" href="https://docs.github.com">Help</a></li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to contact, text:contact" href="https://github.com/contact">Contact GitHub</a></li>
          <li class="mr-3 mr-lg-0"><a href="https://github.com/pricing" data-ga-click="Footer, go to Pricing, text:Pricing">Pricing</a></li>
        <li class="mr-3 mr-lg-0"><a href="https://docs.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
        <li class="mr-3 mr-lg-0"><a href="https://services.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
          <li class="mr-3 mr-lg-0"><a href="https://github.blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
          <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to about, text:about" href="https://github.com/about">About</a></li>
      </ul>
    </div>
  <div class="d-flex flex-justify-center pb-6">
    <span class="f6 text-gray-light"></span>
  </div>
</div>



  <div id="ajax-error-message" class="ajax-error-message flash flash-error">
    <svg class="octicon octicon-alert" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path></svg>
    <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
      <svg class="octicon octicon-x" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg>
    </button>
    You can’t perform that action at this time.
  </div>


  <div class="js-stale-session-flash flash flash-warn flash-banner" hidden
    >
    <svg class="octicon octicon-alert" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path></svg>
    <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
    <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
  </div>
  <template id="site-details-dialog">
  <details class="details-reset details-overlay details-overlay-dark lh-default text-gray-dark hx_rsm" open>
    <summary role="button" aria-label="Close dialog"></summary>
    <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal">
      <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog>
        <svg class="octicon octicon-x" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path></svg>
      </button>
      <div class="octocat-spinner my-6 js-details-dialog-spinner"></div>
    </details-dialog>
  </details>
</template>

  <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0">
  <div class="Popover-message Popover-message--bottom-left Popover-message--large Box box-shadow-large" style="width:360px;">
  </div>
</div>

    <div class="js-cookie-consent-banner" hidden>
  <div class="hx_cookie-banner p-2 p-sm-3 p-md-4">
    <div style="max-width: 1194px;" class="Box hx_cookie-banner-box box-shadow-medium mx-auto">
    <div class="Box-body border-0 py-0 px-3 px-md-4">
      <div class="js-main-cookie-banner hx_cookie-banner-main">
          <div class="d-md-flex flex-items-center py-3">
            <p class="f5 flex-1 mb-3 mb-md-0">
              
  We use <span class="text-bold">optional</span> third-party analytics cookies to understand how you use GitHub.com so we can build better products.

              <span class="btn-link js-cookie-consent-learn-more">Learn more</span>.
            </p>
            <div class="d-flex d-md-block flex-wrap flex-sm-nowrap">
              <button class="btn btn-outline flex-1 mr-1 mx-sm-1 m-md-0 ml-md-2 js-cookie-consent-accept">Accept</button>
              <button class="btn btn-outline flex-1 ml-1 m-md-0 ml-md-2 js-cookie-consent-reject">Reject</button>
            </div>
          </div>
        </div>

        <div class="js-cookie-details hx_cookie-banner-details" hidden>
          <div class="d-md-flex flex-items-center py-3">
            <p class="f5 flex-1 mb-2 mb-md-0">
              
  We use <span class="text-bold">optional</span> third-party analytics cookies to understand how you use GitHub.com so we can build better products.

              <br>
              You can always update your selection by clicking <span class="text-bold">Cookie Preferences</span> at the bottom of the page.
              For more information, see our <a href="https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-privacy-statement">Privacy Statement</a>.
            </p>
          </div>

          <div class="d-md-flex flex-items-center py-3 border-top">
            <div class="f5 flex-1 mb-2 mb-md-0">
              <h5 class="mb-1">Essential cookies</h5>
              <p class="f6 mb-md-0">We use essential cookies to perform essential website functions, e.g. they're used to log you in. 
                <a href="https://docs.github.com/en/github/site-policy/github-subprocessors-and-cookies">Learn more</a>
              </p>
            </div>
            <div class="text-right">
              <h5 class="text-blue">Always active</h5>
            </div>
          </div>

          <div class="d-md-flex flex-items-center py-3 border-top">
            <div class="f5 flex-1 mb-2 mb-md-0">
              <h5 class="mb-1">Analytics cookies</h5>
              <p class="f6 mb-md-0">We use analytics cookies to understand how you use our websites so we can make them better, e.g. they're used to gather information about the pages you visit and how many clicks you need to accomplish a task. 
                <a href="https://docs.github.com/en/github/site-policy/github-subprocessors-and-cookies">Learn more</a>
              </p>
            </div>
            <div class="text-right">
              <div class="BtnGroup mt-1 mt-md-0 ml-2">
                <button class="btn btn-outline BtnGroup-item js-accept-analytics-cookies" type="button">Accept</button>
                <button class="btn btn-outline BtnGroup-item js-reject-analytics-cookies" type="button">Reject</button>
              </div>
            </div>
          </div>

          <div class="text-right py-3 border-top">
            <button class="btn btn-primary js-save-cookie-preferences" type="button" disabled>Save preferences</button>
          </div>
        </div>
</div></div>  </div>
</div>


  </body>
</html>
