The Raintale Template Gallery

To provide end users with the ability to tell stories in a variety of ways, Raintale supports various storytellers, presets, and templates. See the documentation for more details on how to use these.

This page contains screenshots and demos of:

  • the presets included with raintale
  • templates that are under consideration

Bootstrap Cards With Imagereel (Animated GIF) Images
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
  • Supported Storyteller: html
  • Preset Name: vertical-bootstrapcards-imagereel
  • Example tellstory command:
    tellstory -i story-mementos.txt --title "My Story" --storyteller html --preset vertical-bootstrapcards-imagereel -o mystory.html
  • Template Type: simple
  • Click to view full screenshot
  • Click to view template code
Included with Raintale
Twitter Default
Ideas for Use:
  • Publishing a story to Twitter
Included with Raintale
HTML Default
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
Included with Raintale
Facebook Default
Ideas for Use:
  • Publishing a story to Facebook
  • Note that Facebook stories are still EXPERIMENTAL
Included with Raintale
Markdown Default
Ideas for Use:
  • Pasting into GitHub gists, comments
Included with Raintale
MediaWiki Default
Ideas for Use:
  • Pasting into MediaWiki pages
Included with Raintale
HTML 4 Column Thumbnails
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
Included with Raintale
HTML 3 Column Thumbnails
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
Included with Raintale
Jekyll HTML Default
Ideas for Use:
  • Insertion into Jekyll web sites
  • Use with GitHub Pages
Included with Raintale
Jekyll HTML 3 Column Thumbnails
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
  • Supported Storyteller: jekyll-html
  • Preset Name: thumbnails3col
  • Example tellstory command:
    tellstory -i story-mementos.txt --title "My Story" --storyteller jekyll-html --preset thumbnails3col -o mystory.html
  • Template Type: simple
  • Click to view full screenshot
  • Click to view template code
Included with Raintale
Jekyll HTML 4 Column Thumbnails
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
  • Supported Storyteller: jekyll-html
  • Preset Name: thumbnails3col
  • Example tellstory command:
    tellstory -i story-mementos.txt --title "My Story" --storyteller jekyll-html --preset thumbnails4col -o mystory.html
  • Template Type: simple
  • Click to view full screenshot
  • Click to view template code
Included with Raintale
Thumbnails at 1024px Wide
Ideas for Use:
  • Pasting into Blogger blog posts
  • Insertion into static HTML pages
  • Inclusion into HTML output curation workflows
Included with Raintale