Import AudioBoo(m) links

assets/scss/_main.scss

@@ -219,6 +219,13 @@ article {
     margin-left: auto;
     margin-right: auto;
     max-width: 100%;
+
+    &.audio {
+      margin: 0;
+      padding: 0;
+      width: 100%;
+      max-width: 100%;
+    }
   }
   video, img {
     max-width: 100%;

content/notes/twitter/1361038157505040385/index.md

@@ -1,8 +0,0 @@
----
-date: "2021-02-14T19:42:38Z"
-tags:
-- imported
-- from-twitter
-- MischiefMovieNightIn
----
-[MischiefMovieNightIn](/tags/MischiefMovieNightIn) an award for the most hard to pronounce hobby

content/notes/twitter/1361040597201670145/index.md

@@ -1,8 +0,0 @@
----
-date: "2021-02-14T19:52:19Z"
-tags:
-- imported
-- from-twitter
-- MischiefMovieNightIn
----
-[MischiefMovieNightIn](/tags/MischiefMovieNightIn) a character whose name always rhymes but is never the same

content/notes/twitter/1361041814812319748/index.md

@@ -1,8 +0,0 @@
----
-date: "2021-02-14T19:57:10Z"
-tags:
-- imported
-- from-twitter
-- MischiefMovieNightIn
----
-[MischiefMovieNightIn](/tags/MischiefMovieNightIn) a character whose statements always end up being true

content/notes/twitter/1361042117049651200/index.md

@@ -1,8 +0,0 @@
----
-date: "2021-02-14T19:58:22Z"
-tags:
-- imported
-- from-twitter
-- MischiefMovieNightIn
----
-[MischiefMovieNightIn](/tags/MischiefMovieNightIn) an award for least appropriate facial expression

content/notes/twitter/2418981820/index.md

@@ -3,5 +3,13 @@ date: "2009-07-01T11:58:22Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Nottingham City Centre In The Summer http://boo.fm/b35077
+AudioBoo: Nottingham City Centre In The Summer
+
+{{% audio src="audioboo-35077.mp3" %}}
+Nottingham's city centre is actually quite beautiful in the summer, especially if you're sat in the beer garden of the Bell Inn, looking out at the town hall.
+
+You should come and have a visit sometime.
+{{% /audio %}}

content/notes/twitter/2514124049/index.md

@@ -3,5 +3,11 @@ date: "2009-07-07T13:53:36Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Shit Weather http://boo.fm/b38433
+AudioBoo: Shit Weather
+
+{{% audio src="audioboo-38433.mp3" %}}
+British weather is officially shit.
+{{% /audio %}}

content/notes/twitter/2548341931/index.md

@@ -3,5 +3,13 @@ date: "2009-07-09T10:21:47Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Cheltenham Spa http://boo.fm/b39464
+AudioBoo: Cheltenham Spa
+
+{{% audio src="audioboo-39464.mp3" %}}
+Cheltenham Spa train station is officially _far_ too far away from Cheltenham the town.
+
+That is all.
+{{% /audio %}}

content/notes/twitter/2548702593/index.md

@@ -3,5 +3,21 @@ date: "2009-07-09T11:11:01Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Lonely Phone Shops http://boo.fm/b39482
+AudioBoo: Lonely Phone Shops
+
+{{% audio src="audioboo-39482.mp3" %}}
+Why is it that you always find phone shops in groups?
+
+Are they particularly sociable shops?
+
+Do they get a bit lonely?
+
+I don't know.
+
+Or is it that they just realise that no one ever knows what damn company they've actually got their contract with so they all put themselves in the same place so that if you get the wrong one you can always find the right one?
+
+I don't know.
+{{% /audio %}}

content/notes/twitter/2567869673/index.md

@@ -3,5 +3,13 @@ date: "2009-07-10T13:27:09Z"
 tags:
 - imported
 - from-twitter
+- from-audioboo
+- audio
 ---
-AudioBoo: Worst. Doorbell. Ever. http://boo.fm/b40183
+AudioBoo: Worst. Doorbell. Ever.
+
+{{% audio src="audioboo-40183.mp3" %}}
+Worst. Doorbell. Ever.
+
+[Doorbell produces a series of warping chime tones, probably because its battery is low.]
+{{% /audio %}}

content/notes/twitter/3418901926/index.md

@@ -3,5 +3,13 @@ date: "2009-08-20T02:23:20Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Japanese Boo http://boo.fm/b56595
+AudioBoo: Japanese Boo
+
+{{% audio src="audioboo-56595.mp3" %}}
+Hello and boo from Japan although I'm about to leave, which is very sad.
+
+Time to get on the plane.
+{{% /audio %}}

content/notes/twitter/3720780716/index.md

@@ -3,5 +3,15 @@ date: "2009-09-02T22:45:11Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: Blues with gloves on http://boo.fm/b60150
+AudioBoo: Blues with gloves on
+
+{{% audio src="audioboo-60150.mp3" %}}
+So this is the blues with gloves on.
+
+[Guitar music]
+
+It's not very good is it?
+{{% /audio %}}

content/notes/twitter/372321021766168576/index.md

@@ -3,5 +3,11 @@ date: "2013-08-27T11:33:43Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-komorebi [https://boo.fm/b1568420](https://boo.fm/b1568420) via [@audioboo](https://twitter.com/audioboo)
+komorebi
+
+{{% audio src="audioboo-1568420.mp3" %}}
+木漏れ日
+{{% /audio %}}

content/notes/twitter/3862416341/index.md

@@ -3,5 +3,9 @@ date: "2009-09-09T12:53:08Z"
 tags:
 - imported
 - from-twitter
+- audioboo
+- audio
 ---
-AudioBoo: The Wind in the Grass http://boo.fm/b61776
+AudioBoo: The Wind in the Grass
+
+{{< audio src="audioboo-61776.mp3" nospoken="true" />}}

content/posts/tumblr-jpinjapan/2009-08-02-ciccadas/index.md

@@ -5,8 +5,9 @@ tags:
   - from-tumblr
   - japan
   - japan-with-jk
+  - audio
 ---
 
-{{< audio src="ciccadas.mp3" >}}
+{{< audio src="ciccadas.mp3" nospoken="true" />}}
 
 Can anyone name it?  (We realised they're definitely Ciccadas)

layouts/shortcodes/audio.html

@@ -1,7 +1,8 @@
-{{ $caption := .Get "caption" -}}
+{{ $caption := .Inner | default (.Get "caption") -}}
 {{ $class := .Get "class" -}}
 {{ $preload := .Get "preload" | default "metadata" -}}
 {{ $src := .Get "src" -}}
+{{ $nospoken := eq (.Get "nospoken") "true" }}
 
 {{ $resource := false -}}
 {{ $static := false -}}
@@ -35,5 +36,17 @@
 <audio controls preload="{{ $preload }}">
 <source src="{{ $src }}" {{ with $type }}type="{{ . }}"{{ end }}>
 </audio>
-{{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
+{{ with $caption }}
+  <figcaption>
+    <details>
+      <summary>Transcription</summary>
+      <div>{{ . | markdownify }}</div>
+    </details>
+  </figcaption>
+{{ end }}
+{{ if $nospoken }}
+  <figcaption>
+    <em>This audio file has no spoken content.</em>
+  </figcaption>
+{{ end }}
 </figure>