posts/_template.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ARTICLE TITLE — Math Lab</title>
<meta name="description" content="One sentence describing the article.">
<link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<link rel="stylesheet" href="../assets/style.css">
</head>
<!-- data-slug must match the slug in assets/posts.js -->
<body data-slug="SLUG">

<header class="masthead">
  <div class="masthead__in">
    <a class="brand" href="../index.html">Math<span class="brand__mark">&nbsp;Lab</span></a>
    <span class="masthead__tag">notes on ideas worth slowing down for</span>
    <nav class="masthead__nav"><a href="../index.html">All articles</a></nav>
  </div>
</header>

<main class="wrap article">

  <div class="article__cat">CATEGORY LABEL</div>
  <h1>ARTICLE TITLE</h1>
  <p class="article__sub">Subtitle</p>
  <div class="article__meta">Month D, YYYY &middot; N min read</div>

  <div class="toc" id="toc" hidden></div>   <!-- built automatically from the h2's -->

  <div class="prose">

    <p class="lede">Opening paragraph: the question, and why it deserves an article.</p>

    <h2 id="s1"><span class="num">1.</span>First section</h2>

    <p>Inline math with $a_{n+1}=pa_n+q$, display math below.</p>

    $$a_n = L + (a_1-L)\,p^{\,n-1}.$$

    <!-- statement box -->
    <div class="boxed">
      <div class="boxed__h">Problem</div>
      <p style="margin:0">...</p>
    </div>

    <!-- emphasis box; add class callout--warm for the amber variant -->
    <div class="callout">
      <span class="callout__h">The point</span>
      <p>...</p>
    </div>

    <blockquote><strong>Theorem.</strong> ...</blockquote>

    <!-- interactive widgets; presets are keys of PRESETS in assets/widgets.js -->
    <div class="widget" data-widget="cobweb" data-presets="linear,two,dbl,golden,rot">
      <div class="widget__head">
        <div class="widget__title">Widget title</div>
        <p class="widget__desc">What the reader should try.</p>
      </div>
    </div>

    <div class="tbl-wrap">
      <table class="tbl">
        <thead><tr><th>col</th><th>col</th></tr></thead>
        <tbody><tr><td>a</td><td>1</td></tr></tbody>
      </table>
    </div>

  </div>

  <div class="series" id="series" hidden></div>

  <div class="pagenav">
    <a href="../index.html">&larr; All articles</a>
    <a href="#s1">Back to top &uarr;</a>
  </div>

</main>

<footer class="sitefoot">
  <div class="sitefoot__in">
    <span>Math Lab &copy; <span data-year></span></span>
    <span><a href="../index.html">Index</a></span>
  </div>
</footer>

<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script defer src="../assets/posts.js"></script>
<script defer src="../assets/widgets.js"></script>
<script defer src="../assets/post.js"></script>
</body>
</html>