New CSS for the Yeet Log

The headings (html only goes up to <h6>) use the same colours as the org-level-n faces. The variable org-html-toplevel-hlevel's default value is 2, which means that the top-level heading is actually <h2>. This allows to use a different colour from the title, so the html headings actually mimic the org-level-(n+1) faces.

By default, org-mode only exports up to 3 headline levels. I set org-export-headline-levels to 6 in order for the smaller headings to have the appropriate html tag:

(setq org-export-headline-levels 6)

As of [2020-09-19 Sat], I've added extra asterisks before the headings, just like org. Not sure if I'll keep it this way, it's kind of gaudy.

Tables, of course, are org-mode's signature blue:

In Emacs, I'm really not a fan of the "highlighted source blocks" fad – I think it just looks messy and awkward. When exported to html, however, I think it looks quite nice.

(defun celsius-to-fahrenheit (celc &optional insert)
  (interactive (list
                (read-number "Celsius: ")
                current-prefix-arg))
  (funcall (if insert
               #'insert
             #'message)
           (format "%d°C = %d°F"
                   celc
                   (+ 32 (/ celc (/ 5.0 9.0))))))

(celsius-to-fahrenheit 12)

12°C = 53°F

I'll be honest – I was at a loss for what to do with the TOC. Emacs doesn't actually show a table of contents (org-shifttab makes it redundant), so I had to come up with an idea myself. I decided to make it darker so that it isn't in the way – this led to some frustration as I'm not very familiar with CSS, but I got it looking pretty nice in the end.