Skip to main content

github-issue-blockquote-outside.tmpl

This template generates the HTML structure for displaying GitHub issue content in popups and transclusions.

Pathtemplate/include/github-issue-blockquote-outside.tmpl
LanguageHTML5/Pandoc
Lines3

Read this when Use this page when tracing the HTML/Pandoc templates and include fragments that shape rendered gwern.net pages around github-issue-blockquote-outside.tmpl.

Overview​

This template generates the HTML structure for displaying GitHub issue content when transcluded into page content (popups use the github-issue-blockquote-not variant instead). 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 gwern.net's content-transform system, which fetches and displays rich previews of GitHub issues. In content.js, the githubIssue content type fetches the issue via the GitHub API (with Accept: application/vnd.github.html+json, so the body arrives pre-rendered as HTML) and sets template: "github-issue-blockquote-outside" — making this the default variant, used when a GitHub issue is transcluded into page content; pop-frames use github-issue-blockquote-not instead (via the popFrameTemplate field), since the pop-frame itself provides the container.

This template is not processed by the Haskell backend: all template/include/*.tmpl files are bundled into js/transclude-templates-GENERATED.js by build/build_unified_assets.php and rendered in the browser by fillTemplate() in transclude.js.

Template Variables​

  • contentTypeClass - CSS class indicating the content type (set to "github-issue" by content.js; combined with the fixed content-transform class in the template)
  • 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