From 84e38d371aa7c3d2244a901c9d24c23388e80443 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Sun, 19 Jan 2020 18:19:51 -0500
Subject: [PATCH] better gist shortcode w/ AMP and RSS versions

---
 content/notes/github-actions/index.md | 42 ++-------------------------
 layouts/_default/single.amp.html      |  1 +
 layouts/shortcodes/gist.amp.html      |  6 ++++
 layouts/shortcodes/gist.html          |  1 +
 layouts/shortcodes/gist.rss.xml       |  1 +
 5 files changed, 12 insertions(+), 39 deletions(-)
 create mode 100644 layouts/shortcodes/gist.amp.html
 create mode 100644 layouts/shortcodes/gist.html
 create mode 100644 layouts/shortcodes/gist.rss.xml

diff --git a/content/notes/github-actions/index.md b/content/notes/github-actions/index.md
index f23cadf0..3b471cac 100644
--- a/content/notes/github-actions/index.md
+++ b/content/notes/github-actions/index.md
@@ -37,51 +37,15 @@ Here are the actions I've made so far, sorted by popularity as of this posting:
 
 As an example of an *extremely* simple (and almost completely unnecessary) action, the [Wait action](https://github.com/jakejarvis/wait-action) takes one input — a unit of time — and has the pipeline sleep for that amount of time. The [`Dockerfile`](https://github.com/jakejarvis/wait-action/blob/master/Dockerfile) is as simple as this:
 
-```docker
-FROM busybox:latest
-
-LABEL "com.github.actions.name"="Wait / Sleep"
-LABEL "com.github.actions.description"="Very simple action to sleep for an amount of time (10s, 2m, etc.)"
-LABEL "com.github.actions.icon"="clock"
-LABEL "com.github.actions.color"="purple"
-
-LABEL version="0.1.0"
-LABEL repository="https://github.com/jakejarvis/wait-action"
-LABEL homepage="https://jarv.is/"
-LABEL maintainer="Jake Jarvis <jake@jarv.is>"
-
-ADD entrypoint.sh /entrypoint.sh
-ENTRYPOINT ["/entrypoint.sh"]
-```
+{{< gist id="6a0830c7c3e514980b30fdf86b4931c5" file="Dockerfile" >}}
 
 ...with a super-short [`entrypoint.sh`](https://github.com/jakejarvis/wait-action/blob/master/entrypoint.sh):
 
-```sh
-#!/bin/sh
-
-echo "Sleeping for ${INPUT_TIME}..."
-sleep ${INPUT_TIME}
-echo "Time to wake up!"
-
-exit 0
-```
+{{< gist id="6a0830c7c3e514980b30fdf86b4931c5" file="entrypoint.sh" >}}
 
 Using an action is also surprisingly simple, and more intuitive than [Travis CI](https://travis-ci.com/) or [CircleCI](https://circleci.com/), in my humble opinion. Pipelines in GitHub Actions are called ["workflows,"](https://help.github.com/en/github/automating-your-workflow-with-github-actions/configuring-a-workflow) and live in a file with [YAML syntax](https://help.github.com/en/github/automating-your-workflow-with-github-actions/workflow-syntax-for-github-actions) in `.github/workflows`. An example of a `workflow.yml` file that uses the above action to wait 10 seconds (on both pushes and pull requests) would look something like:
 
-```yaml
-name: Nap time
-
-on: [push, pull_request]
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    steps:
-    - name: Sleep for 10 seconds
-      uses: jakejarvis/wait-action@master
-      with:
-        time: '10s'
-```
+{{< gist id="6a0830c7c3e514980b30fdf86b4931c5" file="workflow.yml" >}}
 
 ---
 
diff --git a/layouts/_default/single.amp.html b/layouts/_default/single.amp.html
index 9701dadb..43319e32 100644
--- a/layouts/_default/single.amp.html
+++ b/layouts/_default/single.amp.html
@@ -9,6 +9,7 @@
     <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
     <script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
     <script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
+    <script async custom-element="amp-gist" src="https://cdn.ampproject.org/v0/amp-gist-0.1.js"></script>
     <title>{{ .Title }} &ndash; {{ .Site.Title }}</title>
     {{ with .OutputFormats.Get "html" }}<link rel="canonical" href="{{ .Permalink }}">{{ end }}
     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
diff --git a/layouts/shortcodes/gist.amp.html b/layouts/shortcodes/gist.amp.html
new file mode 100644
index 00000000..328ffb52
--- /dev/null
+++ b/layouts/shortcodes/gist.amp.html
@@ -0,0 +1,6 @@
+<amp-gist
+  data-gistid="{{ .Get "id" }}"
+  {{ with .Get "file" }}data-file="{{ . }}"{{ end }}
+  layout="fixed-height"
+  height="500">
+</amp-gist>
diff --git a/layouts/shortcodes/gist.html b/layouts/shortcodes/gist.html
new file mode 100644
index 00000000..c125606c
--- /dev/null
+++ b/layouts/shortcodes/gist.html
@@ -0,0 +1 @@
+<script src="https://gist.github.com/{{ .Get "id" }}.js{{ with .Get "file" }}?file={{ . }}{{ end }}"></script>
diff --git a/layouts/shortcodes/gist.rss.xml b/layouts/shortcodes/gist.rss.xml
new file mode 100644
index 00000000..bd22aa68
--- /dev/null
+++ b/layouts/shortcodes/gist.rss.xml
@@ -0,0 +1 @@
+<p style="text-align: center;"><a href="https://gist.github.com/{{ .Get "id" }}" target="_blank" rel="noopener">Open this GitHub Gist in a new window.</a></p>