refactor python modules

21 files changed, 1764 insertions, 0 deletions

diff --git a/python/fatcat_web/templates/404.html b/python/fatcat_web/templates/404.html
new file mode 100644
index 00000000..c8fbfeac
--- /dev/null
+++ b/python/fatcat_web/templates/404.html
@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1>404: Not Found</h1>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/about.html b/python/fatcat_web/templates/about.html
new file mode 100644
index 00000000..85f100b7
--- /dev/null
+++ b/python/fatcat_web/templates/about.html
@@ -0,0 +1,190 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h2 id="fatcat-design-document-rfc">fatcat Design Document (RFC)</h2>
+<p><em>Contact: Bryan Newbold <a href="mailto:bnewbold@archive.org">bnewbold@archive.org</a>. Last updated 2018-08-10</em></p>
+<p>fatcat is a proposed open bibliographic catalog of written works. The scope of works is somewhat flexible, with a focus on published research outputs like journal articles, pre-prints, and conference proceedings. Records are collaboratively editable, versioned, available in bulk form, and include URL-agnostic file-level metadata.</p>
+<p>fatcat is currently used internally at the Internet Archive, but interested folks are welcome to contribute to design and development.</p>
+<h2 id="goals-and-ecosystem-niche">Goals and Ecosystem Niche</h2>
+<p>For the Internet Archive use case, fatcat has two primary use cases:</p>
+<ul>
+<li>Track the &quot;completeness&quot; of our holdings against all known published works. In particular, allow us to monitor and prioritize further collection work.</li>
+<li>Be a public-facing catalog and access mechanism for our open access holdings.</li>
+</ul>
+<p>In the larger ecosystem, fatcat could also provide:</p>
+<ul>
+<li>A work-level (as opposed to title-level) archival dashboard: what fraction of all published works are preserved in archives? KBART, CLOCKSS, Portico, and other preservations don't provide granular metadata</li>
+<li>A collaborative, independent, non-commercial, fully-open, field-agnostic, &quot;completeness&quot;-oriented catalog of scholarly metadata</li>
+<li>Unified (centralized) foundation for discovery and access across repositories and archives: discovery projects can focus on user experience instead of building their own catalog from scratch</li>
+<li>Research corpus for meta-science, with an emphasis on availability and reproducibility (metadata corpus itself is open access, and file-level hashes control for content drift)</li>
+<li>Foundational infrastructure for distributed digital preservation</li>
+<li>On-ramp for non-traditional digital works (&quot;grey literature&quot;) into the scholarly web</li>
+</ul>
+<h2 id="technical-architecture">Technical Architecture</h2>
+<p>The canonical backend datastore exposes a microservice-like HTTP API, which could be extended with gRPC or GraphQL interfaces. The initial datastore is a transactional SQL database, but this implementation detail is abstracted by the API.</p>
+<p>As little &quot;application logic&quot; as possible should be embedded in this back-end; as much as possible would be pushed to bots which could be authored and operated by anybody. A separate web interface project talks to the API backend and can be developed more rapidly with less concern about data loss or corruption.</p>
+<p>A cronjob will creae periodic database dumps, both in &quot;full&quot; form (all tables and all edit history, removing only authentication credentials) and &quot;flattened&quot; form (with only the most recent version of each entity).</p>
+<p>A goal is to be linked-data/RDF/JSON-LD/semantic-web &quot;compatible&quot;, but not necessarily &quot;first&quot;. It should be possible to export the database in a relatively clean RDF form, and to fetch data in a variety of formats, but internally fatcat will not be backed by a triple-store, and will not be bound to a rigid third-party ontology or schema.</p>
+<p>Microservice daemons should be able to proxy between the primary API and standard protocols like ResourceSync and OAI-PMH, and third party bots could ingest or synchronize the databse in those formats.</p>
+<h2 id="licensing">Licensing</h2>
+<p>The core fatcat database should only contain verifiable factual statements (which isn't to say that all statements are &quot;true&quot;), not creative or derived content.</p>
+<p>The goal is to have a very permissively licensed database: CC-0 (no rights reserved) if possible. Under US law, it should be possible to scrape and pull in factual data from other corpuses without adopting their licenses. The goal here isn't to avoid attribution (progeny information will be included, and a large sources and acknowledgments statement should be maintained and shipped with bulk exports), but trying to manage the intersection of all upstream source licenses seems untenable, and creates burdens for downstream users and developers.</p>
+<p>Special care will need to be taken around copyright, &quot;original work&quot; by editors, and contributions that raise privacy concerns. If abstracts are stored at all, they should be in a partitioned database table to prevent copyright contamination. Likewise, even simple user-created content like lists, reviews, ratings, comments, discussion, documentation, etc., should live in separate services.</p>
+<h2 id="basic-editing-workflow-and-bots">Basic Editing Workflow and Bots</h2>
+<p>Both human editors and bots should have edits go through the same API, with humans using either the default web interface, integrations, or client software.</p>
+<p>The normal workflow is to create edits (or updates, merges, deletions) on individual entities. Individual changes are bundled into an &quot;edit group&quot; of related edits (eg, correcting authorship info for multiple works related to a single author). When ready, the editor would &quot;submit&quot; the edit group for review. During the review period, human editors vote and bots can perform automated checks. During this period the editor can make tweaks if necessary. After some fixed time period (72 hours?) with no changes and no blocking issues, the edit group would be auto-accepted if no merge conflicts have be created by other edits to the same entities. This process balances editing labor (reviews are easy, but optional) against quality (cool-down period makes it easier to detect and prevent spam or out-of-control bots). More sophisticated roles and permissions could allow some certain humans and bots to push through edits more rapidly (eg, importing new works from a publisher API).</p>
+<p>Bots need to be tuned to have appropriate edit group sizes (eg, daily batches, instead of millions of works in a single edit) to make human QA review and reverts managable.</p>
+<p>Data progeny and source references are captured in the edit metadata, instead of being encoded in the entity data model itself. In the case of importing external databases, the expectation is that special-purpose bot accounts are be used, and tag timestamps and external identifiers in the edit metadata. Human editors would leave edit messages to clarify their sources.</p>
+<p>A style guide (wiki) and discussion forum would be hosted as separate stand-alone services for editors to propose projects and debate process or scope changes. These services should have unified accounts and logins (oauth?) to have consistent account IDs across all mediums.</p>
+<h2 id="global-edit-changelog">Global Edit Changelog</h2>
+<p>As part of the process of &quot;accepting&quot; an edit group, a row would be written to an immutable, append-only log table (which internally could be a SQL table) documenting each identifier change. This changelog establishes a monotonically increasing version number for the entire corpus, and should make interaction with other systems easier (eg, search engines, replicated databases, alternative storage backends, notification frameworks, etc.).</p>
+<h2 id="identifiers">Identifiers</h2>
+<p>A fixed number of first-class &quot;entities&quot; are defined, with common behavior and schema layouts. These are all be semantic entities like &quot;work&quot;, &quot;release&quot;, &quot;container&quot;, and &quot;creator&quot;.</p>
+<p>fatcat identifiers are semantically meaningless fixed-length random numbers, usually represented in case-insensitive base32 format. Each entity type has its own identifier namespace.</p>
+<p>128-bit (UUID size) identifiers encode as 26 characters (but note that not all such strings decode to valid UUIDs), and in the backend can be serialized in UUID columns:</p>
+<pre><code>work_rzga5b9cd7efgh04iljk8f3jvz
+https://fatcat.wiki/work/rzga5b9cd7efgh04iljk8f3jvz</code></pre>
+<p>In comparison, 96-bit identifiers would have 20 characters and look like:</p>
+<pre><code>work_rzga5b9cd7efgh04iljk
+https://fatcat.wiki/work/rzga5b9cd7efgh04iljk</code></pre>
+<p>A 64-bit namespace would probably be large enought, and would work with database Integer columns:</p>
+<pre><code>work_rzga5b9cd7efg
+https://fatcat.wiki/work/rzga5b9cd7efg</code></pre>
+<p>The idea would be to only have fatcat identifiers be used to interlink between databases, <em>not</em> to supplant DOIs, ISBNs, handle, ARKs, and other &quot;registered&quot; persistent identifiers.</p>
+<h2 id="entities-and-internal-schema">Entities and Internal Schema</h2>
+<p>Internally, identifiers would be lightweight pointers to &quot;revisions&quot; of an entity. Revisions are stored in their complete form, not as a patch or difference; if comparing to distributed version control systems, this is the git model, not the mercurial model.</p>
+<p>The entity revisions are immutable once accepted; the editting process involves the creation of new entity revisions and, if the edit is approved, pointing the identifier to the new revision. Entities cross-reference between themselves by <em>identifier</em> not <em>revision number</em>. Identifier pointers also support (versioned) deletion and redirects (for merging entities).</p>
+<p>Edit objects represent a change to a single entity; edits get batched together into edit groups (like &quot;commits&quot; and &quot;pull requests&quot; in git parlance).</p>
+<p>SQL tables would probably look something like the (but specific to each entity type, with tables like <code>work_revision</code> not <code>entity_revision</code>):</p>
+<pre><code>entity_ident
+    id (uuid)
+    current_revision (entity_revision foreign key)
+    redirect_id (optional; points to another entity_ident)
+
+entity_revision
+    revision_id
+    &lt;entity-specific fields&gt;
+    extra: json blob for schema evolution
+
+entity_edit
+    timestamp
+    editgroup_id
+    ident (entity_ident foreign key)
+    new_revision (entity_revision foreign key)
+    previous_revision (optional; points to entity_revision)
+    extra: json blob for progeny metadata
+
+editgroup
+    editor_id
+    description
+    extra: json blob for progeny metadata</code></pre>
+<p>Additional entity-specific columns would hold actual metadata. Additional tables (which would reference both <code>entity_revision</code> and <code>entity_id</code> foreign keys as appropriate) would represent things like authorship relationships (creator/release), citations between works, etc. Every revision of an entity would require duplicating all of these associated rows, which could end up being a large source of inefficiency, but is necessary to represent the full history of an object.</p>
+<h2 id="scope">Scope</h2>
+<p>The goal is to capture the &quot;scholarly web&quot;: the graph of written works that cite other works. Any work that is both cited more than once and cites more than one other work in the catalog is very likely to be in scope. &quot;Leaf nodes&quot; and small islands of intra-cited works may or may not be in scope.</p>
+<p>Overall focus is on written works, with some exceptions. The expected core focus (for which we would pursue &quot;completeness&quot;) is:</p>
+<pre><code>journal articles
+academic books
+conference proceedings
+technical memos
+dissertations
+monographs
+well-researched blog posts
+web pages (that have citations)
+&quot;white papers&quot;</code></pre>
+<p>Possibly in scope:</p>
+<pre><code>reports
+magazine articles
+essays
+notable mailing list postings
+government documents
+presentations (slides, video)
+datasets
+well-researched wiki pages
+patents</code></pre>
+<p>Probably not:</p>
+<pre><code>court cases and legal documents
+newspaper articles
+social media
+manuals
+datasheets
+courses
+published poetry</code></pre>
+<p>Definitely not:</p>
+<pre><code>audio recordings
+tv show episodes
+musical scores
+advertisements</code></pre>
+<p>Author, citation, and work disambiguation would be core tasks. Linking pre-prints to final publication is in scope.</p>
+<p>I'm much less interested in altmetrics, funding, and grant relationships than most existing databases in this space.</p>
+<p>fatcat would not include any fulltext content itself, even for cleanly licensed (open access) works, but would have &quot;strong&quot; (verified) links to fulltext content, and would include file-level metadata (like hashes and fingerprints) to help discovery and identify content from any source. File-level URLs with context (&quot;repository&quot;, &quot;author-homepage&quot;, &quot;web-archive&quot;) should make fatcat more useful for both humans and machines to quickly access fulltext content of a given mimetype than existing redirect or landing page systems. So another factor in deciding scope is whether a work has &quot;digital fixity&quot; and can be contained in a single immutable file.</p>
+<h2 id="ontology">Ontology</h2>
+<p>Loosely following FRBR (Functional Requirements for Bibliographic Records), but removing the &quot;manifestation&quot; abstraction, and favoring files (digital artifacts) over physical items, the primary entities are:</p>
+<pre><code>work
+    &lt;a stub, for grouping releases&gt;
+
+release (aka &quot;edition&quot;, &quot;variant&quot;)
+    title
+    volume/pages/issue/chapter
+    media/formfactor
+    publication/peer-review status
+    language
+    &lt;published&gt; date
+    &lt;variant-of&gt; work
+    &lt;published-in&gt; container
+    &lt;has-contributors&gt; creator
+    &lt;citation-to&gt; release
+    &lt;has&gt; identifier
+
+file (aka &quot;digital artifact&quot;)
+    &lt;instantiates&gt; release
+    hashes/checksums
+    mimetype
+    &lt;found-at&gt; URLs
+
+creator (aka &quot;author&quot;)
+    name
+    identifiers
+    aliases
+
+container (aka &quot;venue&quot;, &quot;serial&quot;, &quot;title&quot;)
+    name
+    open-access policy
+    peer-review policy
+    &lt;has&gt; aliases, acronyms
+    &lt;about&gt; subject/category
+    &lt;has&gt; identifier
+    &lt;published-in&gt; container
+    &lt;published-by&gt; publisher</code></pre>
+<h2 id="controlled-vocabularies">Controlled Vocabularies</h2>
+<p>Some special namespace tables and enums would probably be helpful; these could live in the database (not requiring a database migration to update), but should have more controlled editing workflow... perhaps versioned in the codebase:</p>
+<ul>
+<li>identifier namespaces (DOI, ISBN, ISSN, ORCID, etc; but not the identifers themselves)</li>
+<li>subject categorization</li>
+<li>license and open access status</li>
+<li>work &quot;types&quot; (article vs. book chapter vs. proceeding, etc)</li>
+<li>contributor types (author, translator, illustrator, etc)</li>
+<li>human languages</li>
+<li>file mimetypes</li>
+</ul>
+<p>These could also be enforced by QA bots that review all editgroups.</p>
+<h2 id="unresolved-questions">Unresolved Questions</h2>
+<p>How to handle translations of, eg, titles and author names? To be clear, not translations of works (which are just separate releases), these are more like aliases or &quot;originally known as&quot;.</p>
+<p>Are bi-directional links a schema anti-pattern? Eg, should &quot;work&quot; point to a &quot;primary release&quot; (which itself points back to the work)?</p>
+<p>Should <code>identifier</code> and <code>citation</code> be their own entities, referencing other entities by UUID instead of by revision? Not sure if this would increase or decrease database resource utilization.</p>
+<p>Should contributor/author affiliation and contact information be retained? It could be very useful for disambiguation, but we don't want to build a huge database for spammers or &quot;innovative&quot; start-up marketing.</p>
+<p>Can general-purpose SQL databases like Postgres or MySQL scale well enough to hold several tables with billions of entity revisions? Right from the start there are hundreds of millions of works and releases, many of which having dozens of citations, many authors, and many identifiers, and then we'll have potentially dozens of edits for each of these, which multiply out to <code>1e8 * 2e1 * 2e1 = 4e10</code>, or 40 billion rows in the citation table. If each row was 32 bytes on average (uncompressed, not including index size), that would be 1.3 TByte on its own, larger than common SSD disks. I do think a transactional SQL datastore is the right answer. In my experience locking and index rebuild times are usually the biggest scaling challenges; the largely-immutable architecture here should mitigate locking. Hopefully few indexes would be needed in the primary database, as user interfaces could rely on secondary read-only search engines for more complex queries and views.</p>
+<p>I see a tension between focus and scope creep. If a central database like fatcat doesn't support enough fields and metadata, then it will not be possible to completely import other corpuses, and this becomes &quot;yet another&quot; partial bibliographic database. On the other hand, accepting arbitrary data leads to other problems: sparseness increases (we have more &quot;partial&quot; data), potential for redundancy is high, humans will start editing content that might be bulk-replaced, etc.</p>
+<p>There might be a need to support &quot;stub&quot; references between entities. Eg, when adding citations from PDF extraction, the cited works are likely to be ambiguous. Could create &quot;stub&quot; works to be merged/resolved later, or could leave the citation hanging. Same with authors, containers (journals), etc.</p>
+<h2 id="references-and-previous-work">References and Previous Work</h2>
+<p>The closest overall analog of fatcat is <a href="https://musicbrainz.org">MusicBrainz</a>, a collaboratively edited music database. <a href="https://openlibrary.org">Open Library</a> is a very similar existing service, which exclusively contains book metadata.</p>
+<p><a href="https://wikidata.org">Wikidata</a> seems to be the most successful and actively edited/developed open bibliographic database at this time (early 2018), including the <a href="https://meta.wikimedia.org/wiki/WikiCite_2017">wikicite</a> conference and related Wikimedia/Wikipedia projects. Wikidata is a general purpose semantic database of entities, facts, and relationships; bibliographic metadata has become a large fraction of all content in recent years. The focus there seems to be linking knowledge (statements) to specific sources unambiguously. Potential advantages fatcat would have would be a focus on a specific scope (not a general-purpose database of entities) and a goal of completeness (capturing as many works and relationships as rapidly as possible). However, it might be better to just pitch in to the wikidata efforts.</p>
+<p>The technical design of fatcat is loosely inspired by the git branch/tag/commit/tree architecture, and specifically inspired by Oliver Charles' &quot;New Edit System&quot; <a href="https://ocharles.org.uk/blog/posts/2012-07-10-nes-does-it-better-1.html">blog posts</a> from 2012.</p>
+<p>There are a whole bunch of proprietary, for-profit bibliographic databases, including Web of Science, Google Scholar, Microsoft Academic Graph, aminer, Scopus, and Dimensions. There are excellent field-limited databases like dblp, MEDLINE, and Semantic Scholar. There are some large general-purpose databases that are not directly user-editable, including the OpenCitation corpus, CORE, BASE, and CrossRef. I don't know of any large (more than 60 million works), open (bulk-downloadable with permissive or no license), field agnostic, user-editable corpus of scholarly publication bibliographic metadata.</p>
+<h2 id="rfc-changelog">RFC Changelog</h2>
+<ul>
+<li><strong>2017-12-16</strong>: early notes</li>
+<li><strong>2018-01-17</strong>: initial RFC document</li>
+<li><strong>2018-08-10</strong>: updates from implementation work</li>
+</ul>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/base.html b/python/fatcat_web/templates/base.html
new file mode 100644
index 00000000..856a6e03
--- /dev/null
+++ b/python/fatcat_web/templates/base.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en" style="position: relative; min-height: 100%; height: auto;">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width">
+
+  <title>{% block title %}fatcat!{% endblock %}</title>
+  <meta name="referrer" content="origin-when-cross-origin">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.2/dist/semantic.min.css">
+  <script
+    src="https://code.jquery.com/jquery-3.1.1.min.js"
+    integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+    crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.2/dist/semantic.min.js"></script>
+
+</head>
+<body style="margin-bottom: 100px; height: auto;">
+
+<header class="ui fixed inverted menu">
+  <div class="ui container">
+    <a href="/" class="header item">
+      <!-- <img class="logo" src="assets/images/logo.png"> -->
+      fatcat!
+    </a>
+    <a href="/about" class="item">About</a>
+    <a href="https://guide.{{ config.FATCAT_DOMAIN }}/" class="item">Guide</a>
+    <div class="right menu">
+      <div class="item">
+        <form class="" role="search" action="/release/search" method="get">
+          <div class="ui transparent inverted icon input">
+            <i class="search icon"></i>
+            <input type="text" placeholder="Search..." name="q">
+          </div>
+        </form>
+      </div>
+      <div class="ui simple dropdown item">
+      demo-user <i class="dropdown icon"></i>
+        <div class="menu">
+          <a class="item" href="/editgroup/current"><i class="edit icon"></i>Edits in Progress</a>
+          <a class="item" href="/editor/aaaaaaaaaaaabkvkaaaaaaaaae/changelog"><i class="history icon"></i>History</a>
+          <div class="divider"></div>
+          <a class="item" href="/editor/aaaaaaaaaaaabkvkaaaaaaaaae"><i class="user icon"></i>Account</a>
+          <a class="item" href="/logout"><i class="sign out icon"></i>Logout</a>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</header>
+
+<!-- 4em top margin is "enough" -->
+<main class="ui main container" style="margin-top: 6em; margin-bottom: 2em;">
+{% block fullbody %}
+  <div class="ui container text">
+    {% block body %}Nothing to see here.{% endblock %}
+  </div>
+{% endblock %}
+</main>
+
+
+<footer class="ui inverted vertical footer segment" style="margin-top: 2em; padding-top: 2em; padding-bottom:2em; position: absolute; bottom: 0px; width: 100%;">
+  <div class="ui center aligned container">
+    <div class="ui horizontal inverted small divided link list">
+      <a class="item" href="/">fatcat!</a>
+      <a class="item" href="/about">About</a>
+      <a class="item" href="https://guide.{{ config.FATCAT_DOMAIN }}/sources.html">Sources</a>
+      <a class="item" href="{% if config.FATCAT_DOMAIN == "fatcat.wiki" %}https://stats.uptimerobot.com/GM9YNSrB0{% elif config.FATCAT_DOMAIN =="qa.fatcat.wiki" %}https://stats.uptimerobot.com/WQ8wAUREA{% else %}#{% endif %}">Status</a>
+      <a class="item" href="https://guide.{{ config.FATCAT_DOMAIN }}/bulk_exports.html">Bulk Exports</a>
+      <a class="item" href="https://github.com/internetarchive/fatcat/">Source Code (<code>{{ config.GIT_REVISION.decode() }}</code>)</a>
+    </div>
+  </div>
+</footer>
+
+{% block postscript %}{% endblock %}
+
+</body>
+</html>
diff --git a/python/fatcat_web/templates/changelog.html b/python/fatcat_web/templates/changelog.html
new file mode 100644
index 00000000..f33fe7c8
--- /dev/null
+++ b/python/fatcat_web/templates/changelog.html
@@ -0,0 +1,25 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1 class="ui header">Recent Changes
+<div class="sub header"><code>changelog</code></div></h1>
+
+Limited to the most recent ~50 entries.
+
+<table class="ui table">
+  <thead><tr><th>Changelog<br>Index
+             <th>Timestamp (UTC)
+             <th>Editgroup
+             <th>Editor
+             <th>Description
+  <tbody>
+  {% for entry in entries %}
+  <tr><td><a href="/changelog/{{ entry.index }}">{{ entry.index }}</a>
+      <td>{{ entry.timestamp }}
+      <td><a href="/editgroup/{{ entry.editgroup_id }}">{{ entry.editgroup_id }}</a>
+      <td><a href="/editor/{{ entry.editgroup.editor_id }}">{{ entry.editgroup.editor_id }}</a>
+      <td>{% if entry.editgroup.description != None %}{{ entry.editgroup.description }}{% endif %}
+  {% endfor %}
+</table>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/changelog_view.html b/python/fatcat_web/templates/changelog_view.html
new file mode 100644
index 00000000..22aff9bc
--- /dev/null
+++ b/python/fatcat_web/templates/changelog_view.html
@@ -0,0 +1,13 @@
+{% extends "editgroup_view.html" %}
+{% block editgroupheader %}
+
+<h1 class="ui header">Changelog Entry
+<div class="sub header">
+  <code>changelog {{ entry.index }}</code>
+</div>
+</h1>
+
+<br><b>Timestamp:</b> {{ entry.timestamp }}
+<br><b>Editgroup:</b> <a href="/editgroup/{{editgroup.id}}">{{ editgroup.id }}</a>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/container_create.html b/python/fatcat_web/templates/container_create.html
new file mode 100644
index 00000000..15288142
--- /dev/null
+++ b/python/fatcat_web/templates/container_create.html
@@ -0,0 +1,168 @@
+{% extends "base.html" %}
+{% block body %}
+<div class="ui segment">
+<h1 class="ui header">Adding a New Container</h1>
+
+<p>A "container" is a anything that groups publications together. For example,
+a journal (eg, "New England Journal of Medicine"), conference proceedings, a
+book series, or a blog.
+
+<p>Not all publications are in a container.
+
+<form class="ui form" id="add_container_form" method="post" action="/container/create">
+
+  <h3 class="ui dividing header">The Basics</h3>
+
+  <div class="ui huge field required">
+    <label>Name or Title</label>
+    <input name="container_name" type="text" placeholder="Title of Container (in English)">
+  </div>
+
+  <div class="ui field required">
+    <label>Type of Container</label>
+    <select class="ui dropdown" id="container_type">
+      <option value="">Primary Type</option>
+      <option value="journal">Journal</option>
+      <option value="book-series">Book Series</option>
+      <option value="conference">Conference Proceedings</option>
+      <option value="blog">Blog</option>
+      <option value="other">Other</option>
+    </select>
+  </div>
+
+  <!-- Publisher -->
+  <div class="ui huge field required">
+    <label>Name of Publisher</label>
+    <input name="container_publisher" type="text" placeholder="Name of Publisher">
+  </div>
+
+  <!-- Identifier -->
+  <div class="ui huge field required">
+    <label>ISSN Number</label>
+    <input name="container_issn" type="text" placeholder="eg, 1234-567X">
+  </div>
+
+  <!-- Primary/Original Language -->
+  <div class="field">
+    <label>Primary Language</label>
+    <select class="ui search select dropdown" id="language-select">
+      <option value="">Select if Appropriate</option>
+      <option value="en">English</option>
+      <option value="es">Spanish</option>
+      <option value="">Russian</option>
+      <option value="">Thai</option>
+      <option value="">Indonesian</option>
+      <option value="">Chinese</option>
+    </select>
+  </div>
+
+  <!-- Subject / Categorization / Tags -->
+  <div class="field">
+    <label>Subject</label>
+    <select multiple="" class="ui dropdown" id="subjects">
+      <option value="">Select Subject/Tags</option>
+      <option value="AF">Natural Sciences</option>
+      <option value="AX">Humanities</option>
+      <option value="AL">Arts</option>
+      <option value="AL">Engineering</option>
+      <option value="AL">Other</option>
+    </select>
+  </div>
+
+  <!-- Date -->
+  <!-- Container / Part-Of -->
+  <!-- Region -->
+
+  <!-- Anything Else? -->
+  <h3 class="ui dividing header">Anything Else?</h3>
+
+<div class="ui submit button">Create container</div>
+
+<p><i>Entity will be created as part of the current edit group, which needs to be
+submited and approved before the entity will formally be included in the
+catalog.</i>
+
+</form>
+
+</div>
+{% endblock %}
+
+{% block postscript %}
+<script>
+<!-- Form validation code -->
+$(document).ready(function() {
+
+  $('#add_container_form')
+    .form({
+        fields: {
+        name: {
+            identifier: 'name',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter your name'
+            }
+            ]
+        },
+        skills: {
+            identifier: 'skills',
+            rules: [
+            {
+                type   : 'minCount[2]',
+                prompt : 'Please select at least two skills'
+            }
+            ]
+        },
+        gender: {
+            identifier: 'gender',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please select a gender'
+            }
+            ]
+        },
+        username: {
+            identifier: 'username',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter a username'
+            }
+            ]
+        },
+        password: {
+            identifier: 'password',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter a password'
+            },
+            {
+                type   : 'minLength[6]',
+                prompt : 'Your password must be at least {ruleValue} characters'
+            }
+            ]
+        },
+        terms: {
+            identifier: 'terms',
+            rules: [
+            {
+                type   : 'checked',
+                prompt : 'You must agree to the terms and conditions'
+            }
+            ]
+        }
+        }
+    })
+    ;
+
+  $('#container_type').dropdown();
+  $('#subjects').dropdown();
+  $('#language-select').dropdown();
+
+  console.log("Page loaded");
+
+});
+</script>
+{% endblock %}
diff --git a/python/fatcat_web/templates/container_view.html b/python/fatcat_web/templates/container_view.html
new file mode 100644
index 00000000..c2ca7327
--- /dev/null
+++ b/python/fatcat_web/templates/container_view.html
@@ -0,0 +1,108 @@
+{% extends "base.html" %}
+{% block fullbody %}
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="fifteen wide column">
+  <h1 class="ui header">{{ container.name }}
+  <div class="sub header"><code>container {{ container.ident }}</code></div></h1>
+</div>
+</div>
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="ten wide column" style="font-size: 16px;">
+
+<p><b>Publisher:</b>
+{% if container.publisher != None %}{{ container.publisher }}{% else %}<i>Unknown</i>{% endif %}
+{% if container.coden != None %}
+<br><b>CODEN<sup><a href="https://en.wikipedia.org/wiki/CODEN">?</a></sup>:</b> &nbsp;<code>{{ container.coden }}</code>
+{% endif %}
+{% if container.abbrev != None %}
+<br><b>Abbrev.:</b> &nbsp;<code>{{ container.abbrev }}</code>
+{% endif %}
+{% if (container.extra != None) and (container.extra['url'] != None) and (container.extra['url']|length > 0) %}
+<br><b>Homepage:</b> <a href="{{ container.extra['url'] }}">&nbsp;<code>{{ container.extra['url'] }}</code></a>
+{% endif %}
+{% if container.wikidata_qid != None %}
+<br><b>Wikidata Entity:</b> <a href="https://www.wikidata.org/wiki/{{ container.wikidata_qid }}">&nbsp;<code>{{ container.wikidata_qid }}</code></a>
+{% endif %}
+
+{% if container.extra != None %}
+<h3>Extra Metadata (raw JSON)</h3>
+{% for (key, value) in container.extra.items() %}
+<code><b>{{ key }}:</b> {{ value }}</code><br>
+{% endfor %}
+{% endif %}
+
+<!--
+Raw Object:
+{{ container|safe }}
+-->
+
+</div>
+<div class="five wide column">
+<div class="ui segment top attached">
+
+{% if container.extra.is_oa == True %}
+<i class="icon unlock huge orange"></i><b>Open Access Publisher</b>
+{% elif container.extra.is_oa == False  %}
+<i class="icon lock huge black"></i><b>Not Open Access</b>
+{% else %}
+<i class="icon question huge grey"></i><b>Unknown OA Status</b>
+{% endif %}
+</div><div class="ui segment attached">
+
+{% if container.issnl != None %}
+  <b>ISSN-L<sup><a href="https://en.wikipedia.org/wiki/International_Standard_Serial_Number#Linking_ISSN">?</a></sup></b> 
+  &nbsp;<code>{{ container.issnl }}</code>
+  {% if container.extra != None and (container.extra.ISSNp|length > 0) %}
+    <br><i class="icon paperclip"></i>Print: &nbsp;<code>{{ container.extra.ISSNp }}</code>
+  {% endif %}
+  {% if container.extra != None and (container.extra.ISSNe|length > 0) %}
+    <br><i class="icon plug"></i>Electronic: &nbsp;<code>{{ container.extra.ISSNe }}</code>
+  {% endif %}
+  </div><div class="ui segment attached">
+{% endif %}
+
+
+<b>Directory Listings</b><br>
+{% if (container.extra != None) %}
+  {% if container.extra.in_doaj == True %}
+    <i class="icon check green"></i> In <a href="https://doaj.org/toc/{{ container.issnl }}">DOAJ</a><br>
+  {% elif container.extra.in_doaj == False %}
+    <i class="icon times grey"></i> Not in <a href="https://doaj.org">DOAJ</a><br>
+  {% endif %}
+  {% if container.extra.in_road == True %}
+    <i class="icon check green"></i> In <a href="http://road.issn.org/issn/{{ container.issnl }}">ISSN ROAD</a><br>
+  {% elif container.extra.in_road == False %}
+    <i class="icon times grey"></i> Not in <a href="https://road.issn.org">ISSN ROAD</a><br>
+  {% endif %}
+  {% if container.extra.is_kept == True %}
+    <i class="icon check green"></i> In <a href="https://thekeepers.org/purl/issn/{{ container.issnl }}">Keepers Registery</a><br>
+  {% elif container.extra.is_kept == False %}
+    <i class="icon times grey"></i> Not in <a href="https://thekeepers.org/journals?query={{ container.issnl }}">Keepers Registry</a><br>
+  {% endif %}
+{% endif %}
+</div><div class="ui segment attached">
+
+<b>Lookup Links</b>
+<br><a href="http://www.sherpa.ac.uk/romeo/issn/{{ container.issnl }}/">SHERPA/RoMEO</a> (access policies)
+<br><a href="https://www.wikidata.org/w/index.php?search={{ container.name }}">wikidata.org</a>
+</div><div class="ui segment attached">
+
+<b>Fatcat Bits</b>
+<p>State is "{{ container.state }}". Revision:
+<br><small><code>{{ container.revision }}</code></small>
+<br><a href="https://api.{{ config.FATCAT_DOMAIN }}/v0/container/{{ container.ident }}">As JSON object via API</a>
+
+</div>
+<div class="two ui buttons bottom attached">
+  <a href="/container/{{ container.ident }}/edit" class="ui blue button">Edit Metadata</a>
+  <a href="/container/{{ container.ident }}/history" class="ui button">View History</a>
+</div>
+
+</div>
+</div>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/creator_view.html b/python/fatcat_web/templates/creator_view.html
new file mode 100644
index 00000000..2ce01fb6
--- /dev/null
+++ b/python/fatcat_web/templates/creator_view.html
@@ -0,0 +1,82 @@
+{% extends "base.html" %}
+{% block fullbody %}
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="fifteen wide column">
+  <h1 class="ui header">{{ creator.display_name }}
+  <div class="sub header"><code>creator {{ creator.ident }}</code></div></h1>
+</div>
+</div>
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="ten wide column" style="font-size: 16px;">
+
+<p><b>Given ("first") name:</b>
+    {% if creator.given_name != None %}{{ creator.given_name}}{% else %}<i>None or unknown</i>{% endif %}
+<p><b>Sur ("family"/"last") name:</b>
+    {% if creator.surname != None %}{{ creator.surname }}{% else %}<i>None or unknown</i>{% endif %}
+
+{% if creator.wikidata_qid != None %}
+<br><b>Wikidata Entity:</b> <a href="https://www.wikidata.org/wiki/{{ creator.wikidata_qid }}">&nbsp;<code>{{ creator.wikidata_qid }}</code></a>
+{% endif %}
+{% if creator.extra != None %}
+<h3>Extra Metadata (raw JSON)</h3>
+{% for (key, value) in creator.extra.items() %}
+<code><b>{{ key }}:</b> {{ value }}</code><br>
+{% endfor %}
+{% endif %}
+
+<br>
+<h3>Releases</h3>
+{% if releases != [] %}
+<p>This creator has contributed to:
+<ul>
+  {% for release in releases %}
+  <li>"{{ release.title }}", a {{ release.release_type }} published {{ release.release_date }}
+      {% if release.release_status != None %}(status: <code>{{ release.release_status }})</code>{% endif %}.
+    <br>Fatcat ID: <a href="/release/{{ release.ident }}"><code>{{ release.ident }}</code></a>
+  {% endfor %}
+</ul>
+{% else %}
+This creator has not contributed to any releases.
+{% endif %}
+
+<!--
+Raw Object:
+{{ creator|safe }}
+-->
+
+</div>
+<div class="five wide column">
+<div class="ui segment top attached">
+
+{% if creator.orcid != None %}
+  <b>ORCID<sup><a href="https://en.wikipedia.org/wiki/Orcid">?</a></sup></b>:
+    &nbsp;<a href="https://orcid.org/{{creator.orcid}}"><code>{{ creator.orcid }}</code></a>
+  </div><div class="ui segment attached">
+{% endif %}
+
+<b>Lookup Links</b>
+<br><a href="https://www.wikidata.org/w/index.php?search=&search={{ creator.display_name }}">wikidata.org</a>
+<br><a href="https://viaf.org/viaf/search?query=local.personalNames%20all%20%22{{ creator.display_name }}">VIAF</a>
+<br><a href="http://dblp.uni-trier.de/search?q={{ creator.display_name }}">dblp</a> (CS)
+<br><a href="https://scholar.google.com/scholar?q={{ creator.display_name }}">Google Scholar</a>
+</div><div class="ui segment attached">
+
+<b>Fatcat Bits</b>
+<p>State is "{{ creator.state }}". Revision:
+<br><small><code>{{ creator.revision }}</code></small>
+<br><a href="https://api.{{ config.FATCAT_DOMAIN }}/v0/creator/{{ creator.ident }}">As JSON object via API</a>
+
+</div>
+<div class="two ui buttons bottom attached">
+  <a href="/creator/{{ creator.ident }}/edit" class="ui blue button">Edit Metadata</a>
+  <a href="/creator/{{ creator.ident }}/history" class="ui button">View History</a>
+</div>
+
+</div>
+</div>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/editgroup_view.html b/python/fatcat_web/templates/editgroup_view.html
new file mode 100644
index 00000000..ac3228b0
--- /dev/null
+++ b/python/fatcat_web/templates/editgroup_view.html
@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+{% block body %}
+
+{# extended by changelog_entry #}
+{% block editgroupheader %}
+<h1 class="ui header">Edit Group
+<div class="sub header"><code>editgroup {{ editgroup.id }}</code></div></h1>
+{% endblock %}
+
+{# TODO: <p>Editor: <a href="/editor/{{ editgroup.editor.username }}">{{ editgroup.editor.username }}</a> #}
+<br><b>Editor:</b> <a href="/editor/{{editgroup.editor_id}}">{{ editgroup.editor_id }}</a>
+<br><b>Description:</b> {{ editgroup.description }}
+
+<h3>Work Edits ({{ editgroup.edits.works|count }})</h3>
+<ul>
+{% for edit in editgroup.edits.works %}
+  <li>Work edit #<a href="/work/edit/{{ edit.edit_id }}">{{ edit.edit_id }}</a>:
+      <a href="/work/{{ edit.ident }}">{{ edit.ident }}</a> to rev {{ edit.revision }}
+{% endfor %}
+</ul>
+
+<h3>Release Edits ({{ editgroup.edits.releases|count }})</h3>
+<ul>
+{% for edit in editgroup.edits.releases %}
+  <li>Release edit #<a href="/release/edit/{{ edit.edit_id }}">{{ edit.edit_id }}</a>:
+      <a href="/release/{{ edit.ident }}">{{ edit.ident }}</a> to rev {{ edit.revision }}
+{% endfor %}
+</ul>
+
+<h3>Container Edits ({{ editgroup.edits.containers|count }})</h3>
+<ul>
+{% for edit in editgroup.edits.containers %}
+  <li>Container edit #<a href="/container/edit/{{ edit.edit_id }}">{{ edit.edit_id }}</a>:
+      <a href="/container/{{ edit.ident }}">{{ edit.ident }}</a> to rev {{ edit.revision }}
+{% endfor %}
+</ul>
+
+<h3>Creator Edits ({{ editgroup.edits.creators|count }})</h3>
+<ul>
+{% for edit in editgroup.edits.creators %}
+  <li>Creator edit #<a href="/creator/edit/{{ edit.edit_id }}">{{ edit.edit_id }}</a>:
+      <a href="/creator/{{ edit.ident }}">{{ edit.ident }}</a> to rev {{ edit.revision }}
+{% endfor %}
+</ul>
+
+<h3>File Edits ({{ editgroup.edits.files|count }})</h3>
+<ul>
+{% for edit in editgroup.edits.files %}
+  <li>File edit #<a href="/file/edit/{{ edit.edit_id }}">{{ edit.edit_id }}</a>:
+      <a href="/file/{{ edit.ident }}">{{ edit.ident }}</a> to rev {{ edit.revision }}
+{% endfor %}
+</ul>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/editor_changelog.html b/python/fatcat_web/templates/editor_changelog.html
new file mode 100644
index 00000000..79127312
--- /dev/null
+++ b/python/fatcat_web/templates/editor_changelog.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1 class="ui header">Editor Changelog: {{ editor.username }}
+<div class="sub header">
+  <a href="/editor/{{editor.id}}">
+    <code>editor {{ editor.id }}</code>
+  </a>
+</div>
+</h1>
+
+<p>Changes accepted (aka, merged editgroups):
+<table class="ui table">
+  <thead><tr><th>Changelog<br>Index
+             <th>Timestamp (UTC)
+             <th>Editgroup
+             <th>Editor
+             <th>Description
+  <tbody>
+  {% for entry in changelog_entries %}
+  <tr><td><a href="/changelog/{{ entry.index }}">{{ entry.index }}</a>
+      <td>{{ entry.timestamp }}
+      <td><code><a href="/editgroup/{{ entry.editgroup_id }}">{{ entry.editgroup_id }}</a></code>
+      <td><code><a href="/editor/{{ entry.editgroup.editor_id }}">{{ entry.editgroup.editor_id }}</a></code>
+      <td>{% if entry.editgroup.description != None %}{{ entry.editgroup.description }}{% endif %}
+  {% endfor %}
+</table>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/editor_view.html b/python/fatcat_web/templates/editor_view.html
new file mode 100644
index 00000000..c9b61f5d
--- /dev/null
+++ b/python/fatcat_web/templates/editor_view.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1 class="ui header">{{ editor.username }}
+<div class="sub header">
+  <code>editor {{ editor.id }}</code>
+</div>
+</h1>
+
+<p><b><a href="/editor/{{ editor.id }}/changelog">View editor's changelog</a></b>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/entity_edit.html b/python/fatcat_web/templates/entity_edit.html
new file mode 100644
index 00000000..5da98d89
--- /dev/null
+++ b/python/fatcat_web/templates/entity_edit.html
@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1>Not Implemented</h1>
+
+Entity editing isn't implemented yet, only creation. Sorry!
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/entity_history.html b/python/fatcat_web/templates/entity_history.html
new file mode 100644
index 00000000..54577b2f
--- /dev/null
+++ b/python/fatcat_web/templates/entity_history.html
@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1 class="ui header">{% if page_title != None %}{{ page_title }}{% endif %}
+<div class="sub header">
+  <a href="/{{entity_type}}/{{entity.ident}}">
+    <code>{{ entity_type }} {{ entity.ident }}</code>
+  </a>
+</div>
+</h1>
+
+<h3 class="ui header">Fatcat Metadata Edit History</h3>
+
+<table class="ui table">
+  <thead><tr><th>Changelog<br>Index
+             <th>Timestamp (UTC)
+             <th>Editgroup
+             <th>Editor
+             <th>Description
+  <tbody>
+  {% for entry in history %}
+  <tr><td><a href="/changelog/{{ entry.changelog_entry.index }}">{{ entry.changelog_entry.index }}</a>
+      <td>{{ entry.changelog_entry.timestamp }}
+      <td><a href="/editgroup/{{ entry.editgroup.id }}">{{ entry.editgroup.id }}</a>
+      <td><a href="/editor/{{ entry.editgroup.editor_id }}">{{ entry.editgroup.editor_id }}</a>
+      <td>{% if entry.editgroup.description != None %}{{ entry.editgroup.description }}{% endif %}
+  {% endfor %}
+</table>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/file_view.html b/python/fatcat_web/templates/file_view.html
new file mode 100644
index 00000000..74977668
--- /dev/null
+++ b/python/fatcat_web/templates/file_view.html
@@ -0,0 +1,108 @@
+{% extends "base.html" %}
+{% block fullbody %}
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="fifteen wide column">
+  <h1 class="ui header">
+  <div class="sub header"><code>file {{ file.ident }}</code></div></h1>
+</div>
+</div>
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="ten wide column" style="font-size: 16px;">
+
+{% if file.extra != None %}
+<h3>Extra Metadata (raw JSON)</h3>
+{% for (key, value) in file.extra.items() %}
+<code><b>{{ key }}:</b> {{ value }}</code><br>
+{% endfor %}
+{% endif %}
+
+<h3>Releases</h3>
+{% if file.releases != None %}
+<p>Releases associated with this file:
+<ul>
+{% for release_id in file.releases %}
+  <li><a href="/release/{{ release_id }}"><code>{{ release_id }}</code></a>
+{% endfor %}
+</ul>
+{% else %}
+This file is not associated with any fatcat release.
+{% endif %}
+
+<h3>URLs</h3>
+{% if file.url != None %}
+<p>Known locations of this file:
+<ul>
+{% for url in file.urls %}
+  <li><a href="{{ url.url }}">{{ url.url.split('/')[2] }}</a> ({{ url.rel }})<br>
+{% endfor %}
+</ul>
+{% else %}
+No known public URL, mirror, or archive for this file.
+{% endif %}
+
+<h3>Checksums</h3>
+<table class="ui compact table">
+  <thead>
+    <tr><th>Algorithm
+        <th>Value
+  <tbody>
+    {% if file.sha1 != None %}
+    <tr><td>SHA-1
+        <td><small><code>{{ file.sha1 }}</code></small>
+    {% endif %}
+    {% if file.sha256 != None %}
+    <tr><td>SHA-256
+        <td><small><code>{{ file.sha256 }}</code></small>
+    {% endif %}
+    {% if file.md5!= None %}
+    <tr><td>MD5
+        <td><small><code>{{ file.md5 }}</code></small>
+    {% endif %}
+</table>
+
+<!--
+Raw Object:
+{{ file|safe }}
+-->
+
+</div>
+<div class="five wide column">
+
+{% if file.urls != None and file.urls != [] %}
+<a href="https://web.archive.org/web/1/{{ file.urls[0].url }}" class="ui top attached fluid huge green button"><i class="file icon"></i>Download File</a>
+{% else %}
+<span class="ui top attached fluid huge grey button"><i class="file cross icon"></i>No Download Available</span>
+{% endif %}
+
+<div class="ui segment attached">
+
+{% if file.size != None %}
+<p><b>Size</b> &nbsp;{{ file.size }} (bytes)
+</div><div class="ui segment attached">
+{% endif %}
+
+{% if file.mimetype != None %}
+<p><b>File Type</b> &nbsp;<code>{{ file.mimetype }}</code>
+</div><div class="ui segment attached">
+{% endif %}
+
+<b>Fatcat Bits</b>
+<p>State is "{{ file.state }}". Revision:
+<br><small><code>{{ file.revision }}</code></small>
+<br><a href="https://api.{{ config.FATCAT_DOMAIN }}/v0/file/{{ file.ident }}">As JSON object via API</a>
+
+</div>
+<div class="two ui buttons bottom attached">
+  <a href="/file/{{ file.ident }}/edit" class="ui blue button">Edit Metadata</a>
+  <a href="/file/{{ file.ident }}/history" class="ui button">View History</a>
+</div>
+
+</div>
+</div>
+
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/home.html b/python/fatcat_web/templates/home.html
new file mode 100644
index 00000000..4d3b44a1
--- /dev/null
+++ b/python/fatcat_web/templates/home.html
@@ -0,0 +1,91 @@
+{% extends "base.html" %}
+{% block body %}
+<div class="ui container text">
+
+<h1 class="ui header centered">Welcome to fatcat!</h1>
+
+<img class="ui fluid bordered image" src="/static/fatcat.jpg" title="CC0 photo of an oversized feline" alt="">
+
+<div class="ui message">
+  <div class="header">Current Status: Prototype</div>
+  <ul class="list">
+    <li>No authentication or accounts
+    <li>Any edits will be lost
+    <li>Most creation/edit forms don't work
+    <li>Any data was bulk-imported, and may not be up to date
+    <li>Search results are from Crossref, not local API/database
+  </ul>
+</div>
+
+<p>This is versioned, user-editable catalog of research publications: journal
+articles, conference proceedings, pre-prints, etc. Features include archival
+file-level metadata (verified digests and long-term copies, in addition to
+URLs), a <a href="https://api.{{ config.FATCAT_DOMAIN }}">documented API</a>, and work/release
+indexing (aka, linking together of pre-prints and final copies).
+<a href="/about">Read more...</a>
+
+<br><br>
+
+<table class="ui single line table">
+<thead>
+<tr><th>Entity
+    <th>Actions
+    <th>Examples
+    <th>Lookup
+</thead>
+<tr><td><b>Release</b>
+        <br>journal article, pre-print, book
+        <br>published version of a Work
+    <td><a href="/release/create">Create</a>
+    <td><a href="/release/aaaaaaaaaaaaarceaaaaaaaaai">Dummy</a>
+        <br><a href="/release/aaaaaaaaaaaaarceaaaaaaaaam">Realistic</a>
+    <td><form class="" role="lookup" action="/release/lookup" method="get">
+          <div class="ui icon input">
+            <i class="search icon"></i>
+            <input type="text" placeholder="DOI" name="doi">
+          </div>
+        </form>
+<tr><td><b>Container</b>
+        <br>journal or serial
+    <td><a href="/container/create">Create</a>
+    <td><a href="/container/aaaaaaaaaaaaaeiraaaaaaaaai">Dummy</a>
+        <br><a href="/container/aaaaaaaaaaaaaeiraaaaaaaaam">Realistic</a>
+    <td><form class="" role="lookup" action="/container/lookup" method="get">
+          <div class="ui icon input">
+            <i class="search icon"></i>
+            <input type="text" placeholder="ISSN-L" name="issnl">
+          </div>
+        </form>
+
+<tr><td><b>Creator</b>
+        <br>authors, editors, translators
+    <td><!-- <a href="/creator/create">Create</a> -->
+    <td><a href="/creator/aaaaaaaaaaaaaircaaaaaaaaai">Dummy</a>
+        <br><a href="/creator/aaaaaaaaaaaaaircaaaaaaaaam">Realistic</a>
+    <td><form class="" role="lookup" action="/creator/lookup" method="get">
+          <div class="ui icon input">
+            <i class="search icon"></i>
+            <input type="text" placeholder="ORCID" name="orcid">
+          </div>
+        </form>
+<tr><td><b>File</b>
+        <br>specific digital blobs (immutable)
+    <td>
+    <td><a href="/file/aaaaaaaaaaaaamztaaaaaaaaai">Dummy</a>
+        <br><a href="/file/aaaaaaaaaaaaamztaaaaaaaaam">Realistic</a>
+    <td><form class="" role="lookup" action="/file/lookup" method="get">
+          <div class="ui icon input">
+            <i class="search icon"></i>
+            <input type="text" placeholder="SHA-1" name="sha1">
+          </div>
+        </form>
+<tr><td><b>Work</b>
+        <br>for grouping Releases
+    <td>
+    <td><a href="/work/aaaaaaaaaaaaavkvaaaaaaaaai">Dummy</a>
+        <br><a href="/work/aaaaaaaaaaaaavkvaaaaaaaaam">Realistic</a>
+    <td>
+</table>
+
+</div>
+{% endblock %}
diff --git a/python/fatcat_web/templates/release_changelog.html b/python/fatcat_web/templates/release_changelog.html
new file mode 100644
index 00000000..706a5642
--- /dev/null
+++ b/python/fatcat_web/templates/release_changelog.html
@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1>Release Changelog: {{ release.id }}</h1>
+
+<p>release: <a href="/release/{{ release.id }}">{{ release.id }}</a>
+
+<p>Changelog:
+<ul>
+{% for entry in changelog_entries %}
+  <li><a href="/editgroup/{{ entry.editgroup }}">Edit Group #{{ entry.editgroup }}</a> (on {{ entry.timestamp }})
+{% else %}
+NONE
+{% endfor %}
+</ul>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/release_create.html b/python/fatcat_web/templates/release_create.html
new file mode 100644
index 00000000..ac8a8169
--- /dev/null
+++ b/python/fatcat_web/templates/release_create.html
@@ -0,0 +1,215 @@
+{% extends "base.html" %}
+{% block body %}
+<div class="ui segment">
+<h1 class="ui header">Adding a New Thing</h1>
+
+<form class="ui form" id="add_work_form">
+
+  <h3 class="ui dividing header">The Basics</h3>
+
+  <div class="ui huge field required">
+    <label>Title</label>
+    <input name="work_title" type="text" placeholder="Title of Work (in English)">
+  </div>
+
+  <div class="ui field required">
+    <label>Type of Work</label>
+    <select class="ui dropdown" id="work_type">
+      <option value="">Primary Type</option>
+      <option value="journal-article">Journal Article</option>
+      <option value="book">Book</option>
+      <option value="book-chapter">Book Chapter</option>
+      <option value="dataset">Dataset</option>
+      <option value="dissertation">Thesis or Dissertation</option>
+      <option value="monograph">Monograph</option>
+      <option value="proceedings-article">Conference Proceeding</option>
+      <option value="report">Report</option>
+      <option value="other">Other</option>
+    </select>
+  </div>
+
+  <!-- Primary Creators/Authors -->
+  <div class="ui field search" id="work_creators">
+    <label>Primary Creator(s)</label>
+    <div class="ui icon input">
+      <input class="prompt" type="text" placeholder="Search...">
+      <i class="search icon"></i>
+    </div>
+    <div class="results"></div>
+  </div>
+
+  <!-- Description (not an abstract) -->
+  <div class="ui field">
+    <label>Description</label>
+    <div class="field">
+      <label>Not an abstract...</label>
+      <textarea rows="2"></textarea>
+    </div>
+  </div>
+
+  <!-- Primary/Original Language -->
+  <div class="field">
+    <label>Primary Language</label>
+    <select class="ui search select dropdown" id="language-select">
+      <option value="">Select if Appropriate</option>
+      <option value="en">English</option>
+      <option value="es">Spanish</option>
+    </select>
+  </div>
+
+  <!-- Subject / Categorization / Tags -->
+  <div class="field">
+    <label>Subject</label>
+    <select multiple="" class="ui dropdown" id="subjects">
+      <option value="">Select Subject/Tags</option>
+      <option value="AF">Afghanistan</option>
+      <option value="AX">Åland Islands</option>
+      <option value="AL">Albania</option>
+      <option value="DZ">Algeria</option>
+      <option value="AS">American Samoa</option>
+      <option value="AD">Andorra</option>
+      <option value="AO">Angola</option>
+    </select>
+  </div>
+
+
+  <h3 class="ui dividing header">Primary Release / Edition</h3>
+
+  <!-- Contributors (and how) -->
+  <div class="ui field search" id="release_creators">
+    <label>Primary Creator(s)</label>
+    <div class="ui icon input">
+      <input class="prompt" type="text" placeholder="Search...">
+      <i class="search icon"></i>
+    </div>
+    <div class="results"></div>
+  </div>
+
+  <!-- Date -->
+  <!-- Container / Part-Of -->
+  <!-- Publisher -->
+  <!-- Identifier -->
+  <!-- Language -->
+  <!-- Type / Media -->
+  <!-- Issue / Volume / Pages / Chapter -->
+
+  <!-- Anything Else? -->
+  <h3 class="ui dividing header">Anything Else?</h3>
+
+  <!-- File / Copy / URL -->
+  <!-- Citations -->
+
+<div class="ui submit button">Create Work</div>
+</form>
+
+</div>
+{% endblock %}
+
+{% block postscript %}
+<script>
+<!-- Form validation code -->
+$(document).ready(function() {
+
+  $('#add_work_form')
+    .form({
+        fields: {
+        name: {
+            identifier: 'name',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter your name'
+            }
+            ]
+        },
+        skills: {
+            identifier: 'skills',
+            rules: [
+            {
+                type   : 'minCount[2]',
+                prompt : 'Please select at least two skills'
+            }
+            ]
+        },
+        gender: {
+            identifier: 'gender',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please select a gender'
+            }
+            ]
+        },
+        username: {
+            identifier: 'username',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter a username'
+            }
+            ]
+        },
+        password: {
+            identifier: 'password',
+            rules: [
+            {
+                type   : 'empty',
+                prompt : 'Please enter a password'
+            },
+            {
+                type   : 'minLength[6]',
+                prompt : 'Your password must be at least {ruleValue} characters'
+            }
+            ]
+        },
+        terms: {
+            identifier: 'terms',
+            rules: [
+            {
+                type   : 'checked',
+                prompt : 'You must agree to the terms and conditions'
+            }
+            ]
+        }
+        }
+    })
+    ;
+
+  var example_authors = [
+    { title: 'Andorra' },
+    { title: 'United Arab Emirates' },
+    { title: 'Afghanistan' },
+    { title: 'Antigua' },
+    { title: 'Anguilla' },
+    { title: 'Albania' },
+    { title: 'Armenia' },
+    { title: 'Netherlands Antilles' },
+    { title: 'Angola' },
+    { title: 'Argentina' },
+    { title: 'American Samoa' },
+    { title: 'Austria' },
+    { title: 'Australia' },
+    { title: 'Aruba' },
+  ];
+
+  $('#work_creators')
+    .search({
+        source: example_authors
+    })
+  ;
+
+  $('#release_creators')
+    .search({
+        source: example_authors
+    })
+  ;
+
+  $('#work_type').dropdown();
+  $('#subjects').dropdown();
+  $('#language-select').dropdown();
+
+  console.log("Page loaded");
+
+});
+</script>
+{% endblock %}
diff --git a/python/fatcat_web/templates/release_search.html b/python/fatcat_web/templates/release_search.html
new file mode 100644
index 00000000..c57ad149
--- /dev/null
+++ b/python/fatcat_web/templates/release_search.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1>Article Search</h1>
+<form class="" role="search" action="/release/search" method="get">
+  <div class="ui form">
+    <div class="ui action input huge fluid">
+      <input type="text" placeholder="Query..." name="q" value="{% if query %}{{ query }}{% endif %}">
+      <button class="ui button">Search</button>
+    </div>
+    <div class="ui checkbox" style="float: right; margin: 1em;">
+      <input type="checkbox" name="fulltext_only" value="true" {% if fulltext_only %}checked{% endif %}>
+      <label>Fulltext Available Only</label>
+    </div>
+  </div>
+</form>
+
+<br clear="all" />
+
+{% if found %}
+{% if found.results %}
+  <i>Showing top {{ found.count_returned }} out of {{ found.count_found }} results for: <code>{{ found.query.q }}</code></i>
+{% for paper in found.results %}
+<div>
+  <h4 style="margin-top: 1em; margin-bottom: 4px; font-size: 1.1em;"><a href="/release/lookup?doi={{ paper.doi }}" style="color: #2224c7;">{{ paper['title'] }}</a>
+  {% if paper.file_pdf_url %}
+  &nbsp;&nbsp;<a href="{{ paper.file_pdf_url }}" class="ui label small"><i class="file icon"></i>fulltext</a>
+  {% endif %}
+  </h4>
+  <h5 style="margin-top: 4px; margin-bottom: 4px; font-size: 1em;">{{ ", ".join(paper.contrib_names) }}</h5>
+  {% if paper.doi %}
+  DOI: <a href="https://doi.org/{{paper.doi }}" style="color: green;">{{ paper.doi }}</a>
+  - {{ paper.release_type }}
+    {% if paper.release_date %}
+    - {{ paper.release_date[:4] }}
+    {% endif %}
+  <br>
+  {% endif %}
+  {% if paper.container_name %}
+    {% if paper.container_issnl %}
+      <a href="/container/lookup?issnl={{ paper.container_issnl}}" style="color: black;">{{ paper.container_name }}</a>
+    {% else %}
+      {{ paper.container_name }}
+    {% endif %}
+    {% if paper.container_is_oa %}<i class="icon unlock orange small"></i>{% endif %}
+  {% endif %}
+</div>
+{% endfor %}
+{% else %}
+<div class="featurette-inner text-center" style="padding-top: 15%;">
+  <h3>No results found!</h3>
+  <i>Query was: <code>{{ found.query.q }}</code></i>
+  <br/>
+  <p>Try:</p>
+  <ul>
+    <li>Search <a href="https://dissem.in/search?q={{ found.query.q | urlencode }}">dissem.in</a></li>
+    <li>Search <a href="https://www.base-search.net/Search/Results?lookfor={{ found.query.q | urlencode }}">BASE</a></li>
+    <li>Search <a href="https://scholar.google.com/scholar?q={{ found.query.q | urlencode }}">Google Scholar</a></li>
+  </ul>
+</div>
+{% endif %}
+{% endif %}
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/release_view.html b/python/fatcat_web/templates/release_view.html
new file mode 100644
index 00000000..39dcf8fd
--- /dev/null
+++ b/python/fatcat_web/templates/release_view.html
@@ -0,0 +1,290 @@
+{% extends "base.html" %}
+{% block fullbody %}
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="fifteen wide column">
+  <h1 class="ui header">{{ release.title }}
+  <div class="sub header"><code>release {{ release.ident }}</code></div></h1>
+  <p style="font-size: larger;">
+  {% if authors != [] %} by {% endif %}
+  {% for contrib in authors %}
+    {% if contrib.creator_id %}
+      <b><a href="/creator/{{contrib.creator_id}}">{{ contrib.raw_name }}</a></b>{% if not loop.last %}, {% endif %}
+    {% else %}
+      {% if contrib.raw_name != None %}{{ contrib.raw_name }}{% else %}<i>Unknown</i>{% endif %}{% if not loop.last %}, {% endif %}
+    {% endif %}
+  {% endfor %}
+</div>
+</div>
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="ten wide column" style="font-size: 16px;">
+
+{% if release.release_date != None %}<p><b>Date (published):</b> {{ release.release_date }}{% endif %}
+{% if release.pmid != None %}
+<br><b>PubMed:</b> <a href="https://www.ncbi.nlm.nih.gov/pubmed/{{ release.pmid }}">&nbsp;<code>{{ release.pmid }}</code></a>
+{% endif %}
+{% if release.pmcid != None %}
+<br><b>PubMed Central:</b> <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/{{ release.pmcid }}">&nbsp;<code>{{ release.pmcid }}</code></a>
+{% endif %}
+{% if release.wikidata_qid != None %}
+<br><b>Wikidata Entity:</b> <a href="https://www.wikidata.org/wiki/{{ release.wikidata_qid }}">&nbsp;<code>{{ release.wikidata_qid }}</code></a>
+{% endif %}
+{% if release.language != None %}
+<br><b>Primary Language:</b> &nbsp;<code>{{ release.language }}</code> (<a href="https://www.loc.gov/standards/iso639-2/php/langcodes_name.php?iso_639_1={{ release.language }}">lookup ISO-639 code</a>)
+{% endif %}
+<br>This <i>{{ release.release_type or "unknown-type" }}</i> is a release
+(version) of the work <a href="/work/{{ release.work_id }}">&nbsp;<code>{{
+release.work_id }}</code></a>. There may be other releases (eg, pre-prints,
+formal publications, etc) linked to the same work.
+
+{% if container != None %}
+<div class="ui styled accordion">
+<div class="title">
+  <i class="dropdown icon"></i>
+  {% if release.release_status == 'published' %}
+    Published in <a href="/container/{{ container.ident }}">{{ container.name }}</a>
+  {% else %}
+    Released in <i>{{ release.release_type }}</i> in <a href="/container/{{ container.ident }}">{{ container.name }}</a>
+  {% endif %}
+  {% if release.publisher %}
+    by {{ release.publisher }}
+  {% endif %}
+</div><div class="content">
+  {% if container != None and container.issnl != None %}<b>ISSN-L:</b> {{ container.issnl }}<br>{% endif %}
+  {% if release.volume != None %}<b>Volume:</b> {{ release.volume }}<br>{% endif %}
+  {% if release.issue != None %}<b>Issue:</b> {{ release.issue }}<br>{% endif %}
+  {% if release.pages != None %}<b>Page(s):</b> {{ release.pages }}<br>{% endif %}
+  {% if release.publisher != None %}<b>Publisher:</b> {{ release.publisher }}<br>{% endif %}
+  {% if release.release_status != None %}<b>Release Status:</b> {{ release.release_status }}<br>{% endif %}
+  {% if release.release_type != None %}<b>Release Type:</b> {{ release.release_type}}<br>{% endif %}
+</div>
+</div>
+{% endif %}
+
+{% if release.extra != None %}
+<h3>Extra Metadata (raw JSON)</h3>
+{% for (key, value) in release.extra.items() %}
+<code><b>{{ key }}:</b> {% if key == "crossref" %} &lt;truncated, see full JSON&gt;{% else %} {{ value }} {% endif %}</code><br>
+{% endfor %}
+{% endif %}
+
+<!--
+Raw Object:
+{{ release|safe }}
+-->
+
+<br>
+<h3>Abstracts</h3>
+{% if release.abstracts != [] %}
+  {% for abstract in release.abstracts %}
+  <b>Abstract (<code>{{ abstract.sha1 }}</code>, {{ abstract.mimetype }}):</b> {{ abstract.content }}
+  {% endfor %}
+{% else %}
+<p>No known abstracts.
+{% endif %}
+
+<br>
+<h3>All Contributors</h3>
+{% if release.contribs.size != 0 %}
+<table class="ui compact table">
+  <thead>
+    <tr><th>Attribution Order
+        <th>Name
+        <th>Role
+  </thead>
+  <tbody>
+  {% for contrib in release.contribs %}
+  <tr><td>{% if contrib.index or contrib.index == 0 %} {{ contrib.index + 1 }}{% endif %}
+      {% if contrib.creator_id %}
+        <td><a href="/creator/{{contrib.creator_id}}">{{ contrib.raw_name }}</a> 
+      {% else %}
+        <td>{{ contrib.raw_name }}
+      {% endif %}
+      <td>{{ contrib.role or '' }}
+  {% endfor %}
+  </tbody>
+</table>
+{% else %}
+<p>Contributors (authors, translators, etc) not known.
+{% endif %}
+
+<br>
+<h3>Known Files and URLs</h3>
+{% if files != [] %}
+<table class="ui compact table">
+  <thead>
+    <tr><th>SHA-1
+        <th>Size (bytes)
+        <th>File Type
+        <th>Links
+  </thead>
+  <tbody>
+  {% for file in files %}
+  <tr><td><small><code><a href="/file/{{ file.ident }}">{{ file.sha1[:16] + "..." }}</a></code></small>
+      <td>{% if file.size != None %}{{ file.size }}{% endif %}
+      <td>{% if file.mimetype != None %}{{ file.mimetype }}{% endif %}
+      <td>{% for url in file.urls %}
+        <a href="{{ url.url }}">{{ url.url.split('/')[2] }}</a> ({{ url.rel }})<br>
+      {% endfor %}
+  {% endfor %}
+  </tbody>
+</table>
+</ul>
+{% else %}
+<p>There are no known files associated with this release (you could try
+<a href="/work/{{ release.work_id }}">other releases for this work?</a>).
+{% endif %}
+
+<br>
+{% if release.refs.size != 0 %}
+<h3>References</h3>
+This release citing other releases.
+<ol>
+  {% for ref in release.refs %}
+    <li>
+    {% if ref.title %}
+      {{ ref.title }}
+      {% if ref.container_name %}{{ ref.container_name }}.{% endif %}
+      {% if ref.year %}{{ ref.year }}{% endif %}
+      {% if ref.locator %}{{ ref.locator }}{% endif %}
+    {% elif ref.extra and ref.extra.crossref %}
+      {% if ref.extra.crossref.get('author') %}{{ ref.extra.crossref['author'] }}.{% endif %}
+      {% if ref.extra.crossref.get('article-title') %}{{ ref.extra.crossref['article-title'] }}.{% endif %}
+      {% if ref.container_name %}{{ ref.container_name }}.{% endif %}
+      {% if ref.year %}{{ ref.year }}.{% endif %}
+    {% elif ref.extra and ref.extra.unstructured %}
+      {{ ref.extra.unstructured }}
+    {% else %}
+      <i>unknown</i>
+    {% endif %}
+    {% if ref.target_release_id != None %}
+      (<a href="/release/{{ ref.target_release_id }}">fatcat release</a>)
+{#    {% elif ref.extra != None and ref.extra.doi != None %}
+      (DOI: <a href="/release/lookup?doi={{ ref.exta.get('doi') }}">{{ ref.extra.get('doi') }}</a>) #}
+    {% endif %}
+  {% endfor %}
+</ol>
+{% else %}
+<p>No reference list available.
+{% endif %}
+
+</div>
+<div class="five wide column">
+
+{% if files != [] and files[0].urls != [] %}
+<a href="https://web.archive.org/web/1/{{ files[0].urls[0].url }}" class="ui top attached fluid huge green button"><i class="file pdf outline icon"></i>Download Full Text</a>
+{% else %}
+<span class="ui top attached fluid huge grey button"><i class="file cross icon"></i>No Full Text Available</span>
+{% endif %}
+
+{% if release.release_type != None %}
+<div class="ui segment attached">
+<b>Release Type</b> <code>{{ release.release_type }}</code>
+</div>
+{% endif %}
+
+{% if release.doi %}
+<div class="ui segment attached">
+<b>DOI </b> <a href="https://doi.org/{{ release.doi }}">{{ release.doi }}</a>
+</div>
+{% endif %}
+{% if release.isbn13 != None %}
+<div class="ui segment attached">
+<p><b>ISBN-13 </b> &nbsp;<code>{{ release.isbn13 }}</code>
+</div>
+{% endif %}
+
+{% if release.extra.is_oa == True %}
+<div class="ui segment attached">
+<b><i class="ui icon unlock alternate green"></i> Open Access</b>
+</div><div class="ui segment attached">
+{% elif release.extra.is_oa == False %}
+<b><i class="ui icon lock red"></i> Not Open Access</b>
+</div>
+{% endif %}
+
+{% if container != None %}
+<div class="ui segment attached">
+<b>Container Metadata</b><br>
+{% if container.extra.is_oa == True %}
+<i class="icon unlock orange"></i>Open Access Publication<br>
+{% elif container.extra.is_oa == False  %}
+<i class="icon lock black"></i>Not Open Access<br>
+{% else %}
+<i class="icon question grey"></i>Unknown OA Status<br>
+{% endif %}
+{% if (container.extra != None) %}
+  {% if container.extra.in_doaj == True %}
+    <i class="icon check green"></i> In <a href="https://doaj.org/toc/{{ container.issnl }}">DOAJ</a><br>
+  {% elif container.extra.in_doaj == False %}
+    <i class="icon times grey"></i> Not in <a href="https://doaj.org">DOAJ</a><br>
+  {% endif %}
+  {% if container.extra.in_road == True %}
+    <i class="icon check green"></i> In <a href="http://road.issn.org/issn/{{ container.issnl }}">ISSN ROAD</a><br>
+  {% elif container.extra.in_road == False %}
+    <i class="icon times grey"></i> Not in <a href="https://road.issn.org">ISSN ROAD</a><br>
+  {% endif %}
+  {% if container.extra.is_kept == True %}
+    <i class="icon check green"></i> In <a href="https://thekeepers.org/purl/issn/{{ container.issnl }}">Keepers Registery</a><br>
+  {% elif container.extra.is_kept == False %}
+    <i class="icon times grey"></i> Not in <a href="https://thekeepers.org/journals?query={{ container.issnl }}">Keepers Registry</a><br>
+  {% endif %}
+{% endif %}
+{% if container.issnl != None %}
+  <i class="icon hashtag"></i>ISSN-L: &nbsp;<code>{{ container.issnl }}</code><br>
+{% endif %}
+  <i class="icon linkify"></i>Fatcat: &nbsp;<small><code><a href="/container/{{ container.ident }}">{{ container.ident }}</a></code></small><br>
+</div>
+{% endif %}
+
+<div class="ui segment attached accordion">
+  <div class="title" style="padding: 0px;"><i class="dropdown icon"></i><b>Lookup Links</b></div>
+  <div class="content">
+{% if container != None and container.issnl != None %}
+  <a href="http://www.sherpa.ac.uk/romeo/issn/{{ container.issnl }}/">SHERPA/RoMEO</a> (journal policies)<br/>
+{% endif %}
+{% if container != None and container.doi != None %}
+  <a href="https://oadoi.org/{{ release.doi }}">oaDOI/unpaywall</a><br/>
+{% endif %}
+{% if release.isbn13 != None %}
+  <a href="https://openlibrary.org/search?isbn={{ release.isbn13 }}">Open Library</a><br>
+  <a href="http://www.worldcat.org/search?q=bn%3A{{ release.isbn13 }}">Worldcat</a><br>
+{% else %}
+  <a href="http://www.worldcat.org/search?qt=worldcat_org_art&q={{ release.title }}">Worldcat</a><br>
+{% endif %}
+{% if release.doi %}
+<a href="https://api.crossref.org/v1/works/http://dx.doi.org/{{ release.doi }}">Crossref Metadata</a> (via API)<br>
+{% endif %}
+<a href="https://www.wikidata.org/w/index.php?search={{ release.title }}">wikidata.org</a><br>
+<a href="https://core.ac.uk/search?q={{ release.title }}">CORE.ac.uk</a><br>
+<a href="https://www.semanticscholar.org/search?q={{ release.title }}">Semantic Scholar</a> (CS, neuro)<br>
+<a href="https://scholar.google.com/scholar?q={{ release.title }}">Google Scholar</a><br>
+</div>
+</div>
+
+<div class="ui segment attached">
+<b>Fatcat Bits</b>
+<p>State is "{{ release.state }}". Revision:
+<br><small><code>{{ release.revision }}</code></small>
+<br><a href="https://api.{{ config.FATCAT_DOMAIN }}/v0/release/{{ release.ident }}?expand=container,files">As JSON object via API</a>
+
+</div>
+<div class="two ui buttons bottom attached">
+  <a href="/release/{{ release.ident }}/edit" class="ui blue button">Edit Metadata</a>
+  <a href="/release/{{ release.ident }}/history" class="ui button">View History</a>
+</div>
+
+</div>
+</div>
+{% endblock %}
+
+{% block postscript %}
+<script>
+$('.ui.accordion')
+  .accordion()
+;
+</script>
+{% endblock %}
diff --git a/python/fatcat_web/templates/stats.html b/python/fatcat_web/templates/stats.html
new file mode 100644
index 00000000..6a37dcee
--- /dev/null
+++ b/python/fatcat_web/templates/stats.html
@@ -0,0 +1,104 @@
+{% extends "base.html" %}
+{% block body %}
+
+<h1>Entity Statistics</h1>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.entity_counts.work }}
+  </div>
+  <div class="label">
+    Works
+  </div>
+</div>
+
+<br>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.entity_counts.release }}
+  </div>
+  <div class="label">
+    Releases
+  </div>
+</div>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.releases_with_dois }}
+  </div>
+  <div class="label">
+    ... with DOIs
+  </div>
+</div>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.releases_with_dois }}
+  </div>
+  <div class="label">
+    ... with a File
+  </div>
+</div>
+
+<br>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.entity_counts.container }}
+  </div>
+  <div class="label">
+    Containers
+  </div>
+</div>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.containers_with_issnls }}
+  </div>
+  <div class="label">
+    ... with an ISSN-L
+  </div>
+</div>
+
+<br>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.entity_counts.creator }}
+  </div>
+  <div class="label">
+    Creators
+  </div>
+</div>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.creators_with_orcids }}
+  </div>
+  <div class="label">
+    ... with an ORCID
+  </div>
+</div>
+
+<br>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.entity_counts.file }}
+  </div>
+  <div class="label">
+    Files
+  </div>
+</div>
+
+<div class="ui statistic">
+  <div class="value">
+    {{ stats.files_with_releases }}
+  </div>
+  <div class="label">
+    ... with a Release
+  </div>
+</div>
+
+{% endblock %}
diff --git a/python/fatcat_web/templates/work_view.html b/python/fatcat_web/templates/work_view.html
new file mode 100644
index 00000000..87120e63
--- /dev/null
+++ b/python/fatcat_web/templates/work_view.html
@@ -0,0 +1,72 @@
+{% extends "base.html" %}
+{% block fullbody %}
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="fifteen wide column">
+  <h1 class="ui header">
+  <div class="sub header"><code>work {{ work.ident }}</code></div></h1>
+</div>
+</div>
+
+<div class="ui stackable mobile reversed grid centered">
+<div class="one wide column"></div>
+<div class="ten wide column" style="font-size: 16px;">
+
+{% if work.extra != None %}
+<h3>Extra Metadata (raw JSON)</h3>
+{% for (key, value) in work.extra.items() %}
+<code><b>{{ key }}:</b> {{ value }}</code><br>
+{% endfor %}
+{% endif %}
+
+<!--
+Raw Object:
+{{ work|safe }}
+-->
+
+<p>A "work" is just a linking identifier between a set of releases. For
+example, a pre-print and a published article may contain small differences, but
+still reference the same underlying "work".
+
+<br>
+
+{% if releases != [] %}
+<ul>
+  {% for release in releases %}
+  <li>"{{ release.title }}", a {{ release.release_type }} published {{ release.release_date }} as <code>{{ release.release_status }}</code>.
+    <br><a href="/release/{{ release.ident }}"><code>{{ release.ident }}</code></a>
+  {% endfor %}
+</ul>
+{% else %}
+<p>There are no known releases associated with this work.
+{% endif %}
+
+
+</div>
+<div class="five wide column">
+<div class="ui segment top attached">
+
+<b>Work Type:</b>
+{% if work.work_type != None %}
+&nbsp;<code>{{ work.work_type }}</code>
+{% else %}
+<i>unkonwn</i>
+{% endif %}
+</div><div class="ui segment attached">
+
+<b>Fatcat Bits</b>
+<p>State is "{{ work.state }}". Revision:
+<br><small><code>{{ work.revision }}</code></small>
+<br><a href="https://api.{{ config.FATCAT_DOMAIN }}/v0/work/{{ work.ident }}">As JSON object via API</a>
+
+</div>
+<div class="two ui buttons bottom attached">
+  <a href="/work/{{ work.ident }}/edit" class="ui blue button">Edit Metadata</a>
+  <a href="/work/{{ work.ident }}/history" class="ui button">View History</a>
+</div>
+
+</div>
+</div>
+
+{% endblock %}