Site Test

This page exercises all the major types of markup and dynasnips that should work. The main purpose is to act as a single page which contains almost all possible selectors, so that the CSS can be effectively minimised, but it also serves as a decent visual debug of the behaviour of vanilla-rb.

Table of Contents

• Site Test
  • Typography
    • Images
    • Lists
    • Headings
• Header 1
  • Header 2
    • Header 3
      • Header 4
        • Header 5
          • Header 6
  • Code
• Footnotes

Typography

This is a simple paragaph. Its contents are uninteresting; boring perhaps, but that’s fine & dandy really. Thanks to Kramdown, lots of normal markup should work, like emphasis and bolding, and “smart quotes” around ‘words’, that sort of thing.

this is a quote

Images

Images are rendered as block elements, but should have titles too.

All good so far.

Lists

• what
• do you
  • think
  • when you think
    • or indeed, dream
    • or muse
• about
• this list?

Or indeed,

1. a numbered
2. list of
   1. salient, and
   2. fascinating
3. things

Great, that all looks wonderful.

Headings

There are six heading levels, naturally

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Code

First of all, here’s some ruby code¹ via markdown:

class Hello
  WORLD = /every(.*)/i
  
  def world(name, surname = 'you')
    data = { full_name: [name, surname].join("\n") }
    100.times do |x|
      puts "Hello, #{data[:full_name]}"
    end
  end
end

Here’s some rendered via the code dyna:

class Hello
  WORLD = /every(.*)/i

  def world(name, surname = 'you')
    data = { full_name: [name, surname].join("\n") }
    100.times do |x|
      puts "Hello, #{data[:full_name]}"
    end
  end
end

Here’s that same sample, but with the syntax auto-detected:

class Hello
  WORLD = /every(.*)/i

  def world(name, surname = 'you')
    data = { full_name: [name, surname].join("\n") }
    100.times do |x|
      puts "Hello, #{data[:full_name]}"
    end
  end
end

Here’s some kramdown-specific code syntax, which I only just learned about²:

class Hello
  WORLD = /every(.*)/i

  def world(name, surname = 'you')
    data = { full_name: [name, surname].join("\n") }
    100.times do |x|
      puts "Hello, #{data[:full_name]}"
    end
  end
end

And another type of code block:

def why?
  return 42
end

… except it doesn’t get any of the server-side HTML enhancements, so there’s no syntax highlighting unless it’s done via Javascript.

OK! That’s the end of the content test.