<!DOCTYPE html>
<html class="homepage" lang="en">
<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.default_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 }}">
    <link rel="stylesheet" href="/support.css?{{ site.github.build_revision }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
    <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.default_version|get_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/latest/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 }}/latest.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>

    <aside class="support-banner-wrapper" x-data="{ show: false }" x-show.transition="show" x-init="h = localStorage.getItem('hideBanner'); (h === null || h < (new Date().getTime())) ? (setTimeout(() => show = true, 500)) : (show = false)">
        <div class="support-banner">
            <p class="support-banner-left">
                <strong>Love PHP Commonmark?</strong>
                <span class="hidden sm:inline-block lg:hidden">
                    Show your support!
                </span>

                <span class="hidden lg:inline-block">
                    Support development via monthly sponsorship or a one-time donation!
                </span>
            </p>

            <div class="support-banner-right">
                <a href="https://www.colinodell.com/sponsor" class="support-button support-button-sponsor">
                    <i class="fas fa-heart fa-fw" aria-hidden="true"></i> Sponsor
                </a>

                <a href="https://www.paypal.me/colinpodell/10.00" class="support-button support-button-donate">
                    <i class="fas fa-donate fa-fw" aria-hidden="true"></i> Donate
                </a>
            </div>

            <button x-on:click="localStorage.setItem('hideBanner', new Date().getTime() + (7*24*60*60*1000)); show = false" class="support-banner-close">
                <i class="fas fa-times" aria-hidden="true"></i>
            </button>
        </div>
    </aside>
</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>

<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
</body>
</html>
