#+TITLE: Notes
#+OPTIONS: toc:nil num:nil
#+NO_SIDENOTES: t
#+COMMENTS: t
#+SLUG: notes

#+BEGIN_EXPORT html
<div id="notes-tools" aria-label="Note filters">
  <label for="notes-author-filter">Filter by author</label>
  <select id="notes-author-filter">
    <option value="">All authors</option>
  </select>
</div>

<div id="notes-wall">
  <p>Loading notes…</p>
</div>

<div id="notes-form-wrapper">
  <form id="notes-form">
    <label for="note-author">Name (required)</label>
    <input
      id="note-author"
      name="author_name"
      type="text"
      maxlength="100"
      required
    />

    <label for="note-content">Note</label>
    <textarea
      id="note-content"
      name="content"
      rows="4"
      required
    ></textarea>

    <button type="submit">Post note</button>
  </form>
</div>
#+END_EXPORT