Typography

This page demonstrates all available formatting and typography within the theme.

Heading 1

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.

Heading 2

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.

Heading 3

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.

Heading 4

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.

Heading 5

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.

Heading 6

Lorem ipsum dolor sit amet, graece impetus pericula et mel, et cum magna qualisque. An probatus consetetur dissentiunt sed. Bonorum dolorem appareat est te, mei aliquam percipit suscipiantur ad. An vel accusata democritum, vix in dictas graecis comprehensam.


Input boxes

Lorem:

A text box


Radio button
Checkbox

screenshotLorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

An image with a caption

An image with a caption

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename.

Dinner’s at 5:00.Let’s make that 7.

This text has been struck.

These are internal links: gigs, features, family


Blockquotes

A little preamble and then…

The women in your scrapbook whom you still praise and blame, you say they chained you to your fingernails and you climb the halls of fame. — Leonard Cohen

And is this called postamble?


List Types

Description List

Formerly known as definition lists, description lists let you lay out a list of features under simple bold headers. In Roktopus Scrapbook they are laid out in blocks and can be used to list anything important, like what’s for dinner or how you plan to destroy your enemies. (See the Features page here for a larger example.)

Description List Title
This is a description list division.
Description
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.

Ordered List

  1. List Item 1
  2. List Item 2
    1. Nested list item A
    2. Nested list item B
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
    • Nested list item A
    • Nested list item B
  • List Item 3

Table

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Preformatted Text

Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:

“Beware the Jabberwock, my son!
    The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
    The frumious Bandersnatch!”

5 thoughts on “Typography

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

  2. This is a reply to the reply to the comment above.

    It would be great in the final beta version if, when you click on the ‘Reply’ button, the theme sets focus to the reply text box, as a courtesy to the user. This is something WordPress in general is not good at doing in my experience.

  3. There’s a small typo in the beta site that it would only take a moment to fix…

    and some limitaions

    Also, the word Roktopus right beneath the very top header on the Home page appears to have a drop cap problem, but I’m guessing that’s a CSS issue that’s still to be fixed.

Leave a Reply