<!DOCTYPE html>
<html class="homepage">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="{{ site.data.project.description }}">
    <meta name="docsearch:version" content="{{ site.data.project.releases.current.version }}">
    <meta name="theme-color" content="#19232D">
    <title>{{ site.data.project.site_title }} - {{ site.data.project.tagline }}</title>
    <link rel="icon" type="image/x-icon" href="//theme.thephpleague.com/img/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" href="//theme.thephpleague.com/img/apple-touch-icon-precomposed.png">
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@thephpleague" />
    <meta name="twitter:creator" content="@colinodell" />
    <meta property="og:url" content="https://commonmark.thephpleague.com/" />
    <meta property="og:title" content="{{ site.data.project.site_title }} - {{ site.data.project.tagline }}" />
    <meta property="og:description" content="{{ site.data.project.description }}" />
    <meta property="og:image" content="https://commonmark.thephpleague.com/images/commonmark-social.png" />
    <link rel="stylesheet" href="//theme.thephpleague.com/css/all.css?{{ site.github.build_revision }}">
    <link rel="stylesheet" href="/homepage.css?{{ site.github.build_revision }}">
    <script async src="https://www.googletagmanager.com/gtag/js?id={{  site.data.project.google_analytics_tracking_id }}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{{  site.data.project.google_analytics_tracking_id }}');
    </script>
</head>
<body>

<header>
    <div class="inner-content">
      <h1>{{ site.data.project.title }}</h1>
      <h2>{{ site.data.project.tagline }}</h2>
      <p class="composer"><span>{{ site.data.project.composer }}</span></p>
      <ul class="hot-links clearfix">
        <li class="source"><a href="//github.com/thephpleague/{{ site.data.project.repository }}">source code</a></li>
        <li class="documentation"><a href="{{ site.data.project.releases.current.documentation_link}}">documentation</a></li>
      </ul>
      <p class="footnote">{{ site.data.project.support }}</p>
    </div>
</header>

<main>
  <div class="badge-list">
    <a href="https://twitter.com/{{ site.data.project.author.twitter_account }}"><img src="https://img.shields.io/badge/author-@{{ site.data.project.author.twitter_account }}-blue.svg?style=flat-square" alt="Author"></a>
    <a href="https://github.com/thephpleague/{{ site.data.project.repository }}/releases"><img src="https://img.shields.io/packagist/v/league/{{ site.data.project.repository }}.svg?style=flat-square" alt="Latest Version"></a>
    <a href="https://packagist.org/packages/league/{{ site.data.project.repository }}"><img src="https://img.shields.io/packagist/dt/league/{{ site.data.project.repository }}.svg?style=flat-square" alt="Total Downloads"></a>
    <a href="https://github.com/thephpleague/{{ site.data.project.repository }}/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-BSD--3-orange.svg?style=flat-square" alt="Software License"></a>
    <a href="https://travis-ci.org/thephpleague/{{ site.data.project.repository }}"><img src="https://img.shields.io/travis/thephpleague/{{ site.data.project.repository }}/master.svg?style=flat-square" alt="Build Status"></a>
    <a href="https://scrutinizer-ci.com/g/thephpleague/{{ site.data.project.repository }}/code-structure"><img src="https://img.shields.io/scrutinizer/coverage/g/thephpleague/{{ site.data.project.repository }}.svg?style=flat-square" alt="Coverage Status"></a>
    <a href="https://scrutinizer-ci.com/g/thephpleague/{{ site.data.project.repository }}"><img src="https://img.shields.io/scrutinizer/g/thephpleague/{{ site.data.project.repository }}.svg?style=flat-square" alt="Quality Score"></a>
  </div>
  <div class="highlights">
    <div class="inner-content">
      <div class="column one">
        <h1>Highlights</h1>
        <div class="description">
        <p>{{ site.data.project.highlights.description }}</p>
        </div>
      </div>
      <div class="column two">
        <ol>
          {% for feature in site.data.project.highlights.features %}
          <li><p>{{ feature }}</p></li>
          {% endfor %}
        </ol>
      </div>
    </div>
  </div>

  <div class="features">
    <div class="inner-content">
{{ content }}
    </div>
  </div>

  <div class="questions">
    <div class="inner-content">
      <h1>Questions?</h1>
        <p><a href="https://github.com/thephpleague/{{ site.data.project.repository }}">{{ site.data.project.title }}</a> was created by <a href="{{ site.data.project.author.website }}">{{ site.data.project.author.name }}</a>. Find him on Twitter at <a href="https://twitter.com/{{ site.data.project.author.twitter_account }}">@{{ site.data.project.author.twitter_account }}</a>.</p>
    </div>
  </div>
</main>

<footer>
    <span>&copy; Copyright <a href="https://www.colinodell.com">Colin O'Dell</a> &amp; <a href="//thephpleague.com">The League of Extraordinary Packages</a>.</span>
    <span>Site design by <a href="//reinink.ca">Jonathan Reinink</a> and <a href="//nyamsprod.com">Ignace Nyamagana Butera</a>.</span>
</footer>
</body>
</html>
