Originally published 2013.

Website design, development, and copy writing by Frances Coronel.

The software and hardware I use on a day to day basis can be found on my What I Use page - last updated Spring 2018.

The source code can be found on GitHub.


Credits


Style Guide

Markdown

I like to dabble with things that ought to be dabbled with.

I’m obsessed with emoji so I’m using Twitter’s emoji library called Twemoji so that they look the same across all browsers. 🎉🎂🎈🎁

This means that even IE users can see 💩.

For external links, a ↗ is automatically added to the end like //google.com.

External links also automatically have target='_blank' and rel='nofollow' added to the a tag.

The important part to note is that I’ve set the ↗ up to work only with links that start with // so https://google.com and http://google.com will just have the target='_blank' and rel='nofollow' added.

  1. List item one
    1. List item one
      • List item one
      • List item two
      • List item three
      • List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four
Name Occupation Age
Huey Freeman Intellectual Terrorist 12
Tintin Reporter 15
Steven Universe Guardian 14
Tina Belcher Student 13
Phillip J. Fry Delivery Boy 25
Finn Mertens Adventurer 16
> I like to dabble with things that ought to be dabbled with.

I'm **obsessed** with emoji so I'm using [Twitter's emoji library](//github.com/twitter/twemoji) called `Twemoji` so that they look the same across all browsers. 🎉🎂🎈🎁

_This means that even IE users can see 💩._

For external links, a ↗ is automatically added to the end like [//google.com](//google.com).

External links also automatically have `target='_blank'` and `rel='nofollow'` added to the `a` tag.

The important part to note is that I've set the ↗ up to work only with links that start with `//` so [https://google.com](https://google.com) and [http://google.com](http://google.com) will just have the `target='_blank'` and `rel='nofollow'` added.

1.  List item one
    1.  List item one
        * List item one
        * List item two
        * List item three
        * List item four
    2.  List item two
    3.  List item three
    4.  List item four
2.  List item two
3.  List item three
4.  List item four

|      Name       |       Occupation       | Age |
| :-------------: | :--------------------: | :-: |
|  Huey Freeman   | Intellectual Terrorist | 12  |
|     Tintin      |        Reporter        | 15  |
| Steven Universe |        Guardian        | 14  |
|  Tina Belcher   |        Student         | 13  |
| Phillip J. Fry  |      Delivery Boy      | 25  |
|  Finn Mertens   |       Adventurer       | 16  |

HTML

There are superscripts like in E = MC2 and subscripts like with H2O.

This tag should denote inserted text.

Let’s not forget about our precious Delete key.

There are <sup>superscripts</sup> like in E = MC<sup>2</sup> and <sub>subscripts</sub> like with H<sub>2</sub>O.

This tag should denote <ins>inserted</ins> text.

Let's not forget about our precious <kbd>Delete</kbd> key.

<button class="button big">Big Button</button>

<button class="button">Primary Button</button>

<button class="button small">Small Button</button>

<button class="button">Button with Icon <i class="fas fa-download"></i></button>

<button class="button fit">Fit Button</button>