My Website

Your New Static Website

Your new static website is ready to fill with everything you want your website to have.

Edit tpl/page.m4 to customize your page template and make this website yours, then edit src/index.txt to make the default page yours. Add a src/about.txt file to make the "About" link above work, and use it to describe your website. If you don't want an "About" page, or if you want to add links to other pages that will appear on every page, edit tpl/page.m4 to match what you want. Read the README file for detailed help, or run make help for quick help.

The rest of this page is a collection of examples of the things you can do. Most of these examples were shamelessly lifted from the Time Machine theme for Jekyll by GitHub Pages themes.

Text can be bold, italic, or ~~strikethrough~~ (no strikethrough in Daring Fireball's Markdown).

Link to another page

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

Header 1

This is a normal paragraph following a header.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec eros sit amet arcu euismod mollis. Nunc ullamcorper tortor nec elit. Proin risus mi, molestie eget, bibendum id, accumsan quis, dui. Curabitur lacinia elit quis nibh. Ut molestie auctor nibh. Sed lacinia rutrum justo. Maecenas non nulla. Fusce vehicula hendrerit mi. Nulla egestas sapien id sapien. Curabitur id pede. Donec a metus et lacus fringilla pulvinar. Donec tempus, ligula id lacinia viverra, orci odio suscipit tellus, sit amet sodales enim diam id magna. Aenean sodales. In eu nisl non augue hendrerit pharetra. Suspendisse potenti. Aenean fringilla vulputate libero. Sed mattis turpis vel elit gravida blandit. Aliquam nibh nunc, vehicula id, ornare eu, porttitor sed, mi.

Vestibulum tortor tellus, vulputate vitae urna ut, eleifend euismod ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer eu nunc ac arcu sollicitudin porta. Aliquam cursus imperdiet augue, vel lobortis tortor egestas non. Praesent a interdum nibh. Suspendisse aliquet volutpat tortor sed dignissim. Ut egestas tellus ut est porta tincidunt a sit amet magna. Curabitur non varius turpis. Nam ornare, lorem lobortis dapibus mattis, eros odio condimentum erat, sit amet cursus magna nunc id mi. Sed eget libero malesuada, gravida nulla nec, efficitur tellus. Ut ac nunc consequat nibh pharetra porttitor. Vestibulum placerat luctus eros, a molestie lacus aliquam eget. Phasellus ut facilisis risus. Integer interdum mauris hendrerit, feugiat neque ac, ultricies nibh. Nam scelerisque mauris neque, sed varius nibh congue a. Ut purus ligula, ultricies id semper in, tincidunt sit amet nunc.

Quisque et facilisis velit, in placerat odio. Maecenas mollis tristique tincidunt. Ut non felis viverra, malesuada augue eu, varius mi. Fusce eu elit euismod, luctus felis quis, venenatis nisl. Nam pharetra libero nunc, suscipit faucibus dui gravida id. Sed lobortis sodales neque, at faucibus magna vulputate at. In non ultricies orci, ac luctus ligula. Suspendisse ac mauris hendrerit, porta nisl vel, viverra mi. Pellentesque tempor mauris eu nibh imperdiet, vitae dignissim purus iaculis. Pellentesque vel augue a nulla pellentesque suscipit. Vestibulum vel tortor augue. Sed ut condimentum dui. Pellentesque a est sapien. Praesent sed laoreet libero.

In finibus ante quis suscipit dictum. Aenean vel luctus tortor, at laoreet tortor. Quisque ultrices eros a rhoncus semper. Ut egestas, arcu elementum bibendum maximus, lectus sapien posuere nibh, pharetra faucibus odio velit id nulla. Suspendisse tellus dui, pellentesque vel odio ac, semper feugiat diam. Cras ut scelerisque nunc, eget maximus orci. Nunc euismod cursus enim vitae mattis. Pellentesque pretium augue non diam rhoncus, eget laoreet velit finibus.

Morbi sit amet porttitor justo, sit amet pharetra orci. Suspendisse potenti. Integer id tellus enim. Ut scelerisque consectetur pretium. Maecenas eleifend, nisl sed placerat lacinia, ipsum lacus auctor massa, nec efficitur nibh sapien at velit. Nunc bibendum ipsum quis neque suscipit, porta sollicitudin massa accumsan. Nullam tristique elit quis ornare volutpat. Fusce vitae venenatis nunc, at gravida nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In quis purus eu est elementum interdum. In hac habitasse platea dictumst. Nulla facilisi.

Header 2

This is a blockquote following a header.

When something is important enough, you do it even if the odds are not in your favor.

Header 3

A JavaScript code block:

// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}

A Ruby code block:

# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
  s.add_dependency(gem, "= #{version}")
end

A Bourne Shell or Bash code block:

# A portable and BSD-friendly version of the bash box function in
# https://mastodon.social/@climagic/100792670341617316
box() {
  t="$1xxxx"
  l=""
  c=${2:-=}
  i=${#t}
  until [ $i = 0 ]
    do
      l="$l$c"
      i=$(( i - 1 ))
    done
  printf "$l\n$c $1 $c\n$l\n"
}

Header 4

Header 5
  1. This is an ordered list following a header.
  2. This is an ordered list following a header.
  3. This is an ordered list following a header.
Header 6
head1 head two three
ok good swedish fish nice
out of stock good and plenty nice
ok good oreos hmm
ok good zoute drop yumm

There's a horizontal rule below this.

Here is an unordered list:

And an ordered list:

  1. Item one
  2. Item two
  3. Item three
  4. Item four

And a nested list:

Small image

Octocat

Large image

Branching

Definition lists can be used with HTML syntax

Name
Godzilla
Born
1952
Birthplace
Japan
Color
Green 
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.

The final element.