diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index e4fbca6..71287e6 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -1,43 +1,57 @@
-# Simple workflow for deploying static content to GitHub Pages
 name: Deploy static content to Pages
 
 on:
-  # Runs on pushes targeting the default branch
   push:
     branches: ["main"]
-
-  # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
   contents: read
   pages: write
   id-token: write
 
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
   group: "pages"
   cancel-in-progress: false
 
 jobs:
-  # Single deploy job since we're just deploying
-  deploy:
+  build-and-deploy:
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
+    runs-on: macos-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+
+      - name: Install pandoc and pandoc-crossref
+        run: |
+          brew install pandoc
+          brew install make
+          brew install pandoc-crossref
+
+      - name: Setup Pandoc
+        uses: pandoc/actions/setup@main
+        # with:
+        #   version: 2.19  # Uncomment and modify if you need a specific version
+
+      - name: Clean build directory
+        run: |
+          rm -rf build
+          mkdir -p build/html
+
+      - name: Build documentation
+        run: make
+
       - name: Setup Pages
         uses: actions/configure-pages@v5
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          # Upload entire repository
           path: 'build/html/'
+
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4
+
diff --git a/.gitignore b/.gitignore
index bd902b2..89cf4d0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@ build/**/*.png
 build/docx/
 build/epub/
 build/pdf/
+build/html/
 
 # Misc
 *.log
