Skip to content

Instantly share code, notes, and snippets.

@inlinestyle
Last active September 10, 2017 14:17
Show Gist options
  • Save inlinestyle/911a82a17a280545858d2d8ecc557ef3 to your computer and use it in GitHub Desktop.
Save inlinestyle/911a82a17a280545858d2d8ecc557ef3 to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: http://localhost:3000/?gist=911a82a17a280545858d2d8ecc557ef3

HTML, CSS, JS, and unnamed code blocks.

Code blocks:

<div>
  hello!
</div>
h1 {
  color: pink;
}
// Quick, count squares!
for (let i = 0; i < 10; i++) {
    console.log(i * i);
}

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

  • this one
  • that one
  • the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all in chapters 12--14"). Three dots ... will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here's a numbered list:

  1. first item
  2. second item
  3. third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here's a code sample:

# Let me re-iterate ...
for (let i = 0; i < 10; i++) {/* do something! */}

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

def foo():
  print "hey!"

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

<!DOCTYPE html>
<html>
<head>
<title>Page Title!</title>
</head>
<body>
<p>What a page is man</p>
</body>
</html>
body {
background-color: pink;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment