{% if site.menu_social.github and page.github_stats %} <section class=“mdc-card mdc-card–outlined”>

<div class="mdc-card__content">
  <h2>Coding Stats</h2>
  <p>
    Summary of my recent activity on GitHub where I contribute to open-source projects and manage my workflow.
  </p>
  <div class="calendar"></div>
</div>
<div class="mdc-card__actions">
  <div class="mdc-card__action-icons">
    <a class="mdc-button mdc-card__action mdc-card__action--button" href="https://github.com/{{ site.menu_social.github }}/">
      <span class="mdc-button__ripple"></span>
      <span class="mdc-button__label">Visit my profile</span>
    </a>
  </div>
</div>

</section>

<script type=“application/javascript”>

(function() {
  // Load GitHub contributions calendar
  new GitHubCalendar(".calendar", "{{ site.menu_social.github }}", {
    responsive: true
  });
})();

</script> {% endif %}