Typography

Table of Contents

This blog uses the hugo-whiteglass theme. This page showcases commonly used elements.

Headings


Headings have been scaled to preserve their order. The first three levels – H1, H2 and H3 are scaled to 1.5rem, 1.25rem and 1.12rem respectively. All other headings – H4, H5 and H6 are scaled to 1rem. Here is what they look like.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Styling


Here is some text that is bold. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mattis fringilla ex eu blandit. Suspendisse potenti. Fusce porttitor egestas posuere. Donec molestie odio ullamcorper mauris consectetur, nec porttitor lectus congue.

Here is some text that is italic. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mattis fringilla ex eu blandit. Suspendisse potenti. Fusce porttitor egestas posuere. Donec molestie odio ullamcorper mauris consectetur, nec porttitor lectus congue.

This is some quote by a very famous person. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mattis fringilla ex eu blandit. Suspendisse potenti. Donec molestie odio ullamcorper mauris consectetur, nec porttitor lectus congue.

Lists


This is a bulleted list. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a numbered list. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  1. Ut mattis fringilla ex eu blandit.
  2. Suspendisse potenti.
    1. Aenean in elit at elit commodo feugiat.
    2. Sed cursus risus sed feugiat placerat.
  3. Fusce porttitor egestas posuere.
  4. Quisque eu tortor ac leo dictum egestas.

Links


There are a couple different ways to use links.

Code Blocks


This is what inline code looks like. A code block looks like the following. Remember to always include a language when using code blocks. For plaintext, set the language as text.

def fibonacci(n):
    """
    Calculate the nth Fibonacci number using recursion.
    :param n: The position of the Fibonacci number to be calculated.
    :return: The nth Fibonacci number.
    """
    if n <= 1:
        return n
    else:
        return fibonacci(n - 1) + fibonacci(n - 2)

Tables


This is what a table looks like.

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9

  1. This is a footnote. ↩︎