textileをhtml5slidesなスライドショーにする

始めはflaskで実装しましたがサーバ立てるのは面倒だと思い、javascriptになおしました。textileフォーマットのテキストをどこかにアップロードして、ブックマークレットを呼び出せばスライドショーできます。

html5slidesの構造は、html/body/section/articleのようになっています。sectionの中にarticle要素（スライド）を並べることでスライドを作成できます。

textileフォーマットにはページ区切りの要素がないため、H1やH2などのヘッダ要素を区切りにしてarticle要素内に包含するようにしました。textileフォーマットでは、h1. XXXXのように書くとヘッダ要素を作成できます。

すなわち

h1. aaa

ppp

h1. bbb

h2. ccc

↑これを、↓こうします。

<article>
  <h1>aaa</h1>
    <p>ppp</p>
</article>
<article>
  <h1>bbb</h1>
</article>
<article>
  <h2>ccc</h2>
</article>

flaskだとサーバ動かす必要があり、それじゃちょっと...ということでjavascriptに路線変更しました。

chromeなどでは、テキストファイルをhtml/body/pre要素として表示するので、それをデータソースとしました。