Markdown Cheat Sheet

# Headline 1
## Headline 2
### Headline 3

~~strike through~~

[link text](

> Quote text
***Johnny Author***

![image alt text](image url)
***Image caption, description***

Horizontal rule

Inline Code
`var name = "John Doe";`

Code block with syntax highlighting
``` codelanguage
function foo() {
  return bar;

Bulleted list
- item 1
- item 2
- item 3

Numbered list
1. item 1
2. item 2
3. item 3

A Squirrel for Everyone

Open Sourcing Squirrel Park

Our little blog is enjoying considerable popularity. We're thinking about open sourcing it, just so everyone can enjoy simple, beautiful publishing. Here's what you would get:

This blog is designed to put the reading experience first. Everything the reader sees is responsive and scales perfectly to all screen sizes and devices. In a nutshell: no frustration caused by small, illegible text, no tiny clickable items, but full focus on content instead.


This blog is based on the latest Ruby 3.2, which is all you need besides a database that supports it. We're using a MySQL database. We stuck very closely to the code conventions so you'll have no trouble expanding and customizing it to your own needs. Of course, we'll maintain it and keep it up-to-date on GitHub.

Default features

  • 960x540 px hero graphics for posts
  • upload default hero images that you want to use more frequently
  • customizable generic titles & subtitles
  • automatic teaser for the article overview
  • six headline styles according to priority
  • italics & bold text
  • block quotes

  • images, lists, links

  • code examples in markdown
    function fancyAlert(arg) {
    if(arg) {

  • tags for articles

  • G+ link to social network discussion

  • multiple authors and author information

  • add documents for download

  • formatting help

  • direct RSS reader access

  • customizable footer

By default, the featured post (usually the latest one) is fully displayed, but you may choose your featured post. Below that, the user finds an overview of all the articles published with a small hero graphic and a teaser. If you have more than ten articles in your overview, pagination kicks in.


  • management hassle
  • rights and legal bullshit
  • complicated settings
  • disco lights



Headlines for posts and H1.s are set in "Museo", the rest is "Ubuntu" — clean, future-oriented, democratic, appealing.

So, an H1 headline would look like this

Whereas, an H2 looks like this

And so on

And so forth

Until, finally
You come to an H6.
Sometimes, it's nice to use those headline tags for highlighting continuing text, too, or for footnotes, additional comments, whatever you can imagine.


Opoloo orange and shades of grey


Our Android background clearly shows in the completely flat design approach. No drop shadows, no gloss, no distractions.

For Developers

Nearly everything about this blog template can be customized to your personal needs and preferences. If you're only the tiniest bit tech-savvy, you have almost all the possibilities in the world with this blog.


Just to be clear: frontend is the visual representation of the backend — everything you actually see when you're editing, curating, and managing your blog posts.
The frontend has received considerable Opoloo love and is designed to work simply and beautifully, from action bar to usability issues, so you can use your time thinking about your content, instead of puzzling where to click next.

Manage Articles

Alt text

Edit Articles

Alt text


Alt text

You'll be able to find everything you need on GitHub.
But before we do this: would you (or your clients) be interested in another blog template?
Let us know on G+.

Discuss this article at Google+

Publication Paradigms for Longform Web Content

Transitioning from a blog to an online magazine

Lines 1.0 – Simple Responsive Publishing for Ruby on Rails


You can reach us via or phone +49 6131 6065672. We publish our thoughts sporadically on our blog, Twitter, Github, Dribbble, Codepen and Google+.