Mathjax javascript librry setup

Markdown Test Page

For information on the varuous flavours of Markdown, and the various Markdown processors, see Markdown Formatting

This is a test page I use to test various markdown processors to see what they support, and what their generated output looks like.

Inline Extensions

Strikethru support

  • Strikethru ( ~~Strikethru~~ ) GitHub Flavored Markdown
  • Strikethru ( <del>Strikethru</del> ) Kramdown version

Auto-Linking

  • http://www.auto-linking.com ( http://www.auto-linking.com ) GitHub Flavored Markdown
  • http://www.auto-linking.com ( <http://www.auto-linking.com> ) Kramdown

Definition Lists

Each term must fit on one line, which may optionally be followed by a blank line, and must be followed by one or more definitions. A definition begins with a colon or tilde, which may be indented one or two spaces. The body of the definition (including the first line, aside from the colon or tilde) should be indented four spaces. A term may have multiple definitions, and each definition may consist of one or more block elements (paragraph, code block, list, etc.), each indented four spaces or one tab stop.

If you leave space after the definition (as in the example above), the blocks of the definitions will be considered paragraphs. In some output formats, this will mean greater spacing between term/definition pairs. For a compact definition list, do not leave space between the definition and the next term:

Term 1

:   Definition 1

Term 2 with *inline markup*

:   Definition 2

        { some code, part of Definition 2 }

    Third paragraph of definition 2.
Term 1

Definition 1

Term 2 with inline markup

Definition 2

{ some code, part of Definition 2 }

Third paragraph of definition 2.

Here is another example

Sailboat
:    A hole in the water into which one pours money
:    A challenging, relaxing, enjoyable world of possibilities
Car
:    A pollutor that just loses its value

:    Can get you where you want to go
Sailboat
A hole in the water into which one pours money
A challenging, relaxing, enjoyable world of possibilities Car
A pollutor that just loses its value

Can get you where you want to go

Supercripts and Subscripts

Example:

H~2~O is a liquid. 2^10^ is 1024

H2O is a liquid. 210 is 1024

Pandoc’s superscripts and subscripts work for HTML output, but it fails PDF generation. I had to add \usepackage{fixltx2e} To the from of my Latex template to get it to work.

Tables

Simple Table (Table Editor Definition)

The Sublime Text 2 Table Editor Plugin’s simple table looks like the following. Pandoc does not support this form:

1
2
3
4
|     Name     |       Phone       |
|--------------|-------------------|
| Bill Bourne  | +1 (613) 820-6452 |
| Sarah Bourne | +1 (617) 447-8063 |
This is a Simple Table
Name Phone
Bill Bourne +1 (613) 820-6452
Sarah Bourne +1 (617) 447-8063

Pandoc Table (aka Grid Table)

ST2’s Table Editor Plugin’s Pandoc table looks like the following. Pandoc should support this form, but justification is not supported.

1
2
3
4
5
6
7
8
9
+--------------+---------------+
| First Header | Second Header |
+==============+===============+
| Content Cell | Content Cell  |
+--------------+---------------+
| Content Cell | Content Cell  |
+--------------+---------------+
| Another Cell | Last Cell     |
+--------------+---------------+
This is a Pandoc Table
First Header Second Header

Content Cell

Content Cell

Content Cell

Content Cell

Another Cell

Last Cell

Multi-Markdown Table

ST2’s Table Editor Plugin’s Multi-Markdown table looks like the following. Pandoc does not support this form:

1
2
3
4
5
6
7
|     Name     |       Phone       |
|--------------|-------------------|
| Bill Bourne  | +1 (613) 820-6452 |
|--------------|-------------------|
| Sarah Bourne | +1 (617) 447-8063 |
|--------------|-------------------|
| An Other     | +44 0726 27104    |
This is a Multi-markdown Table
Name Phone
Bill Bourne +1 (613) 820-6452
————– ——————-
Sarah Bourne +1 (617) 447-8063
————– ——————-
An Other +44 0726 27104

Pandoc’s Simple table

Pandoc does support the following, but the Table Editor does not. The header line is optional. Note how the content’s justification can be specified by the positioning of the text

1
2
3
4
5
  Right     Left     Center     Default
-------     ------ ----------   -------
     12     12        12            12
    123     123       123          123
      1     1          1             1
Demonstration of Pandoc simple table syntax, with justification
Right Left Center Default
12 12 12 12
123 123 123 123
1 1 1 1

Pandoc’s Multi-Line Tables

Pandoc does support the following, but the Table Editor does not. The header line is optional. Note how the content’s justification can be specified by the positioning of the text

1
2
3
4
5
6
7
8
9
10
11
-------------------------------------------------------------
 Centered   Default           Right Left
  Header    Aligned         Aligned Aligned
----------- ------- --------------- -------------------------
   First    row                12.0 Example of a row that
                                    spans multiple lines.

  Second    row                 5.0 Here's another one. Note
                                    the blank line between
                                    rows.
-------------------------------------------------------------
Here’s the caption. It, too, may span multiple lines.
Centered Header Default Aligned Right Aligned Left Aligned
First row 12.0 Example of a row that spans multiple lines.
Second row 5.0 Here’s another one. Note the blank line between rows.