diff --git a/build/html/c/01-introduction.html b/build/html/c/01-introduction.html
deleted file mode 100644
index b27135c..0000000
--- a/build/html/c/01-introduction.html
+++ /dev/null
@@ -1,776 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-  <meta name="author" content="Nathan Lambert" />
-  <meta name="dcterms.date" content="2024-05-24" />
-  <title>Reinforcement Learning from Human Feedback</title>
-  <style>
-    html {
-      color: #1a1a1a;
-      background-color: #fdfdfd;
-    }
-    body {
-      margin: 0 auto;
-      max-width: 36em;
-      padding-left: 50px;
-      padding-right: 50px;
-      padding-top: 50px;
-      padding-bottom: 50px;
-      hyphens: auto;
-      overflow-wrap: break-word;
-      text-rendering: optimizeLegibility;
-      font-kerning: normal;
-    }
-    @media (max-width: 600px) {
-      body {
-        font-size: 0.9em;
-        padding: 12px;
-      }
-      h1 {
-        font-size: 1.8em;
-      }
-    }
-    @media print {
-      html {
-        background-color: white;
-      }
-      body {
-        background-color: transparent;
-        color: black;
-        font-size: 12pt;
-      }
-      p, h2, h3 {
-        orphans: 3;
-        widows: 3;
-      }
-      h2, h3, h4 {
-        page-break-after: avoid;
-      }
-    }
-    p {
-      margin: 1em 0;
-    }
-    a {
-      color: #1a1a1a;
-    }
-    a:visited {
-      color: #1a1a1a;
-    }
-    img {
-      max-width: 100%;
-    }
-    svg {
-      height: auto;
-      max-width: 100%;
-    }
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.4em;
-    }
-    h5, h6 {
-      font-size: 1em;
-      font-style: italic;
-    }
-    h6 {
-      font-weight: normal;
-    }
-    ol, ul {
-      padding-left: 1.7em;
-      margin-top: 1em;
-    }
-    li > ol, li > ul {
-      margin-top: 0;
-    }
-    blockquote {
-      margin: 1em 0 1em 1.7em;
-      padding-left: 1em;
-      border-left: 2px solid #e6e6e6;
-      color: #606060;
-    }
-    div.abstract {
-      margin: 2em 2em 2em 2em;
-      text-align: left;
-      font-size: 85%;
-    }
-    div.abstract-title {
-      font-weight: bold;
-      text-align: center;
-      padding: 0;
-      margin-bottom: 0.5em;
-    }
-    code {
-      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
-      font-size: 85%;
-      margin: 0;
-      hyphens: manual;
-    }
-    pre {
-      margin: 1em 0;
-      overflow: auto;
-    }
-    pre code {
-      padding: 0;
-      overflow: visible;
-      overflow-wrap: normal;
-    }
-    .sourceCode {
-     background-color: transparent;
-     overflow: visible;
-    }
-    hr {
-      background-color: #1a1a1a;
-      border: none;
-      height: 1px;
-      margin: 1em 0;
-    }
-    table {
-      margin: 1em 0;
-      border-collapse: collapse;
-      width: 100%;
-      overflow-x: auto;
-      display: block;
-      font-variant-numeric: lining-nums tabular-nums;
-    }
-    table caption {
-      margin-bottom: 0.75em;
-    }
-    tbody {
-      margin-top: 0.5em;
-      border-top: 1px solid #1a1a1a;
-      border-bottom: 1px solid #1a1a1a;
-    }
-    th {
-      border-top: 1px solid #1a1a1a;
-      padding: 0.25em 0.5em 0.25em 0.5em;
-    }
-    td {
-      padding: 0.125em 0.5em 0.25em 0.5em;
-    }
-    header {
-      margin-bottom: 4em;
-      text-align: center;
-    }
-    #TOC li {
-      list-style: none;
-    }
-    #TOC ul {
-      padding-left: 1.3em;
-    }
-    #TOC > ul {
-      padding-left: 0;
-    }
-    #TOC a:not(:hover) {
-      text-decoration: none;
-    }
-    code{white-space: pre-wrap;}
-    span.smallcaps{font-variant: small-caps;}
-    div.columns{display: flex; gap: min(4vw, 1.5em);}
-    div.column{flex: auto; overflow-x: auto;}
-    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-    /* The extra [class] is a hack that increases specificity enough to
-       override a similar rule in reveal.js */
-    ul.task-list[class]{list-style: none;}
-    ul.task-list li input[type="checkbox"] {
-      font-size: inherit;
-      width: 0.8em;
-      margin: 0 0.8em 0.2em -1.6em;
-      vertical-align: middle;
-    }
-    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-    /* CSS for syntax highlighting */
-    pre > code.sourceCode { white-space: pre; position: relative; }
-    pre > code.sourceCode > span { line-height: 1.25; }
-    pre > code.sourceCode > span:empty { height: 1.2em; }
-    .sourceCode { overflow: visible; }
-    code.sourceCode > span { color: inherit; text-decoration: inherit; }
-    div.sourceCode { margin: 1em 0; }
-    pre.sourceCode { margin: 0; }
-    @media screen {
-    div.sourceCode { overflow: auto; }
-    }
-    @media print {
-    pre > code.sourceCode { white-space: pre-wrap; }
-    pre > code.sourceCode > span { display: inline-block; text-indent: -5em; padding-left: 5em; }
-    }
-    pre.numberSource code
-      { counter-reset: source-line 0; }
-    pre.numberSource code > span
-      { position: relative; left: -4em; counter-increment: source-line; }
-    pre.numberSource code > span > a:first-child::before
-      { content: counter(source-line);
-        position: relative; left: -1em; text-align: right; vertical-align: baseline;
-        border: none; display: inline-block;
-        -webkit-touch-callout: none; -webkit-user-select: none;
-        -khtml-user-select: none; -moz-user-select: none;
-        -ms-user-select: none; user-select: none;
-        padding: 0 4px; width: 4em;
-        color: #aaaaaa;
-      }
-    pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }
-    div.sourceCode
-      {   }
-    @media screen {
-    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-    }
-    code span.al { color: #ff0000; font-weight: bold; } /* Alert */
-    code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
-    code span.at { color: #7d9029; } /* Attribute */
-    code span.bn { color: #40a070; } /* BaseN */
-    code span.bu { color: #008000; } /* BuiltIn */
-    code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
-    code span.ch { color: #4070a0; } /* Char */
-    code span.cn { color: #880000; } /* Constant */
-    code span.co { color: #60a0b0; font-style: italic; } /* Comment */
-    code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
-    code span.do { color: #ba2121; font-style: italic; } /* Documentation */
-    code span.dt { color: #902000; } /* DataType */
-    code span.dv { color: #40a070; } /* DecVal */
-    code span.er { color: #ff0000; font-weight: bold; } /* Error */
-    code span.ex { } /* Extension */
-    code span.fl { color: #40a070; } /* Float */
-    code span.fu { color: #06287e; } /* Function */
-    code span.im { color: #008000; font-weight: bold; } /* Import */
-    code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
-    code span.kw { color: #007020; font-weight: bold; } /* Keyword */
-    code span.op { color: #666666; } /* Operator */
-    code span.ot { color: #007020; } /* Other */
-    code span.pp { color: #bc7a00; } /* Preprocessor */
-    code span.sc { color: #4070a0; } /* SpecialChar */
-    code span.ss { color: #bb6688; } /* SpecialString */
-    code span.st { color: #4070a0; } /* String */
-    code span.va { color: #19177c; } /* Variable */
-    code span.vs { color: #4070a0; } /* VerbatimString */
-    code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
-    /* CSS for citations */
-    div.csl-bib-body { }
-    div.csl-entry {
-      clear: both;
-      margin-bottom: 0em;
-    }
-    .hanging-indent div.csl-entry {
-      margin-left:2em;
-      text-indent:-2em;
-    }
-    div.csl-left-margin {
-      min-width:2em;
-      float:left;
-    }
-    div.csl-right-inline {
-      margin-left:2em;
-      padding-left:1em;
-    }
-    div.csl-indent {
-      margin-left: 2em;
-    }    /*
-      * Custom CSS file. Override it as you like.
-      *
-      * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist:
-      *   https://gist.github.com/killercup/5917178
-      */
-
-     html {
-         font-size: 100%;
-         overflow-y: scroll;
-         -webkit-text-size-adjust: 100%;
-         -ms-text-size-adjust: 100%;
-     }
-
-     body {
-         color: #444;
-         font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-         font-size: 12px;
-         line-height: 1.7;
-         padding: 1em;
-         margin: auto;
-         max-width: 42em;
-         background: #fefefe;
-     }
-
-     a {
-         color: #0645ad;
-         text-decoration: none;
-     }
-
-     a:visited {
-         color: #0b0080;
-     }
-
-     a:hover {
-         color: #06e;
-     }
-
-     a:active {
-         color: #faa700;
-     }
-
-     a:focus {
-         outline: thin dotted;
-     }
-
-     *::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     *::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     a::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     a::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     p {
-         margin: 1em 0;
-     }
-
-     img {
-         max-width: 100%;
-     }
-
-     h1,
-     h2,
-     h3,
-     h4,
-     h5,
-     h6 {
-         color: #111;
-         line-height: 125%;
-         margin-top: 2em;
-         font-weight: normal;
-     }
-
-     h4,
-     h5,
-     h6 {
-         font-weight: bold;
-     }
-
-     h1 {
-         font-size: 2.5em;
-     }
-
-     h2 {
-         font-size: 2em;
-     }
-
-     h3 {
-         font-size: 1.5em;
-     }
-
-     h4 {
-         font-size: 1.2em;
-     }
-
-     h5 {
-         font-size: 1em;
-     }
-
-     h6 {
-         font-size: 0.9em;
-     }
-
-     blockquote {
-         color: #666666;
-         margin: 0;
-         padding-left: 3em;
-         border-left: 0.5em #EEE solid;
-     }
-
-     hr {
-         display: block;
-         height: 2px;
-         border: 0;
-         border-top: 1px solid #aaa;
-         border-bottom: 1px solid #eee;
-         margin: 1em 0;
-         padding: 0;
-     }
-
-     pre,
-     code,
-     kbd,
-     samp {
-         color: #000;
-         font-family: monospace, monospace;
-         _font-family: 'courier new', monospace;
-         font-size: 0.98em;
-     }
-
-     pre {
-         white-space: pre;
-         white-space: pre-wrap;
-         word-wrap: break-word;
-     }
-
-     b,
-     strong {
-         font-weight: bold;
-     }
-
-     dfn {
-         font-style: italic;
-     }
-
-     ins {
-         background: #ff9;
-         color: #000;
-         text-decoration: none;
-     }
-
-     mark {
-         background: #ff0;
-         color: #000;
-         font-style: italic;
-         font-weight: bold;
-     }
-
-     sub,
-     sup {
-         font-size: 75%;
-         line-height: 0;
-         position: relative;
-         vertical-align: baseline;
-     }
-
-     sup {
-         top: -0.5em;
-     }
-
-     sub {
-         bottom: -0.25em;
-     }
-
-     ul,
-     ol {
-         margin: 1em 0;
-         padding: 0 0 0 2em;
-     }
-
-     li p:last-child {
-         margin-bottom: 0;
-     }
-
-     ul ul,
-     ol ol {
-         margin: .3em 0;
-     }
-
-     dl {
-         margin-bottom: 1em;
-     }
-
-     dt {
-         font-weight: bold;
-         margin-bottom: .8em;
-     }
-
-     dd {
-         margin: 0 0 .8em 2em;
-     }
-
-     dd:last-child {
-         margin-bottom: 0;
-     }
-
-     img {
-         border: 0;
-         -ms-interpolation-mode: bicubic;
-         vertical-align: middle;
-     }
-
-     figure {
-         display: block;
-         text-align: center;
-         margin: 1em 0;
-     }
-
-     figure img {
-         border: none;
-         margin: 0 auto;
-     }
-
-     figcaption {
-         font-size: 0.8em;
-         font-style: italic;
-         margin: 0 0 .8em;
-     }
-
-     table {
-         margin-bottom: 2em;
-         border-bottom: 1px solid #ddd;
-         border-right: 1px solid #ddd;
-         border-spacing: 0;
-         border-collapse: collapse;
-     }
-
-     table th {
-         padding: .2em 1em;
-         background-color: #eee;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-     }
-
-     table td {
-         padding: .2em 1em;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-         vertical-align: top;
-     }
-
-     .author {
-         font-size: 1.2em;
-         text-align: center;
-     }
-
-     @media only screen and (min-width: 480px) {
-         body {
-             font-size: 14px;
-         }
-     }
-
-     @media only screen and (min-width: 768px) {
-         body {
-             font-size: 16px;
-         }
-     }
-
-     @media print {
-         * {
-             background: transparent !important;
-             color: black !important;
-             filter: none !important;
-             -ms-filter: none !important;
-         }
-         body {
-             font-size: 12pt;
-             max-width: 100%;
-         }
-         a,
-         a:visited {
-             text-decoration: underline;
-         }
-         hr {
-             height: 1px;
-             border: 0;
-             border-bottom: 1px solid black;
-         }
-         a[href]:after {
-             content: " (" attr(href) ")";
-         }
-         abbr[title]:after {
-             content: " (" attr(title) ")";
-         }
-         .ir a:after,
-         a[href^="javascript:"]:after,
-         a[href^="#"]:after {
-             content: "";
-         }
-         pre,
-         blockquote {
-             border: 1px solid #999;
-             padding-right: 1em;
-             page-break-inside: avoid;
-         }
-         tr,
-         img {
-             page-break-inside: avoid;
-         }
-         img {
-             max-width: 100% !important;
-         }
-         @page :left {
-             margin: 15mm 20mm 15mm 10mm;
-         }
-         @page :right {
-             margin: 15mm 10mm 15mm 20mm;
-         }
-         p,
-         h2,
-         h3 {
-             orphans: 3;
-             widows: 3;
-         }
-         h2,
-         h3 {
-             page-break-after: avoid;
-         }
-     }  </style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<header id="title-block-header">
-<h1 class="title">Reinforcement Learning from Human Feedback</h1>
-<p class="author">Nathan Lambert</p>
-<p class="date">24 May 2024</p>
-</header>
-<div> <a href="../"> Home </a> </div>
-<div> <h3> Chapter Contents </h3> </div>
-<nav id="TOC" role="doc-toc">
-<ul>
-<li><a href="#introduction" id="toc-introduction">Introduction</a>
-<ul>
-<li><a href="#first-images" id="toc-first-images">First: Images</a></li>
-<li><a href="#second-tables" id="toc-second-tables">Second:
-Tables</a></li>
-<li><a href="#third-equations" id="toc-third-equations">Third:
-Equations</a></li>
-<li><a href="#fourth-cross-references"
-id="toc-fourth-cross-references">Fourth: Cross references</a></li>
-</ul></li>
-<li><a href="#bibliography" id="toc-bibliography">Bibliography</a></li>
-</ul>
-</nav>
-<div id="content">
-  <h1 id="introduction">Introduction</h1>
-  <p>This is the first paragraph of the introduction chapter. This is a
-  test of citing <span class="citation"
-  data-cites="lambert2023entangled"><a href="#ref-lambert2023entangled"
-  role="doc-biblioref">[1]</a></span>.</p>
-  <h2 id="first-images">First: Images</h2>
-  <p>This is the first subsection. Please, admire the gloriousnes of
-  this seagull:</p>
-  <figure>
-  <img src="images/seagull.png" alt="A cool seagull." />
-  <figcaption aria-hidden="true">A cool seagull.</figcaption>
-  </figure>
-  <p>A bigger seagull:</p>
-  <figure>
-  <img src="images/seagull.png" width="320" alt="A cool big seagull." />
-  <figcaption aria-hidden="true">A cool big seagull.</figcaption>
-  </figure>
-  <h2 id="second-tables">Second: Tables</h2>
-  <p>This is the second subsection.</p>
-  <p>Please, check <a href="#first-images">First: Images</a>
-  subsection.</p>
-  <p>Please, check <a href="#first-images">this</a> subsection.</p>
-  <table>
-  <caption>This is an example table.</caption>
-  <thead>
-  <tr class="header">
-  <th>Index</th>
-  <th>Name</th>
-  </tr>
-  </thead>
-  <tbody>
-  <tr class="odd">
-  <td>0</td>
-  <td>AAA</td>
-  </tr>
-  <tr class="even">
-  <td>1</td>
-  <td>BBB</td>
-  </tr>
-  <tr class="odd">
-  <td>…</td>
-  <td>…</td>
-  </tr>
-  </tbody>
-  </table>
-  <h2 id="third-equations">Third: Equations</h2>
-  <p>Formula example: <img style="vertical-align:middle"
-  src="https://latex.codecogs.com/png.latex?%5Ctextstyle%20%5Cmu%20%3D%20%5Csum_%7Bi%3D0%7D%5E%7BN%7D%20%5Cfrac%7Bx_i%7D%7BN%7D"
-  alt="\mu = \sum_{i=0}^{N} \frac{x_i}{N}"
-  title="\mu = \sum_{i=0}^{N} \frac{x_i}{N}" class="math inline" /></p>
-  <p>Now, full size:</p>
-  <p><img style="vertical-align:middle"
-  src="https://latex.codecogs.com/png.latex?%5Cdisplaystyle%20%5Cmu%20%3D%20%5Csum_%7Bi%3D0%7D%5E%7BN%7D%20%5Cfrac%7Bx_i%7D%7BN%7D"
-  alt="\mu = \sum_{i=0}^{N} \frac{x_i}{N}"
-  title="\mu = \sum_{i=0}^{N} \frac{x_i}{N}" class="math display" /></p>
-  <p>And a code sample:</p>
-  <div class="sourceCode" id="cb1"><pre
-  class="sourceCode rb"><code class="sourceCode ruby"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="cf">def</span> hello_world</span>
-<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>  <span class="fu">puts</span> <span class="st">&quot;hello world!&quot;</span></span>
-<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="cf">end</span></span>
-<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a>hello_world</span></code></pre></div>
-  <p>Check these unicode characters: ǽß¢ð€đŋμ</p>
-  <h2 id="fourth-cross-references">Fourth: Cross references</h2>
-  <p>These cross references are disabled by default. To enable them,
-  check the <em><a
-  href="https://github.com/wikiti/pandoc-book-template#cross-references">Cross
-  references</a></em> section on the README.md file.</p>
-  <p>Here’s a list of cross references:</p>
-  <ul>
-  <li>Check fig. <a href="#fig:seagull">1</a>.</li>
-  <li>Check tbl. <a href="#tbl:table">1</a>.</li>
-  <li>Check eq. <a href="#eq:equation">1</a>.</li>
-  </ul>
-  <figure id="fig:seagull">
-  <img src="images/seagull.png" alt="Figure 1: A cool seagull" />
-  <figcaption aria-hidden="true">Figure 1: A cool seagull</figcaption>
-  </figure>
-  <p><span id="eq:equation"><img style="vertical-align:middle"
-  src="https://latex.codecogs.com/png.latex?%5Cdisplaystyle%20y%20%3D%20mx%20%2B%20b%20%5Cqquad%7B%281%29%7D"
-  alt="y = mx + b \qquad{(1)}" title="y = mx + b \qquad{(1)}"
-  class="math display" /></span></p>
-  <div id="tbl:table">
-  <table>
-  <caption>Table 1: This is an example table.</caption>
-  <thead>
-  <tr class="header">
-  <th>Index</th>
-  <th>Name</th>
-  </tr>
-  </thead>
-  <tbody>
-  <tr class="odd">
-  <td>0</td>
-  <td>AAA</td>
-  </tr>
-  <tr class="even">
-  <td>1</td>
-  <td>BBB</td>
-  </tr>
-  <tr class="odd">
-  <td>…</td>
-  <td>…</td>
-  </tr>
-  </tbody>
-  </table>
-  </div>
-  <h1 class="unnumbered" id="bibliography">Bibliography</h1>
-  <div id="refs" class="references csl-bib-body" data-entry-spacing="0"
-  role="list">
-  <div id="ref-lambert2023entangled" class="csl-entry" role="listitem">
-  <div class="csl-left-margin">[1] </div><div
-  class="csl-right-inline">N. Lambert, T. K. Gilbert, and T. Zick,
-  <span>“Entangled preferences: The history and risks of reinforcement
-  learning and human feedback,”</span> <em>arXiv preprint
-  arXiv:2310.13595</em>, 2023.</div>
-  </div>
-  </div>
-</div>
-<footer style="padding: 20px; text-align: center;">
-  <hr>
-  <div style="text-align: left; font-size: small; color: #888;">
-    Citation: <br>
-    @book{rlhf2024,<br>
-    &nbsp;&nbsp;author = {Nathan Lambert},<br>
-    &nbsp;&nbsp;title = {Reinforcement Learning from Human Feedback},<br>
-    &nbsp;&nbsp;year = {2024},<br>
-    &nbsp;&nbsp;publisher = {Online},<br>
-    &nbsp;&nbsp;url = {https://rlhfbook.com},<br>      }
-  </div>
-  <div>
-    <a href="https://github.com/natolambert/rlhf-book" target="_blank">
-      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="width: 40px; height: 40px;">
-    </a>
-    <!-- Add more social links here -->
-  </div>
-  <p>&copy; 2024 RLHF Book Team</p>
-</footer>  
-</body>
-</html>
diff --git a/build/html/c/02-installation.html b/build/html/c/02-installation.html
deleted file mode 100644
index 4d983c2..0000000
--- a/build/html/c/02-installation.html
+++ /dev/null
@@ -1,604 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-  <meta name="author" content="Nathan Lambert" />
-  <meta name="dcterms.date" content="2024-05-24" />
-  <title>Reinforcement Learning from Human Feedback</title>
-  <style>
-    html {
-      color: #1a1a1a;
-      background-color: #fdfdfd;
-    }
-    body {
-      margin: 0 auto;
-      max-width: 36em;
-      padding-left: 50px;
-      padding-right: 50px;
-      padding-top: 50px;
-      padding-bottom: 50px;
-      hyphens: auto;
-      overflow-wrap: break-word;
-      text-rendering: optimizeLegibility;
-      font-kerning: normal;
-    }
-    @media (max-width: 600px) {
-      body {
-        font-size: 0.9em;
-        padding: 12px;
-      }
-      h1 {
-        font-size: 1.8em;
-      }
-    }
-    @media print {
-      html {
-        background-color: white;
-      }
-      body {
-        background-color: transparent;
-        color: black;
-        font-size: 12pt;
-      }
-      p, h2, h3 {
-        orphans: 3;
-        widows: 3;
-      }
-      h2, h3, h4 {
-        page-break-after: avoid;
-      }
-    }
-    p {
-      margin: 1em 0;
-    }
-    a {
-      color: #1a1a1a;
-    }
-    a:visited {
-      color: #1a1a1a;
-    }
-    img {
-      max-width: 100%;
-    }
-    svg {
-      height: auto;
-      max-width: 100%;
-    }
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.4em;
-    }
-    h5, h6 {
-      font-size: 1em;
-      font-style: italic;
-    }
-    h6 {
-      font-weight: normal;
-    }
-    ol, ul {
-      padding-left: 1.7em;
-      margin-top: 1em;
-    }
-    li > ol, li > ul {
-      margin-top: 0;
-    }
-    blockquote {
-      margin: 1em 0 1em 1.7em;
-      padding-left: 1em;
-      border-left: 2px solid #e6e6e6;
-      color: #606060;
-    }
-    div.abstract {
-      margin: 2em 2em 2em 2em;
-      text-align: left;
-      font-size: 85%;
-    }
-    div.abstract-title {
-      font-weight: bold;
-      text-align: center;
-      padding: 0;
-      margin-bottom: 0.5em;
-    }
-    code {
-      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
-      font-size: 85%;
-      margin: 0;
-      hyphens: manual;
-    }
-    pre {
-      margin: 1em 0;
-      overflow: auto;
-    }
-    pre code {
-      padding: 0;
-      overflow: visible;
-      overflow-wrap: normal;
-    }
-    .sourceCode {
-     background-color: transparent;
-     overflow: visible;
-    }
-    hr {
-      background-color: #1a1a1a;
-      border: none;
-      height: 1px;
-      margin: 1em 0;
-    }
-    table {
-      margin: 1em 0;
-      border-collapse: collapse;
-      width: 100%;
-      overflow-x: auto;
-      display: block;
-      font-variant-numeric: lining-nums tabular-nums;
-    }
-    table caption {
-      margin-bottom: 0.75em;
-    }
-    tbody {
-      margin-top: 0.5em;
-      border-top: 1px solid #1a1a1a;
-      border-bottom: 1px solid #1a1a1a;
-    }
-    th {
-      border-top: 1px solid #1a1a1a;
-      padding: 0.25em 0.5em 0.25em 0.5em;
-    }
-    td {
-      padding: 0.125em 0.5em 0.25em 0.5em;
-    }
-    header {
-      margin-bottom: 4em;
-      text-align: center;
-    }
-    #TOC li {
-      list-style: none;
-    }
-    #TOC ul {
-      padding-left: 1.3em;
-    }
-    #TOC > ul {
-      padding-left: 0;
-    }
-    #TOC a:not(:hover) {
-      text-decoration: none;
-    }
-    code{white-space: pre-wrap;}
-    span.smallcaps{font-variant: small-caps;}
-    div.columns{display: flex; gap: min(4vw, 1.5em);}
-    div.column{flex: auto; overflow-x: auto;}
-    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-    /* The extra [class] is a hack that increases specificity enough to
-       override a similar rule in reveal.js */
-    ul.task-list[class]{list-style: none;}
-    ul.task-list li input[type="checkbox"] {
-      font-size: inherit;
-      width: 0.8em;
-      margin: 0 0.8em 0.2em -1.6em;
-      vertical-align: middle;
-    }
-    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-    /* CSS for citations */
-    div.csl-bib-body { }
-    div.csl-entry {
-      clear: both;
-      margin-bottom: 0em;
-    }
-    .hanging-indent div.csl-entry {
-      margin-left:2em;
-      text-indent:-2em;
-    }
-    div.csl-left-margin {
-      min-width:2em;
-      float:left;
-    }
-    div.csl-right-inline {
-      margin-left:2em;
-      padding-left:1em;
-    }
-    div.csl-indent {
-      margin-left: 2em;
-    }    /*
-      * Custom CSS file. Override it as you like.
-      *
-      * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist:
-      *   https://gist.github.com/killercup/5917178
-      */
-
-     html {
-         font-size: 100%;
-         overflow-y: scroll;
-         -webkit-text-size-adjust: 100%;
-         -ms-text-size-adjust: 100%;
-     }
-
-     body {
-         color: #444;
-         font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-         font-size: 12px;
-         line-height: 1.7;
-         padding: 1em;
-         margin: auto;
-         max-width: 42em;
-         background: #fefefe;
-     }
-
-     a {
-         color: #0645ad;
-         text-decoration: none;
-     }
-
-     a:visited {
-         color: #0b0080;
-     }
-
-     a:hover {
-         color: #06e;
-     }
-
-     a:active {
-         color: #faa700;
-     }
-
-     a:focus {
-         outline: thin dotted;
-     }
-
-     *::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     *::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     a::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     a::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     p {
-         margin: 1em 0;
-     }
-
-     img {
-         max-width: 100%;
-     }
-
-     h1,
-     h2,
-     h3,
-     h4,
-     h5,
-     h6 {
-         color: #111;
-         line-height: 125%;
-         margin-top: 2em;
-         font-weight: normal;
-     }
-
-     h4,
-     h5,
-     h6 {
-         font-weight: bold;
-     }
-
-     h1 {
-         font-size: 2.5em;
-     }
-
-     h2 {
-         font-size: 2em;
-     }
-
-     h3 {
-         font-size: 1.5em;
-     }
-
-     h4 {
-         font-size: 1.2em;
-     }
-
-     h5 {
-         font-size: 1em;
-     }
-
-     h6 {
-         font-size: 0.9em;
-     }
-
-     blockquote {
-         color: #666666;
-         margin: 0;
-         padding-left: 3em;
-         border-left: 0.5em #EEE solid;
-     }
-
-     hr {
-         display: block;
-         height: 2px;
-         border: 0;
-         border-top: 1px solid #aaa;
-         border-bottom: 1px solid #eee;
-         margin: 1em 0;
-         padding: 0;
-     }
-
-     pre,
-     code,
-     kbd,
-     samp {
-         color: #000;
-         font-family: monospace, monospace;
-         _font-family: 'courier new', monospace;
-         font-size: 0.98em;
-     }
-
-     pre {
-         white-space: pre;
-         white-space: pre-wrap;
-         word-wrap: break-word;
-     }
-
-     b,
-     strong {
-         font-weight: bold;
-     }
-
-     dfn {
-         font-style: italic;
-     }
-
-     ins {
-         background: #ff9;
-         color: #000;
-         text-decoration: none;
-     }
-
-     mark {
-         background: #ff0;
-         color: #000;
-         font-style: italic;
-         font-weight: bold;
-     }
-
-     sub,
-     sup {
-         font-size: 75%;
-         line-height: 0;
-         position: relative;
-         vertical-align: baseline;
-     }
-
-     sup {
-         top: -0.5em;
-     }
-
-     sub {
-         bottom: -0.25em;
-     }
-
-     ul,
-     ol {
-         margin: 1em 0;
-         padding: 0 0 0 2em;
-     }
-
-     li p:last-child {
-         margin-bottom: 0;
-     }
-
-     ul ul,
-     ol ol {
-         margin: .3em 0;
-     }
-
-     dl {
-         margin-bottom: 1em;
-     }
-
-     dt {
-         font-weight: bold;
-         margin-bottom: .8em;
-     }
-
-     dd {
-         margin: 0 0 .8em 2em;
-     }
-
-     dd:last-child {
-         margin-bottom: 0;
-     }
-
-     img {
-         border: 0;
-         -ms-interpolation-mode: bicubic;
-         vertical-align: middle;
-     }
-
-     figure {
-         display: block;
-         text-align: center;
-         margin: 1em 0;
-     }
-
-     figure img {
-         border: none;
-         margin: 0 auto;
-     }
-
-     figcaption {
-         font-size: 0.8em;
-         font-style: italic;
-         margin: 0 0 .8em;
-     }
-
-     table {
-         margin-bottom: 2em;
-         border-bottom: 1px solid #ddd;
-         border-right: 1px solid #ddd;
-         border-spacing: 0;
-         border-collapse: collapse;
-     }
-
-     table th {
-         padding: .2em 1em;
-         background-color: #eee;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-     }
-
-     table td {
-         padding: .2em 1em;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-         vertical-align: top;
-     }
-
-     .author {
-         font-size: 1.2em;
-         text-align: center;
-     }
-
-     @media only screen and (min-width: 480px) {
-         body {
-             font-size: 14px;
-         }
-     }
-
-     @media only screen and (min-width: 768px) {
-         body {
-             font-size: 16px;
-         }
-     }
-
-     @media print {
-         * {
-             background: transparent !important;
-             color: black !important;
-             filter: none !important;
-             -ms-filter: none !important;
-         }
-         body {
-             font-size: 12pt;
-             max-width: 100%;
-         }
-         a,
-         a:visited {
-             text-decoration: underline;
-         }
-         hr {
-             height: 1px;
-             border: 0;
-             border-bottom: 1px solid black;
-         }
-         a[href]:after {
-             content: " (" attr(href) ")";
-         }
-         abbr[title]:after {
-             content: " (" attr(title) ")";
-         }
-         .ir a:after,
-         a[href^="javascript:"]:after,
-         a[href^="#"]:after {
-             content: "";
-         }
-         pre,
-         blockquote {
-             border: 1px solid #999;
-             padding-right: 1em;
-             page-break-inside: avoid;
-         }
-         tr,
-         img {
-             page-break-inside: avoid;
-         }
-         img {
-             max-width: 100% !important;
-         }
-         @page :left {
-             margin: 15mm 20mm 15mm 10mm;
-         }
-         @page :right {
-             margin: 15mm 10mm 15mm 20mm;
-         }
-         p,
-         h2,
-         h3 {
-             orphans: 3;
-             widows: 3;
-         }
-         h2,
-         h3 {
-             page-break-after: avoid;
-         }
-     }  </style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<header id="title-block-header">
-<h1 class="title">Reinforcement Learning from Human Feedback</h1>
-<p class="author">Nathan Lambert</p>
-<p class="date">24 May 2024</p>
-</header>
-<div> <a href="../"> Home </a> </div>
-<div> <h3> Chapter Contents </h3> </div>
-<nav id="TOC" role="doc-toc">
-<ul>
-<li><a href="#installation" id="toc-installation">Installation</a></li>
-<li><a href="#bibliography" id="toc-bibliography">Bibliography</a></li>
-</ul>
-</nav>
-<div id="content">
-  <h1 id="installation">Installation</h1>
-  <p>This is the installation chapter. We love the book <span
-  class="citation" data-cites="russell2016artificial"><a
-  href="#ref-russell2016artificial"
-  role="doc-biblioref">[1]</a></span>.</p>
-  <p>For further information, check the [Introduction] chapter.</p>
-  <p>For further information, check the <a href="#introduction">this
-  chapter</a>.</p>
-  <p>For further information, check the <a href="#first">this chapter’s
-  subsection</a> section.</p>
-  <h1 class="unnumbered" id="bibliography">Bibliography</h1>
-  <div id="refs" class="references csl-bib-body" data-entry-spacing="0"
-  role="list">
-  <div id="ref-russell2016artificial" class="csl-entry" role="listitem">
-  <div class="csl-left-margin">[1] </div><div
-  class="csl-right-inline">S. J. Russell and P. Norvig, <em>Artificial
-  intelligence: A modern approach</em>. Pearson, 2016.</div>
-  </div>
-  </div>
-</div>
-<footer style="padding: 20px; text-align: center;">
-  <hr>
-  <div style="text-align: left; font-size: small; color: #888;">
-    Citation: <br>
-    @book{rlhf2024,<br>
-    &nbsp;&nbsp;author = {Nathan Lambert},<br>
-    &nbsp;&nbsp;title = {Reinforcement Learning from Human Feedback},<br>
-    &nbsp;&nbsp;year = {2024},<br>
-    &nbsp;&nbsp;publisher = {Online},<br>
-    &nbsp;&nbsp;url = {https://rlhfbook.com},<br>      }
-  </div>
-  <div>
-    <a href="https://github.com/natolambert/rlhf-book" target="_blank">
-      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="width: 40px; height: 40px;">
-    </a>
-    <!-- Add more social links here -->
-  </div>
-  <p>&copy; 2024 RLHF Book Team</p>
-</footer>  
-</body>
-</html>
diff --git a/build/html/c/03-usage.html b/build/html/c/03-usage.html
deleted file mode 100644
index c9f554f..0000000
--- a/build/html/c/03-usage.html
+++ /dev/null
@@ -1,566 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-  <meta name="author" content="Nathan Lambert" />
-  <meta name="dcterms.date" content="2024-05-24" />
-  <title>Reinforcement Learning from Human Feedback</title>
-  <style>
-    html {
-      color: #1a1a1a;
-      background-color: #fdfdfd;
-    }
-    body {
-      margin: 0 auto;
-      max-width: 36em;
-      padding-left: 50px;
-      padding-right: 50px;
-      padding-top: 50px;
-      padding-bottom: 50px;
-      hyphens: auto;
-      overflow-wrap: break-word;
-      text-rendering: optimizeLegibility;
-      font-kerning: normal;
-    }
-    @media (max-width: 600px) {
-      body {
-        font-size: 0.9em;
-        padding: 12px;
-      }
-      h1 {
-        font-size: 1.8em;
-      }
-    }
-    @media print {
-      html {
-        background-color: white;
-      }
-      body {
-        background-color: transparent;
-        color: black;
-        font-size: 12pt;
-      }
-      p, h2, h3 {
-        orphans: 3;
-        widows: 3;
-      }
-      h2, h3, h4 {
-        page-break-after: avoid;
-      }
-    }
-    p {
-      margin: 1em 0;
-    }
-    a {
-      color: #1a1a1a;
-    }
-    a:visited {
-      color: #1a1a1a;
-    }
-    img {
-      max-width: 100%;
-    }
-    svg {
-      height: auto;
-      max-width: 100%;
-    }
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.4em;
-    }
-    h5, h6 {
-      font-size: 1em;
-      font-style: italic;
-    }
-    h6 {
-      font-weight: normal;
-    }
-    ol, ul {
-      padding-left: 1.7em;
-      margin-top: 1em;
-    }
-    li > ol, li > ul {
-      margin-top: 0;
-    }
-    blockquote {
-      margin: 1em 0 1em 1.7em;
-      padding-left: 1em;
-      border-left: 2px solid #e6e6e6;
-      color: #606060;
-    }
-    div.abstract {
-      margin: 2em 2em 2em 2em;
-      text-align: left;
-      font-size: 85%;
-    }
-    div.abstract-title {
-      font-weight: bold;
-      text-align: center;
-      padding: 0;
-      margin-bottom: 0.5em;
-    }
-    code {
-      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
-      font-size: 85%;
-      margin: 0;
-      hyphens: manual;
-    }
-    pre {
-      margin: 1em 0;
-      overflow: auto;
-    }
-    pre code {
-      padding: 0;
-      overflow: visible;
-      overflow-wrap: normal;
-    }
-    .sourceCode {
-     background-color: transparent;
-     overflow: visible;
-    }
-    hr {
-      background-color: #1a1a1a;
-      border: none;
-      height: 1px;
-      margin: 1em 0;
-    }
-    table {
-      margin: 1em 0;
-      border-collapse: collapse;
-      width: 100%;
-      overflow-x: auto;
-      display: block;
-      font-variant-numeric: lining-nums tabular-nums;
-    }
-    table caption {
-      margin-bottom: 0.75em;
-    }
-    tbody {
-      margin-top: 0.5em;
-      border-top: 1px solid #1a1a1a;
-      border-bottom: 1px solid #1a1a1a;
-    }
-    th {
-      border-top: 1px solid #1a1a1a;
-      padding: 0.25em 0.5em 0.25em 0.5em;
-    }
-    td {
-      padding: 0.125em 0.5em 0.25em 0.5em;
-    }
-    header {
-      margin-bottom: 4em;
-      text-align: center;
-    }
-    #TOC li {
-      list-style: none;
-    }
-    #TOC ul {
-      padding-left: 1.3em;
-    }
-    #TOC > ul {
-      padding-left: 0;
-    }
-    #TOC a:not(:hover) {
-      text-decoration: none;
-    }
-    code{white-space: pre-wrap;}
-    span.smallcaps{font-variant: small-caps;}
-    div.columns{display: flex; gap: min(4vw, 1.5em);}
-    div.column{flex: auto; overflow-x: auto;}
-    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-    /* The extra [class] is a hack that increases specificity enough to
-       override a similar rule in reveal.js */
-    ul.task-list[class]{list-style: none;}
-    ul.task-list li input[type="checkbox"] {
-      font-size: inherit;
-      width: 0.8em;
-      margin: 0 0.8em 0.2em -1.6em;
-      vertical-align: middle;
-    }
-    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-    /*
-     * Custom CSS file. Override it as you like.
-     *
-     * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist:
-     *   https://gist.github.com/killercup/5917178
-     */
-
-    html {
-        font-size: 100%;
-        overflow-y: scroll;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-    }
-
-    body {
-        color: #444;
-        font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-        font-size: 12px;
-        line-height: 1.7;
-        padding: 1em;
-        margin: auto;
-        max-width: 42em;
-        background: #fefefe;
-    }
-
-    a {
-        color: #0645ad;
-        text-decoration: none;
-    }
-
-    a:visited {
-        color: #0b0080;
-    }
-
-    a:hover {
-        color: #06e;
-    }
-
-    a:active {
-        color: #faa700;
-    }
-
-    a:focus {
-        outline: thin dotted;
-    }
-
-    *::-moz-selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #000;
-    }
-
-    *::selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #000;
-    }
-
-    a::-moz-selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #0645ad;
-    }
-
-    a::selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #0645ad;
-    }
-
-    p {
-        margin: 1em 0;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        color: #111;
-        line-height: 125%;
-        margin-top: 2em;
-        font-weight: normal;
-    }
-
-    h4,
-    h5,
-    h6 {
-        font-weight: bold;
-    }
-
-    h1 {
-        font-size: 2.5em;
-    }
-
-    h2 {
-        font-size: 2em;
-    }
-
-    h3 {
-        font-size: 1.5em;
-    }
-
-    h4 {
-        font-size: 1.2em;
-    }
-
-    h5 {
-        font-size: 1em;
-    }
-
-    h6 {
-        font-size: 0.9em;
-    }
-
-    blockquote {
-        color: #666666;
-        margin: 0;
-        padding-left: 3em;
-        border-left: 0.5em #EEE solid;
-    }
-
-    hr {
-        display: block;
-        height: 2px;
-        border: 0;
-        border-top: 1px solid #aaa;
-        border-bottom: 1px solid #eee;
-        margin: 1em 0;
-        padding: 0;
-    }
-
-    pre,
-    code,
-    kbd,
-    samp {
-        color: #000;
-        font-family: monospace, monospace;
-        _font-family: 'courier new', monospace;
-        font-size: 0.98em;
-    }
-
-    pre {
-        white-space: pre;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-
-    b,
-    strong {
-        font-weight: bold;
-    }
-
-    dfn {
-        font-style: italic;
-    }
-
-    ins {
-        background: #ff9;
-        color: #000;
-        text-decoration: none;
-    }
-
-    mark {
-        background: #ff0;
-        color: #000;
-        font-style: italic;
-        font-weight: bold;
-    }
-
-    sub,
-    sup {
-        font-size: 75%;
-        line-height: 0;
-        position: relative;
-        vertical-align: baseline;
-    }
-
-    sup {
-        top: -0.5em;
-    }
-
-    sub {
-        bottom: -0.25em;
-    }
-
-    ul,
-    ol {
-        margin: 1em 0;
-        padding: 0 0 0 2em;
-    }
-
-    li p:last-child {
-        margin-bottom: 0;
-    }
-
-    ul ul,
-    ol ol {
-        margin: .3em 0;
-    }
-
-    dl {
-        margin-bottom: 1em;
-    }
-
-    dt {
-        font-weight: bold;
-        margin-bottom: .8em;
-    }
-
-    dd {
-        margin: 0 0 .8em 2em;
-    }
-
-    dd:last-child {
-        margin-bottom: 0;
-    }
-
-    img {
-        border: 0;
-        -ms-interpolation-mode: bicubic;
-        vertical-align: middle;
-    }
-
-    figure {
-        display: block;
-        text-align: center;
-        margin: 1em 0;
-    }
-
-    figure img {
-        border: none;
-        margin: 0 auto;
-    }
-
-    figcaption {
-        font-size: 0.8em;
-        font-style: italic;
-        margin: 0 0 .8em;
-    }
-
-    table {
-        margin-bottom: 2em;
-        border-bottom: 1px solid #ddd;
-        border-right: 1px solid #ddd;
-        border-spacing: 0;
-        border-collapse: collapse;
-    }
-
-    table th {
-        padding: .2em 1em;
-        background-color: #eee;
-        border-top: 1px solid #ddd;
-        border-left: 1px solid #ddd;
-    }
-
-    table td {
-        padding: .2em 1em;
-        border-top: 1px solid #ddd;
-        border-left: 1px solid #ddd;
-        vertical-align: top;
-    }
-
-    .author {
-        font-size: 1.2em;
-        text-align: center;
-    }
-
-    @media only screen and (min-width: 480px) {
-        body {
-            font-size: 14px;
-        }
-    }
-
-    @media only screen and (min-width: 768px) {
-        body {
-            font-size: 16px;
-        }
-    }
-
-    @media print {
-        * {
-            background: transparent !important;
-            color: black !important;
-            filter: none !important;
-            -ms-filter: none !important;
-        }
-        body {
-            font-size: 12pt;
-            max-width: 100%;
-        }
-        a,
-        a:visited {
-            text-decoration: underline;
-        }
-        hr {
-            height: 1px;
-            border: 0;
-            border-bottom: 1px solid black;
-        }
-        a[href]:after {
-            content: " (" attr(href) ")";
-        }
-        abbr[title]:after {
-            content: " (" attr(title) ")";
-        }
-        .ir a:after,
-        a[href^="javascript:"]:after,
-        a[href^="#"]:after {
-            content: "";
-        }
-        pre,
-        blockquote {
-            border: 1px solid #999;
-            padding-right: 1em;
-            page-break-inside: avoid;
-        }
-        tr,
-        img {
-            page-break-inside: avoid;
-        }
-        img {
-            max-width: 100% !important;
-        }
-        @page :left {
-            margin: 15mm 20mm 15mm 10mm;
-        }
-        @page :right {
-            margin: 15mm 10mm 15mm 20mm;
-        }
-        p,
-        h2,
-        h3 {
-            orphans: 3;
-            widows: 3;
-        }
-        h2,
-        h3 {
-            page-break-after: avoid;
-        }
-    }  </style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<header id="title-block-header">
-<h1 class="title">Reinforcement Learning from Human Feedback</h1>
-<p class="author">Nathan Lambert</p>
-<p class="date">24 May 2024</p>
-</header>
-<div> <a href="../"> Home </a> </div>
-<div> <h3> Chapter Contents </h3> </div>
-<nav id="TOC" role="doc-toc">
-<ul>
-<li><a href="#usage" id="toc-usage">Usage</a></li>
-</ul>
-</nav>
-<div id="content">
-  <h1 id="usage">Usage</h1>
-  <p>This is the usage chapter.</p>
-</div>
-<footer style="padding: 20px; text-align: center;">
-  <hr>
-  <div style="text-align: left; font-size: small; color: #888;">
-    Citation: <br>
-    @book{rlhf2024,<br>
-    &nbsp;&nbsp;author = {Nathan Lambert},<br>
-    &nbsp;&nbsp;title = {Reinforcement Learning from Human Feedback},<br>
-    &nbsp;&nbsp;year = {2024},<br>
-    &nbsp;&nbsp;publisher = {Online},<br>
-    &nbsp;&nbsp;url = {https://rlhfbook.com},<br>      }
-  </div>
-  <div>
-    <a href="https://github.com/natolambert/rlhf-book" target="_blank">
-      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="width: 40px; height: 40px;">
-    </a>
-    <!-- Add more social links here -->
-  </div>
-  <p>&copy; 2024 RLHF Book Team</p>
-</footer>  
-</body>
-</html>
diff --git a/build/html/c/04-references.html b/build/html/c/04-references.html
deleted file mode 100644
index 70a1a66..0000000
--- a/build/html/c/04-references.html
+++ /dev/null
@@ -1,570 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-  <meta name="author" content="Nathan Lambert" />
-  <meta name="dcterms.date" content="2024-05-24" />
-  <title>Reinforcement Learning from Human Feedback</title>
-  <style>
-    html {
-      color: #1a1a1a;
-      background-color: #fdfdfd;
-    }
-    body {
-      margin: 0 auto;
-      max-width: 36em;
-      padding-left: 50px;
-      padding-right: 50px;
-      padding-top: 50px;
-      padding-bottom: 50px;
-      hyphens: auto;
-      overflow-wrap: break-word;
-      text-rendering: optimizeLegibility;
-      font-kerning: normal;
-    }
-    @media (max-width: 600px) {
-      body {
-        font-size: 0.9em;
-        padding: 12px;
-      }
-      h1 {
-        font-size: 1.8em;
-      }
-    }
-    @media print {
-      html {
-        background-color: white;
-      }
-      body {
-        background-color: transparent;
-        color: black;
-        font-size: 12pt;
-      }
-      p, h2, h3 {
-        orphans: 3;
-        widows: 3;
-      }
-      h2, h3, h4 {
-        page-break-after: avoid;
-      }
-    }
-    p {
-      margin: 1em 0;
-    }
-    a {
-      color: #1a1a1a;
-    }
-    a:visited {
-      color: #1a1a1a;
-    }
-    img {
-      max-width: 100%;
-    }
-    svg {
-      height: auto;
-      max-width: 100%;
-    }
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.4em;
-    }
-    h5, h6 {
-      font-size: 1em;
-      font-style: italic;
-    }
-    h6 {
-      font-weight: normal;
-    }
-    ol, ul {
-      padding-left: 1.7em;
-      margin-top: 1em;
-    }
-    li > ol, li > ul {
-      margin-top: 0;
-    }
-    blockquote {
-      margin: 1em 0 1em 1.7em;
-      padding-left: 1em;
-      border-left: 2px solid #e6e6e6;
-      color: #606060;
-    }
-    div.abstract {
-      margin: 2em 2em 2em 2em;
-      text-align: left;
-      font-size: 85%;
-    }
-    div.abstract-title {
-      font-weight: bold;
-      text-align: center;
-      padding: 0;
-      margin-bottom: 0.5em;
-    }
-    code {
-      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
-      font-size: 85%;
-      margin: 0;
-      hyphens: manual;
-    }
-    pre {
-      margin: 1em 0;
-      overflow: auto;
-    }
-    pre code {
-      padding: 0;
-      overflow: visible;
-      overflow-wrap: normal;
-    }
-    .sourceCode {
-     background-color: transparent;
-     overflow: visible;
-    }
-    hr {
-      background-color: #1a1a1a;
-      border: none;
-      height: 1px;
-      margin: 1em 0;
-    }
-    table {
-      margin: 1em 0;
-      border-collapse: collapse;
-      width: 100%;
-      overflow-x: auto;
-      display: block;
-      font-variant-numeric: lining-nums tabular-nums;
-    }
-    table caption {
-      margin-bottom: 0.75em;
-    }
-    tbody {
-      margin-top: 0.5em;
-      border-top: 1px solid #1a1a1a;
-      border-bottom: 1px solid #1a1a1a;
-    }
-    th {
-      border-top: 1px solid #1a1a1a;
-      padding: 0.25em 0.5em 0.25em 0.5em;
-    }
-    td {
-      padding: 0.125em 0.5em 0.25em 0.5em;
-    }
-    header {
-      margin-bottom: 4em;
-      text-align: center;
-    }
-    #TOC li {
-      list-style: none;
-    }
-    #TOC ul {
-      padding-left: 1.3em;
-    }
-    #TOC > ul {
-      padding-left: 0;
-    }
-    #TOC a:not(:hover) {
-      text-decoration: none;
-    }
-    code{white-space: pre-wrap;}
-    span.smallcaps{font-variant: small-caps;}
-    div.columns{display: flex; gap: min(4vw, 1.5em);}
-    div.column{flex: auto; overflow-x: auto;}
-    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-    /* The extra [class] is a hack that increases specificity enough to
-       override a similar rule in reveal.js */
-    ul.task-list[class]{list-style: none;}
-    ul.task-list li input[type="checkbox"] {
-      font-size: inherit;
-      width: 0.8em;
-      margin: 0 0.8em 0.2em -1.6em;
-      vertical-align: middle;
-    }
-    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-    /*
-     * Custom CSS file. Override it as you like.
-     *
-     * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist:
-     *   https://gist.github.com/killercup/5917178
-     */
-
-    html {
-        font-size: 100%;
-        overflow-y: scroll;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-    }
-
-    body {
-        color: #444;
-        font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-        font-size: 12px;
-        line-height: 1.7;
-        padding: 1em;
-        margin: auto;
-        max-width: 42em;
-        background: #fefefe;
-    }
-
-    a {
-        color: #0645ad;
-        text-decoration: none;
-    }
-
-    a:visited {
-        color: #0b0080;
-    }
-
-    a:hover {
-        color: #06e;
-    }
-
-    a:active {
-        color: #faa700;
-    }
-
-    a:focus {
-        outline: thin dotted;
-    }
-
-    *::-moz-selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #000;
-    }
-
-    *::selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #000;
-    }
-
-    a::-moz-selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #0645ad;
-    }
-
-    a::selection {
-        background: rgba(255, 255, 0, 0.3);
-        color: #0645ad;
-    }
-
-    p {
-        margin: 1em 0;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        color: #111;
-        line-height: 125%;
-        margin-top: 2em;
-        font-weight: normal;
-    }
-
-    h4,
-    h5,
-    h6 {
-        font-weight: bold;
-    }
-
-    h1 {
-        font-size: 2.5em;
-    }
-
-    h2 {
-        font-size: 2em;
-    }
-
-    h3 {
-        font-size: 1.5em;
-    }
-
-    h4 {
-        font-size: 1.2em;
-    }
-
-    h5 {
-        font-size: 1em;
-    }
-
-    h6 {
-        font-size: 0.9em;
-    }
-
-    blockquote {
-        color: #666666;
-        margin: 0;
-        padding-left: 3em;
-        border-left: 0.5em #EEE solid;
-    }
-
-    hr {
-        display: block;
-        height: 2px;
-        border: 0;
-        border-top: 1px solid #aaa;
-        border-bottom: 1px solid #eee;
-        margin: 1em 0;
-        padding: 0;
-    }
-
-    pre,
-    code,
-    kbd,
-    samp {
-        color: #000;
-        font-family: monospace, monospace;
-        _font-family: 'courier new', monospace;
-        font-size: 0.98em;
-    }
-
-    pre {
-        white-space: pre;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-
-    b,
-    strong {
-        font-weight: bold;
-    }
-
-    dfn {
-        font-style: italic;
-    }
-
-    ins {
-        background: #ff9;
-        color: #000;
-        text-decoration: none;
-    }
-
-    mark {
-        background: #ff0;
-        color: #000;
-        font-style: italic;
-        font-weight: bold;
-    }
-
-    sub,
-    sup {
-        font-size: 75%;
-        line-height: 0;
-        position: relative;
-        vertical-align: baseline;
-    }
-
-    sup {
-        top: -0.5em;
-    }
-
-    sub {
-        bottom: -0.25em;
-    }
-
-    ul,
-    ol {
-        margin: 1em 0;
-        padding: 0 0 0 2em;
-    }
-
-    li p:last-child {
-        margin-bottom: 0;
-    }
-
-    ul ul,
-    ol ol {
-        margin: .3em 0;
-    }
-
-    dl {
-        margin-bottom: 1em;
-    }
-
-    dt {
-        font-weight: bold;
-        margin-bottom: .8em;
-    }
-
-    dd {
-        margin: 0 0 .8em 2em;
-    }
-
-    dd:last-child {
-        margin-bottom: 0;
-    }
-
-    img {
-        border: 0;
-        -ms-interpolation-mode: bicubic;
-        vertical-align: middle;
-    }
-
-    figure {
-        display: block;
-        text-align: center;
-        margin: 1em 0;
-    }
-
-    figure img {
-        border: none;
-        margin: 0 auto;
-    }
-
-    figcaption {
-        font-size: 0.8em;
-        font-style: italic;
-        margin: 0 0 .8em;
-    }
-
-    table {
-        margin-bottom: 2em;
-        border-bottom: 1px solid #ddd;
-        border-right: 1px solid #ddd;
-        border-spacing: 0;
-        border-collapse: collapse;
-    }
-
-    table th {
-        padding: .2em 1em;
-        background-color: #eee;
-        border-top: 1px solid #ddd;
-        border-left: 1px solid #ddd;
-    }
-
-    table td {
-        padding: .2em 1em;
-        border-top: 1px solid #ddd;
-        border-left: 1px solid #ddd;
-        vertical-align: top;
-    }
-
-    .author {
-        font-size: 1.2em;
-        text-align: center;
-    }
-
-    @media only screen and (min-width: 480px) {
-        body {
-            font-size: 14px;
-        }
-    }
-
-    @media only screen and (min-width: 768px) {
-        body {
-            font-size: 16px;
-        }
-    }
-
-    @media print {
-        * {
-            background: transparent !important;
-            color: black !important;
-            filter: none !important;
-            -ms-filter: none !important;
-        }
-        body {
-            font-size: 12pt;
-            max-width: 100%;
-        }
-        a,
-        a:visited {
-            text-decoration: underline;
-        }
-        hr {
-            height: 1px;
-            border: 0;
-            border-bottom: 1px solid black;
-        }
-        a[href]:after {
-            content: " (" attr(href) ")";
-        }
-        abbr[title]:after {
-            content: " (" attr(title) ")";
-        }
-        .ir a:after,
-        a[href^="javascript:"]:after,
-        a[href^="#"]:after {
-            content: "";
-        }
-        pre,
-        blockquote {
-            border: 1px solid #999;
-            padding-right: 1em;
-            page-break-inside: avoid;
-        }
-        tr,
-        img {
-            page-break-inside: avoid;
-        }
-        img {
-            max-width: 100% !important;
-        }
-        @page :left {
-            margin: 15mm 20mm 15mm 10mm;
-        }
-        @page :right {
-            margin: 15mm 10mm 15mm 20mm;
-        }
-        p,
-        h2,
-        h3 {
-            orphans: 3;
-            widows: 3;
-        }
-        h2,
-        h3 {
-            page-break-after: avoid;
-        }
-    }  </style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<header id="title-block-header">
-<h1 class="title">Reinforcement Learning from Human Feedback</h1>
-<p class="author">Nathan Lambert</p>
-<p class="date">24 May 2024</p>
-</header>
-<div> <a href="../"> Home </a> </div>
-<div> <h3> Chapter Contents </h3> </div>
-<nav id="TOC" role="doc-toc">
-<ul>
-<li><a href="#references" id="toc-references">References</a></li>
-</ul>
-</nav>
-<div id="content">
-  <h1 id="references">References</h1>
-  <ul>
-  <li><a href="http://pandoc.org/">Pandoc</a></li>
-  <li><a href="https://wikipedia.org/wiki/Markdown">Wikipedia:
-  Markdown</a></li>
-  </ul>
-</div>
-<footer style="padding: 20px; text-align: center;">
-  <hr>
-  <div style="text-align: left; font-size: small; color: #888;">
-    Citation: <br>
-    @book{rlhf2024,<br>
-    &nbsp;&nbsp;author = {Nathan Lambert},<br>
-    &nbsp;&nbsp;title = {Reinforcement Learning from Human Feedback},<br>
-    &nbsp;&nbsp;year = {2024},<br>
-    &nbsp;&nbsp;publisher = {Online},<br>
-    &nbsp;&nbsp;url = {https://rlhfbook.com},<br>      }
-  </div>
-  <div>
-    <a href="https://github.com/natolambert/rlhf-book" target="_blank">
-      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="width: 40px; height: 40px;">
-    </a>
-    <!-- Add more social links here -->
-  </div>
-  <p>&copy; 2024 RLHF Book Team</p>
-</footer>  
-</body>
-</html>
diff --git a/build/html/favicon.ico b/build/html/favicon.ico
deleted file mode 100644
index 6d2d5a9..0000000
Binary files a/build/html/favicon.ico and /dev/null differ
diff --git a/build/html/index.html b/build/html/index.html
deleted file mode 100644
index 1ef75f1..0000000
--- a/build/html/index.html
+++ /dev/null
@@ -1,656 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
-  <meta name="author" content="Nathan Lambert" />
-  <meta name="dcterms.date" content="2024-05-24" />
-  <title>Reinforcement Learning from Human Feedback</title>
-  <style>
-    html {
-      color: #1a1a1a;
-      background-color: #fdfdfd;
-    }
-    body {
-      margin: 0 auto;
-      max-width: 36em;
-      padding-left: 50px;
-      padding-right: 50px;
-      padding-top: 50px;
-      padding-bottom: 50px;
-      hyphens: auto;
-      overflow-wrap: break-word;
-      text-rendering: optimizeLegibility;
-      font-kerning: normal;
-    }
-    @media (max-width: 600px) {
-      body {
-        font-size: 0.9em;
-        padding: 12px;
-      }
-      h1 {
-        font-size: 1.8em;
-      }
-    }
-    @media print {
-      html {
-        background-color: white;
-      }
-      body {
-        background-color: transparent;
-        color: black;
-        font-size: 12pt;
-      }
-      p, h2, h3 {
-        orphans: 3;
-        widows: 3;
-      }
-      h2, h3, h4 {
-        page-break-after: avoid;
-      }
-    }
-    p {
-      margin: 1em 0;
-    }
-    a {
-      color: #1a1a1a;
-    }
-    a:visited {
-      color: #1a1a1a;
-    }
-    img {
-      max-width: 100%;
-    }
-    svg {
-      height: auto;
-      max-width: 100%;
-    }
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.4em;
-    }
-    h5, h6 {
-      font-size: 1em;
-      font-style: italic;
-    }
-    h6 {
-      font-weight: normal;
-    }
-    ol, ul {
-      padding-left: 1.7em;
-      margin-top: 1em;
-    }
-    li > ol, li > ul {
-      margin-top: 0;
-    }
-    blockquote {
-      margin: 1em 0 1em 1.7em;
-      padding-left: 1em;
-      border-left: 2px solid #e6e6e6;
-      color: #606060;
-    }
-    div.abstract {
-      margin: 2em 2em 2em 2em;
-      text-align: left;
-      font-size: 85%;
-    }
-    div.abstract-title {
-      font-weight: bold;
-      text-align: center;
-      padding: 0;
-      margin-bottom: 0.5em;
-    }
-    code {
-      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
-      font-size: 85%;
-      margin: 0;
-      hyphens: manual;
-    }
-    pre {
-      margin: 1em 0;
-      overflow: auto;
-    }
-    pre code {
-      padding: 0;
-      overflow: visible;
-      overflow-wrap: normal;
-    }
-    .sourceCode {
-     background-color: transparent;
-     overflow: visible;
-    }
-    hr {
-      background-color: #1a1a1a;
-      border: none;
-      height: 1px;
-      margin: 1em 0;
-    }
-    table {
-      margin: 1em 0;
-      border-collapse: collapse;
-      width: 100%;
-      overflow-x: auto;
-      display: block;
-      font-variant-numeric: lining-nums tabular-nums;
-    }
-    table caption {
-      margin-bottom: 0.75em;
-    }
-    tbody {
-      margin-top: 0.5em;
-      border-top: 1px solid #1a1a1a;
-      border-bottom: 1px solid #1a1a1a;
-    }
-    th {
-      border-top: 1px solid #1a1a1a;
-      padding: 0.25em 0.5em 0.25em 0.5em;
-    }
-    td {
-      padding: 0.125em 0.5em 0.25em 0.5em;
-    }
-    header {
-      margin-bottom: 4em;
-      text-align: center;
-    }
-    #TOC li {
-      list-style: none;
-    }
-    #TOC ul {
-      padding-left: 1.3em;
-    }
-    #TOC > ul {
-      padding-left: 0;
-    }
-    #TOC a:not(:hover) {
-      text-decoration: none;
-    }
-    code{white-space: pre-wrap;}
-    span.smallcaps{font-variant: small-caps;}
-    div.columns{display: flex; gap: min(4vw, 1.5em);}
-    div.column{flex: auto; overflow-x: auto;}
-    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-    /* The extra [class] is a hack that increases specificity enough to
-       override a similar rule in reveal.js */
-    ul.task-list[class]{list-style: none;}
-    ul.task-list li input[type="checkbox"] {
-      font-size: inherit;
-      width: 0.8em;
-      margin: 0 0.8em 0.2em -1.6em;
-      vertical-align: middle;
-    }
-    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-    /* CSS for syntax highlighting */
-    pre > code.sourceCode { white-space: pre; position: relative; }
-    pre > code.sourceCode > span { line-height: 1.25; }
-    pre > code.sourceCode > span:empty { height: 1.2em; }
-    .sourceCode { overflow: visible; }
-    code.sourceCode > span { color: inherit; text-decoration: inherit; }
-    div.sourceCode { margin: 1em 0; }
-    pre.sourceCode { margin: 0; }
-    @media screen {
-    div.sourceCode { overflow: auto; }
-    }
-    @media print {
-    pre > code.sourceCode { white-space: pre-wrap; }
-    pre > code.sourceCode > span { display: inline-block; text-indent: -5em; padding-left: 5em; }
-    }
-    pre.numberSource code
-      { counter-reset: source-line 0; }
-    pre.numberSource code > span
-      { position: relative; left: -4em; counter-increment: source-line; }
-    pre.numberSource code > span > a:first-child::before
-      { content: counter(source-line);
-        position: relative; left: -1em; text-align: right; vertical-align: baseline;
-        border: none; display: inline-block;
-        -webkit-touch-callout: none; -webkit-user-select: none;
-        -khtml-user-select: none; -moz-user-select: none;
-        -ms-user-select: none; user-select: none;
-        padding: 0 4px; width: 4em;
-        color: #aaaaaa;
-      }
-    pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }
-    div.sourceCode
-      {   }
-    @media screen {
-    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-    }
-    code span.al { color: #ff0000; font-weight: bold; } /* Alert */
-    code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
-    code span.at { color: #7d9029; } /* Attribute */
-    code span.bn { color: #40a070; } /* BaseN */
-    code span.bu { color: #008000; } /* BuiltIn */
-    code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
-    code span.ch { color: #4070a0; } /* Char */
-    code span.cn { color: #880000; } /* Constant */
-    code span.co { color: #60a0b0; font-style: italic; } /* Comment */
-    code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
-    code span.do { color: #ba2121; font-style: italic; } /* Documentation */
-    code span.dt { color: #902000; } /* DataType */
-    code span.dv { color: #40a070; } /* DecVal */
-    code span.er { color: #ff0000; font-weight: bold; } /* Error */
-    code span.ex { } /* Extension */
-    code span.fl { color: #40a070; } /* Float */
-    code span.fu { color: #06287e; } /* Function */
-    code span.im { color: #008000; font-weight: bold; } /* Import */
-    code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
-    code span.kw { color: #007020; font-weight: bold; } /* Keyword */
-    code span.op { color: #666666; } /* Operator */
-    code span.ot { color: #007020; } /* Other */
-    code span.pp { color: #bc7a00; } /* Preprocessor */
-    code span.sc { color: #4070a0; } /* SpecialChar */
-    code span.ss { color: #bb6688; } /* SpecialString */
-    code span.st { color: #4070a0; } /* String */
-    code span.va { color: #19177c; } /* Variable */
-    code span.vs { color: #4070a0; } /* VerbatimString */
-    code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
-    /* CSS for citations */
-    div.csl-bib-body { }
-    div.csl-entry {
-      clear: both;
-      margin-bottom: 0em;
-    }
-    .hanging-indent div.csl-entry {
-      margin-left:2em;
-      text-indent:-2em;
-    }
-    div.csl-left-margin {
-      min-width:2em;
-      float:left;
-    }
-    div.csl-right-inline {
-      margin-left:2em;
-      padding-left:1em;
-    }
-    div.csl-indent {
-      margin-left: 2em;
-    }    /*
-      * Custom CSS file. Override it as you like.
-      *
-      * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist:
-      *   https://gist.github.com/killercup/5917178
-      */
-
-     html {
-         font-size: 100%;
-         overflow-y: scroll;
-         -webkit-text-size-adjust: 100%;
-         -ms-text-size-adjust: 100%;
-     }
-
-     body {
-         color: #444;
-         font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-         font-size: 12px;
-         line-height: 1.7;
-         padding: 1em;
-         margin: auto;
-         max-width: 42em;
-         background: #fefefe;
-     }
-
-     a {
-         color: #0645ad;
-         text-decoration: none;
-     }
-
-     a:visited {
-         color: #0b0080;
-     }
-
-     a:hover {
-         color: #06e;
-     }
-
-     a:active {
-         color: #faa700;
-     }
-
-     a:focus {
-         outline: thin dotted;
-     }
-
-     *::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     *::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #000;
-     }
-
-     a::-moz-selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     a::selection {
-         background: rgba(255, 255, 0, 0.3);
-         color: #0645ad;
-     }
-
-     p {
-         margin: 1em 0;
-     }
-
-     img {
-         max-width: 100%;
-     }
-
-     h1,
-     h2,
-     h3,
-     h4,
-     h5,
-     h6 {
-         color: #111;
-         line-height: 125%;
-         margin-top: 2em;
-         font-weight: normal;
-     }
-
-     h4,
-     h5,
-     h6 {
-         font-weight: bold;
-     }
-
-     h1 {
-         font-size: 2.5em;
-     }
-
-     h2 {
-         font-size: 2em;
-     }
-
-     h3 {
-         font-size: 1.5em;
-     }
-
-     h4 {
-         font-size: 1.2em;
-     }
-
-     h5 {
-         font-size: 1em;
-     }
-
-     h6 {
-         font-size: 0.9em;
-     }
-
-     blockquote {
-         color: #666666;
-         margin: 0;
-         padding-left: 3em;
-         border-left: 0.5em #EEE solid;
-     }
-
-     hr {
-         display: block;
-         height: 2px;
-         border: 0;
-         border-top: 1px solid #aaa;
-         border-bottom: 1px solid #eee;
-         margin: 1em 0;
-         padding: 0;
-     }
-
-     pre,
-     code,
-     kbd,
-     samp {
-         color: #000;
-         font-family: monospace, monospace;
-         _font-family: 'courier new', monospace;
-         font-size: 0.98em;
-     }
-
-     pre {
-         white-space: pre;
-         white-space: pre-wrap;
-         word-wrap: break-word;
-     }
-
-     b,
-     strong {
-         font-weight: bold;
-     }
-
-     dfn {
-         font-style: italic;
-     }
-
-     ins {
-         background: #ff9;
-         color: #000;
-         text-decoration: none;
-     }
-
-     mark {
-         background: #ff0;
-         color: #000;
-         font-style: italic;
-         font-weight: bold;
-     }
-
-     sub,
-     sup {
-         font-size: 75%;
-         line-height: 0;
-         position: relative;
-         vertical-align: baseline;
-     }
-
-     sup {
-         top: -0.5em;
-     }
-
-     sub {
-         bottom: -0.25em;
-     }
-
-     ul,
-     ol {
-         margin: 1em 0;
-         padding: 0 0 0 2em;
-     }
-
-     li p:last-child {
-         margin-bottom: 0;
-     }
-
-     ul ul,
-     ol ol {
-         margin: .3em 0;
-     }
-
-     dl {
-         margin-bottom: 1em;
-     }
-
-     dt {
-         font-weight: bold;
-         margin-bottom: .8em;
-     }
-
-     dd {
-         margin: 0 0 .8em 2em;
-     }
-
-     dd:last-child {
-         margin-bottom: 0;
-     }
-
-     img {
-         border: 0;
-         -ms-interpolation-mode: bicubic;
-         vertical-align: middle;
-     }
-
-     figure {
-         display: block;
-         text-align: center;
-         margin: 1em 0;
-     }
-
-     figure img {
-         border: none;
-         margin: 0 auto;
-     }
-
-     figcaption {
-         font-size: 0.8em;
-         font-style: italic;
-         margin: 0 0 .8em;
-     }
-
-     table {
-         margin-bottom: 2em;
-         border-bottom: 1px solid #ddd;
-         border-right: 1px solid #ddd;
-         border-spacing: 0;
-         border-collapse: collapse;
-     }
-
-     table th {
-         padding: .2em 1em;
-         background-color: #eee;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-     }
-
-     table td {
-         padding: .2em 1em;
-         border-top: 1px solid #ddd;
-         border-left: 1px solid #ddd;
-         vertical-align: top;
-     }
-
-     .author {
-         font-size: 1.2em;
-         text-align: center;
-     }
-
-     @media only screen and (min-width: 480px) {
-         body {
-             font-size: 14px;
-         }
-     }
-
-     @media only screen and (min-width: 768px) {
-         body {
-             font-size: 16px;
-         }
-     }
-
-     @media print {
-         * {
-             background: transparent !important;
-             color: black !important;
-             filter: none !important;
-             -ms-filter: none !important;
-         }
-         body {
-             font-size: 12pt;
-             max-width: 100%;
-         }
-         a,
-         a:visited {
-             text-decoration: underline;
-         }
-         hr {
-             height: 1px;
-             border: 0;
-             border-bottom: 1px solid black;
-         }
-         a[href]:after {
-             content: " (" attr(href) ")";
-         }
-         abbr[title]:after {
-             content: " (" attr(title) ")";
-         }
-         .ir a:after,
-         a[href^="javascript:"]:after,
-         a[href^="#"]:after {
-             content: "";
-         }
-         pre,
-         blockquote {
-             border: 1px solid #999;
-             padding-right: 1em;
-             page-break-inside: avoid;
-         }
-         tr,
-         img {
-             page-break-inside: avoid;
-         }
-         img {
-             max-width: 100% !important;
-         }
-         @page :left {
-             margin: 15mm 20mm 15mm 10mm;
-         }
-         @page :right {
-             margin: 15mm 10mm 15mm 20mm;
-         }
-         p,
-         h2,
-         h3 {
-             orphans: 3;
-             widows: 3;
-         }
-         h2,
-         h3 {
-             page-break-after: avoid;
-         }
-     }  </style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<header id="title-block-header">
-<h1 class="title">Reinforcement Learning from Human Feedback</h1>
-<p class="author">Nathan Lambert</p>
-<p class="date">24 May 2024</p>
-<div class="abstract">
-  <h2>Abstract</h2>
-  <p>An introduction to reinforcement learning from human feedback
-  (RLHF). Covering the core topics, from history of preferences, to
-  early work in language models, to future frontiers with Direct
-  Preference Learning (DPO) and everything that follows. Built
-  iteratively, web first, with purcase available when completed.</p>
-  <h2>Contents</h2>
-  <ol>
-      <li><a href="c/01-introduction.html">Introduction</a></li>
-      <li><a href="c/02-installation.html">TODO</a></li>
-      <li><a href="c/03-usage.html">TODO</a></li>
-      <li><a href="c/04-references.html">TODO</a></li>
-      <!-- Add more chapters as needed -->
-  </ol>
-</div>
-</header>
-<body>
-  <footer style="padding: 20px; text-align: center;">
-    <hr>
-    <div style="text-align: left; font-size: small; color: #888;">
-      Citation: <br>
-      @book{rlhf2024,<br>
-      &nbsp;&nbsp;author = {Nathan Lambert},<br>
-      &nbsp;&nbsp;title = {Reinforcement Learning from Human Feedback},<br>
-      &nbsp;&nbsp;year = {2024},<br>
-      &nbsp;&nbsp;publisher = {Online},<br>
-      &nbsp;&nbsp;url = {https://rlhfbook.com},<br>      }
-    </div>
-    <div>
-      <a href="https://github.com/natolambert/rlhf-book" target="_blank">
-        <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="width: 40px; height: 40px;">
-      </a>
-      <!-- Add more social links here -->
-    </div>
-    <p>&copy; 2024 RLHF Book Team</p>
-  </footer>  
-</body>
-</html>
