homepage.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html class="homepage" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="{{ site.data.project.description }}">
  8. <meta name="docsearch:version" content="{{ site.data.project.default_version }}">
  9. <meta name="theme-color" content="#19232D">
  10. <title>{{ site.data.project.site_title }} - {{ site.data.project.tagline }}</title>
  11. <link rel="icon" type="image/x-icon" href="//theme.thephpleague.com/img/favicon.ico" />
  12. <link rel="apple-touch-icon-precomposed" href="//theme.thephpleague.com/img/apple-touch-icon-precomposed.png">
  13. <meta name="twitter:card" content="summary_large_image" />
  14. <meta name="twitter:site" content="@thephpleague" />
  15. <meta name="twitter:creator" content="@colinodell" />
  16. <meta property="og:url" content="https://commonmark.thephpleague.com/" />
  17. <meta property="og:title" content="{{ site.data.project.site_title }} - {{ site.data.project.tagline }}" />
  18. <meta property="og:description" content="{{ site.data.project.description }}" />
  19. <meta property="og:image" content="https://commonmark.thephpleague.com/images/commonmark-social.png" />
  20. <link rel="stylesheet" href="//theme.thephpleague.com/css/all.css?{{ site.github.build_revision }}">
  21. <link rel="stylesheet" href="/homepage.css?{{ site.github.build_revision }}">
  22. <link rel="stylesheet" href="/global.css?{{ site.github.build_revision }}">
  23. <link rel="stylesheet" href="/support.css?{{ site.github.build_revision }}">
  24. <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" />
  25. <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.data.project.google_analytics_tracking_id }}"></script>
  26. <script>
  27. window.dataLayer = window.dataLayer || [];
  28. function gtag() { dataLayer.push(arguments);}
  29. gtag('js', new Date());
  30. gtag('config', '{{ site.data.project.google_analytics_tracking_id }}');
  31. </script>
  32. </head>
  33. <body>
  34. <header>
  35. <div class="inner-content">
  36. <h1>{{ site.data.project.title }}</h1>
  37. <h2>{{ site.data.project.tagline }}</h2>
  38. <p class="composer"><span>{{ site.data.project.composer }}</span></p>
  39. <ul class="hot-links clearfix">
  40. <li class="source"><a href="//github.com/thephpleague/{{ site.data.project.repository }}">source code</a></li>
  41. <li class="documentation"><a href="{{ site.data.project.default_version|get_documentation_link }}">documentation</a></li>
  42. </ul>
  43. <p class="footnote">{{ site.data.project.support }}</p>
  44. </div>
  45. </header>
  46. <main>
  47. <div class="badge-list">
  48. <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>
  49. <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>
  50. <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>
  51. <a href="https://github.com/thephpleague/{{ site.data.project.repository }}/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-BSD--3-orange.svg?style=flat-square" alt="Software License"></a>
  52. <a href="https://github.com/thephpleague/commonmark/actions?query=workflow%3ATests+branch%3Amain"><img src="https://img.shields.io/github/actions/workflow/status/thephpleague/{{ site.data.project.repository }}/tests.yml?branch=main&style=flat-square" alt="Build Status"></a>
  53. <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>
  54. <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>
  55. </div>
  56. <div class="highlights">
  57. <div class="inner-content">
  58. <div class="column one">
  59. <h1>Highlights</h1>
  60. <div class="description">
  61. <p>{{ site.data.project.highlights.description }}</p>
  62. </div>
  63. </div>
  64. <div class="column two">
  65. <ol>
  66. {% for feature in site.data.project.highlights.features %}
  67. <li><p>{{ feature }}</p></li>
  68. {% endfor %}
  69. </ol>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="projects">
  74. <div class="inner-content">
  75. <h2>Used By</h2>
  76. <div class="project-logos">
  77. <a href="https://laravel.com/" title="Laravel Framework">
  78. <img src="/images/users/laravel.svg" />
  79. </a>
  80. <a href="https://www.drupal.org/project/markdown" title="Drupal">
  81. <img src="/images/users/drupal.svg" />
  82. </a>
  83. <a href="https://twig.symfony.com/doc/3.x/filters/markdown_to_html.html" title="Twig">
  84. <img src="/images/users/twig.svg" />
  85. </a>
  86. <a href="https://cachethq.io/" title="Cachet">
  87. <img src="/images/users/cachet.svg" />
  88. </a>
  89. <a href="https://www.neos.io/" title="Neos">
  90. <img src="/images/users/neos.svg" />
  91. </a>
  92. <a href="https://daux.io/" title="Daux.io">
  93. <img src="/images/users/daux.png" />
  94. </a>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="features">
  99. <div class="inner-content">
  100. {{ content }}
  101. </div>
  102. </div>
  103. <div class="sponsors">
  104. <div class="inner-content">
  105. <h2>Sponsors</h2>
  106. <p>We'd like to extend our sincere thanks the following sponsors who support ongoing development of this project:</p>
  107. <ul>
  108. <li>
  109. <a href="https://tidelift.com/subscription/pkg/packagist-league-commonmark?utm_source=packagist-league-commonmark&utm_medium=referral&utm_campaign=readme">Tidelift</a>
  110. for offering support to both the maintainers and end-users through their <a href="https://tidelift.com/subscription/pkg/packagist-league-commonmark?utm_source=packagist-league-commonmark&utm_medium=referral&utm_campaign=readme">professional support</a> program
  111. </li>
  112. <li>
  113. <a href="https://www.jetbrains.com/">JetBrains</a> for supporting this project with complimentary
  114. <a href="https://www.jetbrains.com/phpstorm/">PhpStorm</a> licenses
  115. </li>
  116. </ul>
  117. <p>
  118. Are you interested in sponsoring development of this project?<br>
  119. See <a href="https://www.colinodell.com/sponsor">https://www.colinodell.com/sponsor</a> for a list of ways to contribute!
  120. </p>
  121. </div>
  122. </div>
  123. <div class="questions">
  124. <div class="inner-content">
  125. <h1>Questions?</h1>
  126. <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>
  127. </div>
  128. </div>
  129. <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)">
  130. <div class="support-banner">
  131. <p class="support-banner-left">
  132. <strong>Love PHP Commonmark?</strong>
  133. <span class="hidden sm:inline-block lg:hidden">
  134. Show your support!
  135. </span>
  136. <span class="hidden lg:inline-block">
  137. Support development via monthly sponsorship or a one-time donation!
  138. </span>
  139. </p>
  140. <div class="support-banner-right">
  141. <a href="https://github.com/sponsors/colinodell" class="btn btn-pink btn-block">
  142. <i class="fas fa-heart fa-fw" aria-hidden="true"></i> Sponsor
  143. </a>
  144. <a href="https://www.paypal.me/colinpodell/10.00" class="btn btn-green btn-block">
  145. <i class="fas fa-donate fa-fw" aria-hidden="true"></i> Donate
  146. </a>
  147. </div>
  148. <button x-on:click="localStorage.setItem('hideBanner', new Date().getTime() + (7*24*60*60*1000)); show = false" class="support-banner-close">
  149. <i class="fas fa-times" aria-hidden="true"></i>
  150. </button>
  151. </div>
  152. </aside>
  153. </main>
  154. <footer>
  155. <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>
  156. <span>Site design by <a href="//reinink.ca">Jonathan Reinink</a> and <a href="//nyamsprod.com">Ignace Nyamagana Butera</a>.</span>
  157. </footer>
  158. <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
  159. </body>
  160. </html>