Koa Site Template

A template for a Node.js Koa site

This template for a Node.js Koa 2 site uses CoffeeScript for the front and back end JavaScript, Pug templates and Stylus for CSS.

Jeet Layout Examples

Columns

Item Name 1

Some random text. This could be sales copy.

$99.99

Item Name 2

Some random text. This could be sales copy.

$99.99

Item Name 3

Some random text. This could be sales copy.

$99.99

Item Name 4

Some random text. This could be sales copy.

$99.99

Item Name 5

Some random text. This could be sales copy.

$99.99

Item Name 6

Some random text. This could be sales copy.

$99.99

Item Name 7

Some random text. This could be sales copy.

$99.99

Item Name 8

Some random text. This could be sales copy.

$99.99

Item Name 9

Some random text. This could be sales copy.

$99.99

Sample Typography and Markup

An ordered list.

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10

An unordered list.

Item 1
Item 2
Item 3
Item 4

Item a
Item b
Item c
Item d

Item 5
Item 6
Item 7
Item 8
Item 9
Item 10

This section is partly to show some major text styles in the output, and partly to show a few edge cases of how to use Pug.

Some text for the p tag.some link textand some more regular text. An inline HTML link.

Some pre-formatted text
with linebreaks,
and stuff.
A line that is almost certainly too long to fit inside the width of this particular pre element.
Moer text.

Some pre-formatted text in a code element
with linebreaks,
and stuff.
A line that is almost certainly too long to fit inside the width of this particular pre element.
Moer text.

A sample of some text witha brief q elementembedded within it.

A Table

A caption explaining the table's data.
column head 1	column head 2	column head 3
column foot 1	column foot 2	column foot 3
one one	one two	one three
two one	two two	two three
three one	three two	three three
four one	four two	four three

An Article Tag

The entire contents of this article tag are regular HTML (dot notation). This is a three lined paragraph. With the title variable inserted: Koa Site Template.

Some multi
lined preformatted text.

A paragraph with a really long inline HTML link tag.

A definition list.

Definition 1: The text for Definition 1.
Definition 2: The text for Definition 2.
Definition 3: The text for Definition 3.
Definition 4: The text for Definition 4.

A Blockquote

Remembering that I’ll be dead soon is the most important tool I’ve ever encountered to help me make the big choices in life, because almost everything, all external expectations, all pride, all fear of embarrassment or failure, these things just fall away in the face of death, leaving only what is truly important. Remembering that you are going to die is the best way I know to avoid the trap of thinking you have something to lose. You are already naked. There is no reason not to follow your heart.
—Steve Jobs, Stanford commencement speech, June 2005