Testing time! This is where Olivier writes a new page in markdown and then creates some styling for it. Now, for some lorem ipsum, in the form of a pull quote:

Nulla facilisi. Quisque ipsum elit, molestie non semper vitae, imperdiet at urna. Suspendisse pulvinar eros dolor, sit amet congue felis semper non. Nam ornare ante urna, ac dignissim nunc volutpat quis. Duis in accumsan odio. Duis ac vulputate sem. Donec id fringilla lectus, at bibendum odio. Curabitur mattis tristique tortor. In hac habitasse platea dictumst. Pellentesque ultrices facilisis leo, eu dictum risus convallis vel. Curabitur ornare, mauris quis gravida mattis, lorem libero tempor libero, ac auctor metus lorem et enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas euismod enim risus, id volutpat risus viverra nec. Nunc ac mauris nec mi tristique malesuada aliquet et mauris. testing

Here now is a code block. Check it!

# First, find the account
account = Account.find(10204856)
# Now, we need to update the favorite_color attribute for that account
account.update_attribute(:favorite_color (Color.blue + 5.shades.darker))
# We're giving them the favorite color of blue, but five shades darker

This is an H2

This is an H3

This is an H4

This is a sentence in which I add a little code flair.

Let’s check out what Kramdown lists - bulleted and numbered - look like:

  1. Item 1
  2. Item 2
  3. Item 3
  • Item 1
  • Item 2
  • Item 3

Now, we’ll see how Kramdown deals with syntax highlighting. Above, we can see that the code block is properly outputting Ruby syntax.

First, let’s try a CSS block:

.class {
  padding: 25px
  border: 2px solid #efefef;
  margin-top: 10px;
}

Now, let’s just try straight HTML:

<body>
  <div>
    <p class="paragraph">This is a test!</p>
  </div>
</body>

Lastly, let’s make a JavaScript block:

function helpMeObiWanKenobi() {
  if (!receivedHint) {
  var correctHint = hints[id];
  receivedHint = true;
} else {
  var correctHint = hints[0];
}
  var textAnswer = document.createTextNode(correctHint);
  var textBreak = document.createElement("br");
  answer.appendChild(textAnswer);
  answer.appendChild(textBreak);
};

$("#" + playground).click(function() {
  helpMeObiWanKenobi();
});

DOPE!