add noscript tag for javascript embedded asciicast

3 files changed, 14 insertions, 1 deletions

diff --git a/pyblog b/pyblog
index 383e7b60..94547001 100755
--- a/pyblog
+++ b/pyblog
@@ -421,6 +421,8 @@ def _pre_tag_insert_line_numbers(soup, pre_tag):
         ln_tag["class"] = "line-number"
         ln_tag["data-line"] = line_number
         ln_tag["style"] = "top: %dpx" % ((line_number - 1) * CODE_LINE_HEIGHT)
+        # add a comment to the content of the span to suppress tidy5
+        # empty <span> tag warning
         ln_tag.append(soup.new_string("", bs4.Comment))
         pre_tag.code.append(ln_tag)
 
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;
+}