Unicode Characters

Pandoc renders Unicode characters properly in HTML, but not in PDF. I have not figured out what the issue is yet.

Unicode UTF-8 Result Name of Character

U+2318

E2 8C 98

PLACE OF INTEREST SIGN

U+2325

E2 8C A5

OPTION KEY

U+21E7

E2 87 A7

UPWARDS WHITE ARROW (Shift)

U+21EA

E2 87 AA

UPWARDS WHITE ARROW FROM BAR (Caps Lock)

U+2303

E2 8C 83

UP ARROWHEAD (Ctrl)

U+232B

E2 8C AB

ERASE TO THE LEFT (Delete)

U+F8FF

EF A3 BF

Apple Symbol

U+21A9

E2 86 A9

LEFTWARDS ARROW WITH HOOK (Return)

U+00AE

C2 AE

®

REGISTERED SIGN

U+00A9

C2 A9

©

COPYRIGHT SIGN

U+2122

E2 84 A2

TRADE MARK SIGN

U+2103

E2 84 83

DEGREE CELSIUS

U+2109

E2 84 89

DEGREE FAHRENHEIT

Using TeX Expressions

\(\TeX\) expressions can be placed between dollar signs - eg. $\TeX$. This allows us to print \(\TeX\) symbols.

A detailed list of \(\TeX\) symbols can be found at:

Useful Symbols:

  • \copyright \(\copyright\)

Math using MathJax

Pandoc supports typsetting math for HTML output using a number of different mechanisms. The one I am using here is MathJax. See also Octopress with MathJax

\[R_{ab} - {\textstyle 1 \over 2}R\,g_{ab} + \Lambda\ g_{ab} = \kappa\, T_{ab}\] \[\forall x, y : \mathbb{Z}, x > 3 \land y < 2 \Rightarrow x^2 - 2y > 5\]

Using Jekyll and Liquid templates and variables

Checking some variables

This sectiopn uses spme Jekyll Liquid templates and variables. Mostly this is to see how they react to being converted to PDF.

     {{ page.title }}

Markdown Test Page

     {{ site.categories }} 

{“Blogging”=>[], “Peopleware”=>[, , , , , , , ], “Practices”=>[, , , , , , , ], “Creative Whacks”=>[, , , ], “Agile”=>[, , , , , , ]}

     {{ site.pages }} 

About Bill Bourne

About This Blog

Blog Archive

Categories

Agile QA - ACCCA13 Sessions

Changing Behaviour - ACCCA13 Sessions

Lean Techniques - ACCCA13 Sessions

Agile Coach Camp Canada Lightning Talks

Agile Coach Camp Canada Open Spaces Format

Scaling Agile - ACCCA13 Sessions

Scrumban - ACCCA13 Sessions

Software measurement - ACCCA13 Sessions

Spiral Dynamics - ACCCA13 Sessions

The Mythical Customer - ACCCA13 Sessions

Using Lean Startup Techniques - ACCCA13 Sessions

Agile Coach Camp Canada 2013

Agile Coach Camp Canada 2013

Agile Coaching Notebook

git Open Notebook

Open Notebooks

Linux Open Notebook

Using Jekyll for Static Web Sites

Markdown Formatting

Using Markdown for Writing

Markdown Open Notebook

Octopress Jekyll Cheatsheet

Sublime Text 2 Open Notebook

Table Editor Cheat Sheet

Markdown Test Page

open-notebooks-info

Python Open Notebook

Racket Open Notebook

Ruby Open Notebook

Ruby Tools

Using Scala for iOS Development

Scala Open Notebook

Scala References

Scala Tools

Scala Working Notes

Scala.js Notebook

Open Notebook for Standard ML (SML)

Tags

He’s making a List and Checking it Twice

Sustainable Pace - Slow Down to Speed Up

Disciplined Software Construction

My Miscellaneous Notes

Test Driven Design & Automated Testing

Ruby TutoRails Notes

Category: Blogging

Category: Blogging

Category: Practices

Category: Practices

Category: Peopleware

Category: Peopleware

Category: Creative Whacks

Category: Creative Whacks

Category: Agile

Category: Agile

     {{ site.posts }} 

Learnings from Organizing an Agile Conference

Let’s Get Real or Let’s Not Play - Selling with Integrity

The Speed and Currency of Trust

Register for the Gatineau-Ottawa Agile Tour Now

How to Stay Focused and Be a Professional

Agile Coaching Resources Notebook

Montreal Agile Coach Retreat

Adopting Personal KanBan

Waterfall 2006 - International Conference on Sequential Development (Parody)

We Value Discipline over Bureaucracy

The True Genius of Brett Victor

Agile Coach Camp Canada 2013

The Culture of Code Quality

What is ‘Blue Collar Programming’?

Blogging With Octopress

     {{ site.tags }} 

{“Jekyll”=>[], “Blogging”=>[], “Dave Thomas”=>[], “Programmer Culture”=>[, ], “Warfighting”=>[], “OODA Loop”=>[], “How Google Tests Software”=>[], “Clean Coder”=>[], “Robert Martin”=>[]}

     {{ page.tags }} 

OctopressMarkdownPandoc

     {{ page.categories }} 

OctopressMarkdownPandoc


Comments