frontend/marko/page/story/components/tags-page/index.marko

<background src="/assets/images/bg.png" opacity=0.25 />
<story-menu categories=input.categories selected=(input.selected || {}) user=input.user on-open("open") />
<main>
  <div class="tags-page">
    <h1 class="color-primary">All Tags</h1>
    <p>These are all distinct tags that appear in at least one listed story.</p>
    <div class="groups">
      <div for(group in state.groups) class=["group", group.groupClass]>
        <h2 class=group.colorClass>${group.header}</h2>
        <ul>
          <li for(tag in group.tags)>
            <a href=tag.url class=group.colorClass>${tag.name}</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <add-story-modal enabled=(state.modal === "story.add") stories=input.stories categories=input.categories on-close("close") />
</main>