Add Make Our Book to the showcase page

showcase.html

@@ -28,6 +28,22 @@ <h2>Here's a list of things people are doing for their 2020 Side Project Summer<
         Add your contribution to this showcase – either your 2019 or 2020 project – by opening a pull request!
         Follow the <a  href="https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository">instructions</a> on cloning a website on GitHub to take a local copy of this website. Edit the <strong>showcase.html</strong> file, copying and pasting one of the examples already there to add your own project. Feel free to add screenshots to the <strong>images</strong> folder and reference them using the <code>&lt;img&gt;</code> HTML tag. Then <a  href="https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request">open a pull request on GitHub</a>, and the General Products maintainers will review it, suggest any changes, and ultimately merge it in.
       </p>
+
+      <h2>Make Our Book</h2>
+      <p class="contributor">
+        Emma Barnes
+        <a href="https://twitter.com/has_many_books">@has_many_books</a>
+      </p>
+      <p>
+        "I have written <a href="https://makeourbook.com">makeourbook.com</a> to bring publishing to the classroom. I'm
+        particularly pleased with the use of the table of contents for navigation: it is a chance to improve my JavaScript
+        which is not my strength. I am using <a
+          href="https://react-beautiful-dnd.netlify.com/?path=/story/single-vertical-list--basic">React Beautiful DND</a>.
+        This summer I'm working on the Purchase workflow so orders are more automated, and on more layout options for
+        schools."
+        <img src="images/make_our_book.png" alt="Screenshot of the navigation page and a child's piece on makeourbook.com" />
+      </p>
+
      </main>
     <footer>
       <p>