Skip to main content

github-issue-blockquote-outside.tmpl

Path: template/include/github-issue-blockquote-outside.tmpl | Language: HTML5/Pandoc | Lines: ~2

Template fragment for rendering GitHub issue content with a blockquote wrapper.

Overview​

This template generates the HTML structure for displaying GitHub issue content in popups and transclusions. It wraps the issue content in a <blockquote> element, making it visually distinct from regular content and indicating that it's quoted material from an external source.

The template is part of the gwern.net annotation system, which fetches and displays rich previews of GitHub issues when users hover over or click on GitHub issue links. The "outside" variant places the blockquote wrapper around the entire content container, as opposed to other variants that might place semantic elements differently.

This template works in conjunction with the Annotation.hs module (which scrapes GitHub issue data) and the popup/transclude JavaScript modules (which render the populated template in the browser).

Template Variables​

  • contentTypeClass - CSS class indicating the content type (e.g., content-transform-github-issue)
  • issueContent - The main body content of the GitHub issue, including text, formatting, and any embedded media

Output Structure​

The template produces a simple two-level structure:

<blockquote class="content-transform [type-specific-class]">
    <div class="data-field issue-content">[issue content]</div>
</blockquote>

The outer <blockquote> provides semantic meaning and default citation styling. The inner <div> with class data-field issue-content contains the actual issue body and may be targeted by CSS or JavaScript for specialized formatting.

See Also​