From 3f37cc90470295c13214536662b9c54a5a48e047 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
Date: Thu, 14 May 2015 21:36:01 -0700
Subject: add noscript tag for javascript embedded asciicast

---
 source/blog/2015-05-09-storyboard-reached-01.md | 5 ++++-
 source/css/theme.css                            | 8 ++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

(limited to 'source')

diff --git a/source/blog/2015-05-09-storyboard-reached-01.md b/source/blog/2015-05-09-storyboard-reached-01.md
index b2b42ded..30ad4c1f 100644
--- a/source/blog/2015-05-09-storyboard-reached-01.md
+++ b/source/blog/2015-05-09-storyboard-reached-01.md
@@ -35,8 +35,11 @@ I created [an asciinema recording](https://asciinema.org/a/19782) to commemorate
 
 [^solarized-dark]: The screencast's color scheme is actually off in some places, since in my iTerm2 bold font is displayed as bold, not bright.
 
-<div style="width: 672px; margin: auto;">
+<div style="width: 672px; text-align: center; margin: auto;">
 <script type="text/javascript" src="https://asciinema.org/a/19782.js" id="asciicast-19782" async></script>
+<noscript>
+Javascript disabled. Check out the cast [here](https://asciinema.org/a/19782).
+</noscript>
 </div>
 
 And, just to demonstrate `storyboard`, I re-screen-recorded the asciinema screencast with QuickTime, saved to [an MOV file](https://dl.bintray.com/zmwangx/generic/storyboard-0.1-walkthrough.mov), and ran it through my `metadata` and `storyboard`:
diff --git a/source/css/theme.css b/source/css/theme.css
index 7d140c80..8d715bfe 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -168,3 +168,11 @@ div.indextoc ul li time.tocdate {
     float: left;
     width: 5em;
 }
+
+noscript {
+    color: #aaa;
+}
+
+noscript a {
+    color: #aaa;
+}
-- 
cgit v1.2.1