          }
          #content {
          }
-         .modified-timestamp {
-           font-family: jaf-bernino-sans, 'Lucida Grande',
-               'Lucida Sans Unicode', 'Lucida Sans', Geneva,
-               Verdana, sans-serif;
-           text-rendering: optimizelegibility;
-           font-size: 0.8em;
-           color: #a9a9a9;
-         }
          pre {
            box-shadow: none;
            border: none;


(defun ar/ox-html-filter-timestamp-in-drawer-content (content)
  "Remove unnecessary HTML from exported modified CONTENT drawer."
  (string-match "\\(\\[.*\\]\\)" content)
  (match-string 0 content))

(defun ar/ox-html-export-format-drawer (name content)
  "Format drawer NAME and CONTENT for HTML export."
  (concat "<br>"
          "<span class=\"modified-timestamp\">"
          "  <em>"
          (ar/ox-html-filter-timestamp-in-drawer-content content)
          "  updated"

  (ar/file-assert-file-exists (getenv "GRAPHVIZ_DOT"))
  (with-current-buffer (find-file-noselect (expand-file-name
                                            "~/stuff/active/blog/index.org"))
    (let ((org-time-stamp-custom-formats
           '("<%d %B %Y>" . "<%A, %B %d, %Y %H:%M>"))
          (org-display-custom-times 't))
      (unwind-protect
          (advice-add 'org-timestamp-translate
                      :around
                      'ar/ox-html--timestamp-translate-advice-fun)
        (advice-remove 'org-timestamp-translate
                       'ar/ox-html--timestamp-translate-advice-fun))
      (browse-url (format "file:%s" (expand-file-name
                                     "~/stuff/active/blog/index.html"))))))

(setq org-html-head-extra
      "<style type='text/css'>
