<!DOCTYPE html>
<head>
  <title>dm cheat sheet</title>
  <meta http-equiv="Content-Type"
      content="text/html; charset=utf-8">
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no"
  />
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
    integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
    crossorigin="anonymous"
    referrerpolicy="no-referrer"
  />
  <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
  {{{deps}}}
  <link href="cheatsheet.css" rel="stylesheet" />
</head>
<body>
  <div class="container">
    <div class="page page1">
      <div class="page-header">
        <h1>
          {{{title}}} <br /><small
            >{{{subtitle}}}</small
          >
          <img src="logo.svg" class="logo" />
        </h1>
      </div>
      <div class="row align-items-start">
        <div class="col col-4">
        {{{col11}}}
        </div>
        <div class="col col-4">
         {{{col12}}}
        </div>
        <div class="col col-4">
         {{{col13}}}
        </div>
      </div>
    </div>
    <div class="page">
      <div class="page-header">
        <h1>{{{title}}}<br /><small
            >If you have more than one table, use dm.</small
          >
          <img src="cheatsheet/logo.svg" class="logo" />
        </h1>
      </div>
      <div class="row align-items-start">
        <div class="col col-4">
        {{{col21}}}
        </div>
        <div class="col col-4">
         {{{col22}}}
        </div>
        <div class="col col-4">
         {{{col23}}}
        </div>
      </div>
    </div>
    </div>
</body>
