Description Displays a GitHub Gist.
Required Script <script async custom-element="amp-gist" src="https://cdn.ampproject.org/v0/amp-gist-0.1.js"></script>
Supported Layouts fixed-height
Examples Annotated code example for amp-gist

Behavior

This extension creates an iframe and displays a gist from GitHub.

Example: Embedding multiple files

<amp-gist
    data-gistid="b9bb35bc68df68259af94430f012425f"
    layout="fixed-height"
    height="225">
</amp-gist>

Example: Embedding a single file

<amp-gist
    data-gistid="a19e811dcd7df10c4da0931641538497"
    data-file="hi.c"
    layout="fixed-height"
    height="185">
</amp-gist>

Attributes

data-gistid (required)

The ID of the gist to embed.

layout (required)

Currently only supports fixed-height.

height (required)

The height of the gist or gist file in pixels.

Note: You must find the height of the gist by inspecting it with your browser (e.g., Chrome Developer Tools).

data-file (optional)

If specified, display only one file in a gist.

Validation

See amp-gist rules in the AMP validator specification.