mass remove headers and centralise it

90 files changed, 218 insertions, 320 deletions

diff --git a/LICENSE.org b/LICENSE.org
index 0d9adf5..b03b902 100644
--- a/LICENSE.org
+++ b/LICENSE.org
@@ -1,17 +1,9 @@
 #+TITLE: MIT License
 #+AUTHOR: Preston Pan
 #+DATE: 2026
-#+html_head: <link rel="stylesheet" type="text/css" href="style.css" />
 #+language: en
 #+OPTIONS: broken-links:t
 #+date: <2025-01-09 Thu>
-#+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-#+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-#+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-#+html_head: <link rel="manifest" href="/site.webmanifest">
-#+html_head: <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-#+html_head: <meta name="msapplication-TileColor" content="#da532c">
-#+html_head: <meta name="theme-color" content="#ffffff">
 
 * License
 Copyright (c) {{{date}}} {{{author}}}
diff --git a/README.org b/README.org
index 8d8f7c7..219b5b4 100644
--- a/README.org
+++ b/README.org
@@ -2,7 +2,6 @@
 #+author: Preston Pan
 #+date: <2023-06-11 Sun>
 #+description: My website for all things.
-#+html_head: <link rel="stylesheet" type="text/css" href="style.css" />
 
 * What is this?
 It's ret2pop! My website for all things math. Wait, no. Computer science.
diff --git a/about.org b/about.org
index ebd4638..c7e977a 100644
--- a/about.org
+++ b/about.org
@@ -1,17 +1,9 @@
 #+title: About
 #+author: Preston Pan
 #+description: About me and my contact information
-#+html_head: <link rel="stylesheet" type="text/css" href="style.css" />
 #+language: en
 #+OPTIONS: broken-links:t
 #+date: <2023-06-26 Mon>
-#+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-#+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-#+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-#+html_head: <link rel="manifest" href="/site.webmanifest">
-#+html_head: <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-#+html_head: <meta name="msapplication-TileColor" content="#da532c">
-#+html_head: <meta name="theme-color" content="#ffffff">
 
 * About Me
 ** whoami?
diff --git a/agenda.org b/agenda.org
index bb13596..4df15e6 100644
--- a/agenda.org
+++ b/agenda.org
@@ -1,17 +1,9 @@
 #+title: Agenda
 #+author: Preston Pan
 #+description: My public agenda for the next while.
-#+html_head: <link rel="stylesheet" type="text/css" href="style.css" />
 #+language: en
 #+OPTIONS: broken-links:t
 #+date: <2025-01-09 Thu>
-#+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-#+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-#+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-#+html_head: <link rel="manifest" href="/site.webmanifest">
-#+html_head: <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-#+html_head: <meta name="msapplication-TileColor" content="#da532c">
-#+html_head: <meta name="theme-color" content="#ffffff">
 
 This agenda is a public list of things that I need to keep track of. This is public because
 I also keep a private version, and if anyone wants to know what I'm up to or the status of a certain
diff --git a/blog/acausal.org b/blog/acausal.org
index 30ac40a..4550d8e 100644
--- a/blog/acausal.org
+++ b/blog/acausal.org
@@ -3,7 +3,7 @@
 #+date: [2024-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: Narrative is the only real construction.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/automation.org b/blog/automation.org
index 981560d..820e562 100644
--- a/blog/automation.org
+++ b/blog/automation.org
@@ -3,7 +3,7 @@
 #+date: [2024-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: Is automation taking jobs? Is capitalism causing all the world's problems?
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/cognition.org b/blog/cognition.org
index 23ea939..5d56e7f 100644
--- a/blog/cognition.org
+++ b/blog/cognition.org
@@ -3,7 +3,7 @@
 #+date: [2024-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: Other languages are inflexible and broken. Let's fix that.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/crypto.org b/blog/crypto.org
index bd965d8..aa197cc 100644
--- a/blog/crypto.org
+++ b/blog/crypto.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2024
 
 #+description: Are cryptocurrencies useful in economic transactions? As technologies?
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/horses.org b/blog/horses.org
index dc0f683..66c38ac 100644
--- a/blog/horses.org
+++ b/blog/horses.org
@@ -3,7 +3,7 @@
 #+date: [2024-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: It doesn't happen instantly.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/index.org b/blog/index.org
index 5ffe6bc..67a3440 100644
--- a/blog/index.org
+++ b/blog/index.org
@@ -3,7 +3,7 @@
 #+AUTHOR: Preston Pan
 #+DATE: <2023-06-14 Wed>
 #+DESCRIPTION: List of all my blogs in alphabetical order
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+language: en
 #+OPTIONS: broken-links:t
 
diff --git a/blog/manifesto-1.org b/blog/manifesto-1.org
index fd38022..185796f 100644
--- a/blog/manifesto-1.org
+++ b/blog/manifesto-1.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2025
 
 #+description: A system built on illusions will always decay.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/monorepo.org b/blog/monorepo.org
index 756089a..0f830e5 100644
--- a/blog/monorepo.org
+++ b/blog/monorepo.org
@@ -3,7 +3,7 @@
 #+date: [2025-01-01]
 #+subtitle: By {{{author}}}, 2025
 #+description: NixOS configurations for infrastructure, workstations, and laptops
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/nixos.org b/blog/nixos.org
index 7576682..718d139 100644
--- a/blog/nixos.org
+++ b/blog/nixos.org
@@ -3,7 +3,7 @@
 #+date: [2025-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: You can run a system from the 2040s, today.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/private_keys.org b/blog/private_keys.org
index 7382241..61cad10 100644
--- a/blog/private_keys.org
+++ b/blog/private_keys.org
@@ -3,7 +3,7 @@
 #+date: [2024-01-01]
 #+subtitle: By {{{author}}}, 2024
 #+description: Why haven't we switched to asymmetric cryptography?
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/stem.org b/blog/stem.org
index 4d13f7d..b11ea10 100644
--- a/blog/stem.org
+++ b/blog/stem.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2024
 
 #+description: My own concatenative programming language
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+language: en
 #+OPTIONS: broken-links:t
 
diff --git a/blog/tech-bros.org b/blog/tech-bros.org
index 9bb233b..9a56491 100644
--- a/blog/tech-bros.org
+++ b/blog/tech-bros.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2024
 
 #+description: and other people that other people hate.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/voting.org b/blog/voting.org
index c7f84bc..bb27b8a 100644
--- a/blog/voting.org
+++ b/blog/voting.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2024
 
 #+description: What do we do about voter turnout? Voting demographics? Polarization?
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/blog/you_dont_matter.org b/blog/you_dont_matter.org
index 3a91af5..1cd750e 100644
--- a/blog/you_dont_matter.org
+++ b/blog/you_dont_matter.org
@@ -4,7 +4,7 @@
 #+subtitle: By {{{author}}}, 2024
 
 #+description: Ideas aren't real, and morality is a spook.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 #+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 #+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
diff --git a/config/README.org b/config/README.org
index c317bf9..ecdf42f 100644
--- a/config/README.org
+++ b/config/README.org
@@ -2,7 +2,7 @@
 #+author: Preston Pan
 #+date: <2023-06-11 Sun>
 #+language: en
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+OPTIONS: broken-links:t
 
 * My Literate Configs
diff --git a/config/elfeed.org b/config/elfeed.org
index c114294..a6ef555 100644
--- a/config/elfeed.org
+++ b/config/elfeed.org
@@ -2,7 +2,7 @@
 #+author: Preston Pan
 #+date: <2023-06-09 Fri>
 #+description: My list of blogs, news sites, and channels.
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 
 * Feed :elfeed:
 This is the feed I use for Elfeed, and the elfeed-org package allows me to publish
diff --git a/config/emacs.org b/config/emacs.org
index 0705af9..57aae97 100644
--- a/config/emacs.org
+++ b/config/emacs.org
@@ -1,7 +1,7 @@
 #+title: Emacs Configuration
 #+author: Preston Pan
 #+description: my personal emacs configuration for NixOS
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 * Introduction
 This is my Vanilla Emacs configuration, made to work with my NixOS configuration. For that
 reason, you will not see :ensure t inside any use-package declaration, for emacs packages
@@ -164,6 +164,13 @@ This is my org mode configuration, which also configures latex.
       (org-pretty-entities t "prettify org mode")
       (org-agenda-files (list "~/monorepo/agenda.org" "~/org/notes.org" "~/org/agenda.org") "set default org files")
       (org-default-notes-file (concat org-directory "/notes.org") "Notes file")
+      (org-html-with-latex 'html)
+      (org-html-mathjax-options nil)
+      (org-html-mathjax-template "")
+      (org-html-container-element "main")
+      (org-html-head-extra "<link rel=\"stylesheet\" type=\"text/css\" href=\"/syntax.css\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"/style.css\" />\n<link rel=\"manifest\" href=\"/site.webmanifest\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg\" color=\"#5bbad5\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png\">\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\"><meta name=\"msapplication-TileColor\" content=\"#da532c\">\n<meta name=\"theme-color\" content=\"#ffffff\">")
+      (org-latex-to-html-convert-command 
+        "printf '%%s' %i | pandoc -f latex -t html --mathml | tr -d '\\n' | sed -e 's/^<p>//' -e 's/<\\/p>$//'")
       (org-html-viewport '((width "device-width") 
                            (initial-scale "1.0") 
                            (minimum-scale "1.0")) "Prevent zooming out past default size")
@@ -192,6 +199,21 @@ This is my org mode configuration, which also configures latex.
       (require 'ox-publish)
       (require 'org-tempo)
       (require 'org-habit)
+      (require 'ob-latex)
+
+      (defun my-org-html-latex-environment-pandoc-fix (orig-fun latex-environment contents info)
+        "Force `ox-html' to use the convert command for LaTeX environments when set to 'html."
+        (let ((processing-type (plist-get info :with-latex)))
+          (if (eq processing-type 'html)
+              (let* ((latex-frag (org-remove-indentation
+                                  (org-element-property :value latex-environment)))
+                     (converted (org-format-latex-as-html latex-frag)))
+                (format "<div class=\"equation-container\">\n<span class=\"equation\">\n%s\n</span>\n</div>"
+                        converted))
+            (funcall orig-fun latex-environment contents info))))
+
+      (advice-add 'org-html-latex-environment :around #'my-org-html-latex-environment-pandoc-fix)
+
       (org-babel-do-load-languages 'org-babel-load-languages
                                    '((shell . t)
                                      (python . t)
@@ -332,7 +354,7 @@ I use org-journal to journal about my life, and it's a part of my website:
       "Custom function to create journal header."
       (concat
        (pcase org-journal-file-type
-         (`daily "#+TITLE: Daily Journal\n#+STARTUP: showeverything\n#+DESCRIPTION: My daily journal entry\n#+AUTHOR: Preston Pan\n#+HTML_HEAD: <link rel=\"stylesheet\" type=\"text/css\" href=\"../style.css\" />\n#+html_head: <script src=\"https://polyfill.io/v3/polyfill.min.js?features=es6\"></script>\n#+html_head: <script id=\"MathJax-script\" async src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\"></script>\n#+options: broken-links:t")
+         (`daily "#+TITLE: Daily Journal\n#+STARTUP: showeverything\n#+DESCRIPTION: My daily journal entry\n#+AUTHOR: Preston Pan\n#+options: broken-links:t")
          (`weekly "#+TITLE: Weekly Journal\n#+STARTUP: folded")
          (`monthly "#+TITLE: Monthly Journal\n#+STARTUP: folded")
          (`yearly "#+TITLE: Yearly Journal\n#+STARTUP: folded"))))
@@ -745,7 +767,7 @@ For all my mathematics and programming notes:
     (org-roam-directory (file-truename "~/monorepo/mindmap") "Set org-roam directory inside monorepo")
     (org-roam-capture-templates '(("d" "default" plain "%?"
   				 :target (file+head "${title}.org"
-  						    "#+title: ${title}\n#+author: Preston Pan\n#+html_head: <link rel=\"stylesheet\" type=\"text/css\" href=\"../style.css\" />\n#+html_head: <script src=\"https://polyfill.io/v3/polyfill.min.js?features=es6\"></script>\n#+html_head: <script id=\"MathJax-script\" async src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\"></script>\n#+options: broken-links:t")
+  						    "#+title: ${title}\n#+author: Preston Pan\n#+description:\n#+options: broken-links:t")
   				 :unnarrowed t)) "org-roam files start with this snippet by default")
     :config
     (org-roam-db-autosync-mode)
diff --git a/config/index.org b/config/index.org
index 17fd3f2..138c940 100644
--- a/config/index.org
+++ b/config/index.org
@@ -2,8 +2,9 @@
 #+title: Configurations
 #+author: Preston Pan
 #+date: <2023-06-10 Sat>
+#+description: My configurations for my computer programs.
 #+language: en
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+OPTIONS: broken-links:t
 * What is this magic?
 They're configurations for extremely obscure programs I use. Yeah, I know, I'm somewhat of a hipster myself.
diff --git a/config/nix.org b/config/nix.org
index 996d35c..e131016 100644
--- a/config/nix.org
+++ b/config/nix.org
@@ -1,7 +1,6 @@
 #+title: NixOS Configuration
 #+AUTHOR: Preston Pan
 #+DESCRIPTION: My NixOS system, written entirely in a literate configuration
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
 
 * Introduction
 This is my NixOS configuration. It is a part of my monorepo, and this file automatically tangles
@@ -389,6 +388,12 @@ you own:
       key_groups:
         - age:
           - *vps
+
+    - path_regex: secrets/common_secrets.yaml$
+      key_groups:
+        - age:
+          - *primary
+          - *vps
 #+end_src
 also note that you will have to write your own secrets.yaml file, with an entry called ~mail~,
 which is used for the imaps and smtps password.
@@ -3371,6 +3376,7 @@ I want to separate out these packages so that my parent flake which builds my we
     epkgs.mu4e
     epkgs.minuet
     epkgs.nix-mode
+    epkgs.org-contrib
     epkgs.org-fragtog
     epkgs.org-journal
     epkgs.org-roam
diff --git a/config/qutebrowser.org b/config/qutebrowser.org
index 1deb37a..b243a3e 100644
--- a/config/qutebrowser.org
+++ b/config/qutebrowser.org
@@ -3,7 +3,6 @@
 #+date: <2023-06-09 Fri>
 #+description: a catppuccin configuration for qutebrowser.
 #+auto_tangle: t
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
 
 * Configuration
 ** Imports
diff --git a/flake.nix b/flake.nix
index c440935..b2b8e9c 100644
--- a/flake.nix
+++ b/flake.nix
@@ -5,15 +5,18 @@
     self.submodules = true;
 
     nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable";
+
     git-hooks = {
       url = "github:cachix/git-hooks.nix";
       inputs.nixpkgs.follows = "nixpkgs";
     };
+
     nixmacs.url = "path:./nix";
 
     publish-org-roam-ui = {
       url = "git://nullring.xyz/publish-org-roam-ui.git";
     };
+
     garamond = {
       url = "github:fontalternative/cormorant-garamond";
       flake = false;
@@ -138,6 +141,11 @@ fi
           pkgs.jq
           pkgs.lora
           pkgs.inconsolata
+          pkgs.stix-two
+          pkgs.pandoc
+          pkgs.rsass
+          pkgs.minify
+
           (pkgs.texlive.combine {
             inherit (pkgs.texlive)
               scheme-full
@@ -160,6 +168,7 @@ mkdir -p $HOME/monorepo
 cp -a . $HOME/monorepo/
 cd $HOME/monorepo
 mkdir -p mindmap/img
+rsass style.scss | minify --type=css > style.css
 
 cat <<EOF > $TMPDIR/policy.xml
 <policymap>
@@ -196,25 +205,22 @@ emacs -q --batch \
   --eval '(setq org-confirm-babel-evaluate nil)' \
   --eval '(setq load-prefer-newer t)' \
   --eval '(setq gc-cons-threshold 100000000)' \
+  --eval '(setq vc-handled-backends nil)' \
+  --eval '(setq make-backup-files nil auto-save-default nil create-lockfiles nil)' \
   -l ${nixmacs}/init.el \
   --eval '(setq custom-safe-themes t)' \
-  --eval "(org-babel-do-load-languages 'org-babel-load-languages '((latex . t)))" \
   --eval '(setq org-roam-directory (expand-file-name "mindmap" (expand-file-name "~/monorepo")))' \
   --eval '(setq org-id-track-globally t)' \
   --eval '(org-roam-db-sync)' \
   --eval '(setq term-file-prefix nil)' \
-  --eval '(load-theme (quote doom-rouge) t)' \
   --eval '(force-mode-line-update)' \
   --eval '(setq org-html-link-use-abs-url nil)' \
   --eval '(setq default-directory (expand-file-name "~/monorepo"))' \
   --eval '(setq org-html-link-use-abs-url nil)' \
   --eval '(setq org-html-link-org-files-as-html t)' \
-  --eval '(setq vc-handled-backends nil)' \
   --eval '(require (quote htmlize))' \
   --eval '(require (quote nix-mode))' \
-  --eval '(setq make-backup-files nil auto-save-default nil create-lockfiles nil)' \
   --eval '(setq org-html-htmlize-output-type (quote css))' \
-  --eval '(setq org-html-head-extra "<link rel=\"stylesheet\" type=\"text/css\" href=\"/syntax.css\" />\n<script> window.MathJax = { tex: { tags: \"ams\", tagSide: \"left\", tagIndent: \"1em\" }, chtml: { displayAlign: \"left\", displayIndent: \"3em\" } }; </script>")' \
   --eval '(org-publish-all t)' || (echo "FAIL:" && cat /build/*.log && exit 1)
 
 echo "Setting up Graph View..."
@@ -229,6 +235,9 @@ mkdir -p $out/fonts
 
 cp -L ${pkgs.lora}/share/fonts/truetype/*.ttf $out/fonts/
 cp -L ${pkgs.inconsolata}/share/fonts/truetype/inconsolata/*.ttf $out/fonts
+
+cp -L ${pkgs.stix-two}/share/fonts/truetype/STIXTwoMath-Regular.ttf $out/fonts/
+
 cp ${garamond}/ttf/CormorantGaramond-Medium.ttf $out/fonts/
 cp ${garamond}/ttf/CormorantGaramond-MediumItalic.ttf $out/fonts/
 cp ${garamond}/ttf/CormorantGaramond-Bold.ttf $out/fonts/
diff --git a/index.org b/index.org
index e521e29..9dfdf95 100644
--- a/index.org
+++ b/index.org
@@ -2,14 +2,6 @@
 #+author: Preston Pan
 #+date: <2023-06-09 Fri>
 #+description: A website full of wonder and explanation
-#+html_head: <link rel="stylesheet" type="text/css" href="style.css" />
-#+html_head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-#+html_head: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-#+html_head: <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-#+html_head: <link rel="manifest" href="/site.webmanifest">
-#+html_head: <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-#+html_head: <meta name="msapplication-TileColor" content="#da532c">
-#+html_head: <meta name="theme-color" content="#ffffff">
 #+language: en
 #+OPTIONS: broken-links:t
 #+OPTIONS: html-preamble:nil
diff --git a/journal/README.org b/journal/README.org
index 1b1310f..8294f8d 100644
--- a/journal/README.org
+++ b/journal/README.org
@@ -3,7 +3,7 @@
 #+date: <2023-06-11 Sun>
 #+description: My online journal
 #+language: en
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+OPTIONS: broken-links:t
 
 * My Journal
diff --git a/journal/index.org b/journal/index.org
index 10ccd31..1e17d37 100644
--- a/journal/index.org
+++ b/journal/index.org
@@ -1,7 +1,7 @@
 #+title: Journal
 #+author: Preston Pan
 #+description: My journal entries
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+date: <2023-06-09 Fri>
 #+language: en
 #+OPTIONS: broken-links:t
diff --git a/mindmap/Fourier Transform.org b/mindmap/Fourier Transform.org
index 2e5e0a6..b6dabfe 100644
--- a/mindmap/Fourier Transform.org
+++ b/mindmap/Fourier Transform.org
@@ -4,9 +4,8 @@
 :END:
 #+title: Fourier Transform
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Fundamental in the theory of measure.
+
 #+options: broken-links:t
 * Introduction
 The Fourier Transform is a generalization of the Fourier Series. It has applications in solving [[id:4be41e2e-52b9-4cd1-ac4c-7ecb57106692][differential equations]] and
diff --git a/mindmap/Heaviside Step Function.org b/mindmap/Heaviside Step Function.org
index c92a264..3a2085c 100644
--- a/mindmap/Heaviside Step Function.org
+++ b/mindmap/Heaviside Step Function.org
@@ -3,9 +3,8 @@
 :END:
 #+title: Heaviside Step Function
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Essential to the theory of distributions.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Hilbert Space.org b/mindmap/Hilbert Space.org
index 281c107..f1ecc6d 100644
--- a/mindmap/Hilbert Space.org
+++ b/mindmap/Hilbert Space.org
@@ -3,9 +3,8 @@
 :END:
 #+title: Hilbert Space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Hilbert spaces are fundamental topological spaces.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/IAK.org b/mindmap/IAK.org
index f9404b8..9077bb5 100644
--- a/mindmap/IAK.org
+++ b/mindmap/IAK.org
@@ -3,9 +3,8 @@
 :END:
 #+title: IAK
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: A civilisational syndrome.
+
 #+options: broken-links:t
 * Introduction
 Short for "I am king". Refers to the modern propensity for people to talk about political issues
diff --git a/mindmap/IEEDI.org b/mindmap/IEEDI.org
index 893c122..fbc8c9d 100644
--- a/mindmap/IEEDI.org
+++ b/mindmap/IEEDI.org
@@ -3,9 +3,8 @@
 :END:
 #+title: IEEDI
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: a Kantian fallacy.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Kirchhoff's Laws.org b/mindmap/Kirchhoff's Laws.org
index fc88086..872219e 100644
--- a/mindmap/Kirchhoff's Laws.org
+++ b/mindmap/Kirchhoff's Laws.org
@@ -3,10 +3,9 @@
 :END:
 #+title: Kirchhoff's Laws
 #+author: Preston Pan
+#+description: Basis of analogue circuitry.
 #+description: basic laws of circuit analysis
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/LRC circuit.org b/mindmap/LRC circuit.org
index bd2f078..a7686ed 100644
--- a/mindmap/LRC circuit.org
+++ b/mindmap/LRC circuit.org
@@ -4,9 +4,8 @@
 :END:
 #+title: LRC circuit
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Explanation of LRC Circuits
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/L_{2} space.org b/mindmap/L_{2} space.org
index 50bb154..08a7863 100644
--- a/mindmap/L_{2} space.org
+++ b/mindmap/L_{2} space.org
@@ -3,9 +3,8 @@
 :END:
 #+title: L_{2} space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: essential to the study of measure theory and fourier analysis.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Lagrangian mechanics.org b/mindmap/Lagrangian mechanics.org
index c3e078d..eb660ff 100644
--- a/mindmap/Lagrangian mechanics.org
+++ b/mindmap/Lagrangian mechanics.org
@@ -3,9 +3,8 @@
 :END:
 #+title: Lagrangian mechanics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Optimization with linear functionals.
+
 #+options: broken-links:t
 * Introduction
 The Lagrangian, $L: (\mathbb{R}, \mathbb{R} \rightarrow \mathbb{R}, \mathbb{R} \rightarrow \mathbb{R}) \rightarrow \mathbb{R}$ is simply a functional:
diff --git a/mindmap/Laplace Transform.org b/mindmap/Laplace Transform.org
index 942d54b..8113a6e 100644
--- a/mindmap/Laplace Transform.org
+++ b/mindmap/Laplace Transform.org
@@ -3,9 +3,7 @@
 :END:
 #+title: Laplace Transform
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Legendre Transformation.org b/mindmap/Legendre Transformation.org
index f9bc51f..cd86d8a 100644
--- a/mindmap/Legendre Transformation.org
+++ b/mindmap/Legendre Transformation.org
@@ -3,9 +3,8 @@
 :END:
 #+title: Legendre Transformation
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: A tool used to translate between two pictures.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/Lorentz Force.org b/mindmap/Lorentz Force.org
index 23aa782..2636204 100644
--- a/mindmap/Lorentz Force.org
+++ b/mindmap/Lorentz Force.org
@@ -3,9 +3,8 @@
 :END:
 #+title: Lorentz Force
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: A concept in electrodynamics.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/Maxwell's Equations.org b/mindmap/Maxwell's Equations.org
index 77681a9..de47fd6 100644
--- a/mindmap/Maxwell's Equations.org
+++ b/mindmap/Maxwell's Equations.org
@@ -3,9 +3,7 @@
 :END:
 #+title: Maxwell's Equations
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: The greatest theory of the 19th century.
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Newtonian mechanics.org b/mindmap/Newtonian mechanics.org
index 7d4b414..aef32bb 100644
--- a/mindmap/Newtonian mechanics.org
+++ b/mindmap/Newtonian mechanics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: Newtonian mechanics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Where it all begins.
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/Ohm's Law.org b/mindmap/Ohm's Law.org
index 16f48ee..de60ff9 100644
--- a/mindmap/Ohm's Law.org
+++ b/mindmap/Ohm's Law.org
@@ -3,9 +3,7 @@
 :END:
 #+title: Ohm's Law
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Of great importance to circuit analysis.
 #+options: broken-links:t
 * Introduction
 The name is a misnomer; Ohm's law simply refers to the tendency for real world materials to obey this relation:
diff --git a/mindmap/README.org b/mindmap/README.org
index 878ad1d..a2fbf6e 100644
--- a/mindmap/README.org
+++ b/mindmap/README.org
@@ -3,7 +3,6 @@
 #+author: Preston Pan
 #+description: My online journal
 #+language: en
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
 #+OPTIONS: broken-links:t
 
 * Mindmap!!
diff --git a/mindmap/central force.org b/mindmap/central force.org
index f341837..d3ae340 100644
--- a/mindmap/central force.org
+++ b/mindmap/central force.org
@@ -3,9 +3,8 @@
 :END:
 #+title: central force
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Useful in classical mechanics.
+
 #+options: broken-links:t
 
 * Derivation
diff --git a/mindmap/circuit analysis.org b/mindmap/circuit analysis.org
index 849e56a..b200b10 100644
--- a/mindmap/circuit analysis.org
+++ b/mindmap/circuit analysis.org
@@ -3,9 +3,8 @@
 :END:
 #+title: circuit analysis
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: An amazing field of study!
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/consequentialism.org b/mindmap/consequentialism.org
index d277173..1cbd691 100644
--- a/mindmap/consequentialism.org
+++ b/mindmap/consequentialism.org
@@ -3,9 +3,8 @@
 :END:
 #+title: consequentialism
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: "What do you mean, I'm a monster?"
+
 #+options: broken-links:t
 * Introduction
 Consequentialism is a set of metaethical views that give importance to the consequence of actions rather than some
diff --git a/mindmap/conservative force.org b/mindmap/conservative force.org
index ca50664..ce2f299 100644
--- a/mindmap/conservative force.org
+++ b/mindmap/conservative force.org
@@ -3,9 +3,8 @@
 :END:
 #+title: conservative force
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Conservation of energy, in a nutshell.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/continuity equation.org b/mindmap/continuity equation.org
index c12ffa1..c060e6f 100644
--- a/mindmap/continuity equation.org
+++ b/mindmap/continuity equation.org
@@ -3,9 +3,8 @@
 :END:
 #+title: continuity equation
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: Conservation! Charge! Symmetry!
+
 #+options: broken-links:t
 
 * Derivation and Motivation
diff --git a/mindmap/del operator.org b/mindmap/del operator.org
index 657ff69..e25aa21 100644
--- a/mindmap/del operator.org
+++ b/mindmap/del operator.org
@@ -3,9 +3,8 @@
 :END:
 #+title: del operator
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+#+description: A turning point for multivariable understanding.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/derivative.org b/mindmap/derivative.org
index d046459..6e41443 100644
--- a/mindmap/derivative.org
+++ b/mindmap/derivative.org
@@ -3,9 +3,7 @@
 :END:
 #+title: derivative
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Derivation
diff --git a/mindmap/differential equation.org b/mindmap/differential equation.org
index c509da0..f811c26 100644
--- a/mindmap/differential equation.org
+++ b/mindmap/differential equation.org
@@ -3,9 +3,7 @@
 :END:
 #+title: differential equation
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 A differential equation is an equation whose solutions are functions and which incorporate derivatives of the function
diff --git a/mindmap/dirac delta.org b/mindmap/dirac delta.org
index c799c30..59bed32 100644
--- a/mindmap/dirac delta.org
+++ b/mindmap/dirac delta.org
@@ -3,9 +3,7 @@
 :END:
 #+title: dirac delta
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/divergence theorem.org b/mindmap/divergence theorem.org
index b2c6660..e4231da 100644
--- a/mindmap/divergence theorem.org
+++ b/mindmap/divergence theorem.org
@@ -3,9 +3,7 @@
 :END:
 #+title: divergence theorem
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/duality.org b/mindmap/duality.org
index c18db08..a79ab7b 100644
--- a/mindmap/duality.org
+++ b/mindmap/duality.org
@@ -3,7 +3,7 @@
 :END:
 #+title: duality
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+date: <2023-06-10 Sat>
 * is it One or is it Two?
 Is it me, or is it you? Is it false, or is it true? Many things
diff --git a/mindmap/egoism.org b/mindmap/egoism.org
index 9afef56..c0d1635 100644
--- a/mindmap/egoism.org
+++ b/mindmap/egoism.org
@@ -3,9 +3,7 @@
 :END:
 #+title: egoism
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 Egoism, broadly defined, is the philosophical view that one should maximize for their own utility function, or well-being,
diff --git a/mindmap/electrostatics.org b/mindmap/electrostatics.org
index 7072bf8..d2fbdde 100644
--- a/mindmap/electrostatics.org
+++ b/mindmap/electrostatics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: electrostatics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * What is Electricity?
diff --git a/mindmap/emergence.org b/mindmap/emergence.org
index 95fd832..4797ec0 100644
--- a/mindmap/emergence.org
+++ b/mindmap/emergence.org
@@ -3,9 +3,7 @@
 :END:
 #+title: emergence
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Emergence systems are…
diff --git a/mindmap/everything.org b/mindmap/everything.org
index b33f754..5803350 100644
--- a/mindmap/everything.org
+++ b/mindmap/everything.org
@@ -3,7 +3,7 @@
 :END:
 #+title: everything
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+date: <2023-06-10 Sat>
 
 * Everything?
diff --git a/mindmap/factorial.org b/mindmap/factorial.org
index 0f00101..72d2acc 100644
--- a/mindmap/factorial.org
+++ b/mindmap/factorial.org
@@ -4,7 +4,7 @@
 #+title: factorial
 #+author: Preston Pan
 #+options: num:nil
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 
  Introduction
 The factorial [[id:b1f9aa55-5f1e-4865-8118-43e5e5dc7752][function]] $n!: \mathbb{N} \rightarrow \mathbb{N}$ describes the amount of ways one can arrange $n$ differentiable objects. In practice:
diff --git a/mindmap/framework.org b/mindmap/framework.org
index f311e19..f865d54 100644
--- a/mindmap/framework.org
+++ b/mindmap/framework.org
@@ -4,9 +4,7 @@
 :END:
 #+title: framework
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 Frameworks are an essential thing to understand are fundamental to how we work, and this statement will
diff --git a/mindmap/function.org b/mindmap/function.org
index 716a1ec..9b8cdc2 100644
--- a/mindmap/function.org
+++ b/mindmap/function.org
@@ -3,9 +3,7 @@
 :END:
 #+title: function
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/group.org b/mindmap/group.org
index fb24bf8..1b00fd1 100644
--- a/mindmap/group.org
+++ b/mindmap/group.org
@@ -3,9 +3,7 @@
 :END:
 #+title: group
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/index.org b/mindmap/index.org
index ab3c1d9..36d5fd8 100644
--- a/mindmap/index.org
+++ b/mindmap/index.org
@@ -2,7 +2,6 @@
 #+title: Mindmap
 #+author: Preston Pan
 #+date: <2023-06-10 Sat>
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
 
 * Introducing: the Mindmap
 Do you want to know everything like me and be a smart person instead of dumb?
diff --git a/mindmap/induction.org b/mindmap/induction.org
index 1cccbdc..2dec025 100644
--- a/mindmap/induction.org
+++ b/mindmap/induction.org
@@ -4,7 +4,7 @@
 #+title: induction
 #+author: Preston Pan
 #+options: num:nil
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 #+options: tex:dvipng
 
 * Introduction
diff --git a/mindmap/infinity.org b/mindmap/infinity.org
index 0f01b17..204502c 100644
--- a/mindmap/infinity.org
+++ b/mindmap/infinity.org
@@ -3,9 +3,7 @@
 :END:
 #+title: infinity
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/inheritance.org b/mindmap/inheritance.org
index dc3f21d..49cd516 100644
--- a/mindmap/inheritance.org
+++ b/mindmap/inheritance.org
@@ -3,9 +3,7 @@
 :END:
 #+title: inheritance
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/inner product space.org b/mindmap/inner product space.org
index e9448a0..b5be3a5 100644
--- a/mindmap/inner product space.org
+++ b/mindmap/inner product space.org
@@ -3,9 +3,7 @@
 :END:
 #+title: inner product space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/interpreter.org b/mindmap/interpreter.org
index 4181fd5..76fb195 100644
--- a/mindmap/interpreter.org
+++ b/mindmap/interpreter.org
@@ -3,9 +3,7 @@
 :END:
 #+title: interpreter
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 An interpreter in programming is a computer program that runs another
diff --git a/mindmap/inverse square.org b/mindmap/inverse square.org
index 205c5f7..af3462f 100644
--- a/mindmap/inverse square.org
+++ b/mindmap/inverse square.org
@@ -3,9 +3,7 @@
 :END:
 #+title: inverse square
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Derivation
diff --git a/mindmap/limit.org b/mindmap/limit.org
index 22b3280..2d49c74 100644
--- a/mindmap/limit.org
+++ b/mindmap/limit.org
@@ -3,9 +3,7 @@
 :END:
 #+title: limit
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/logic.org b/mindmap/logic.org
index 1de226b..e96d87b 100644
--- a/mindmap/logic.org
+++ b/mindmap/logic.org
@@ -3,9 +3,7 @@
 :END:
 #+title: logic
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/magnetostatics.org b/mindmap/magnetostatics.org
index dd9d172..a543ac6 100644
--- a/mindmap/magnetostatics.org
+++ b/mindmap/magnetostatics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: magnetostatics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/mathematics.org b/mindmap/mathematics.org
index 3a5e1ec..2fdb11d 100644
--- a/mindmap/mathematics.org
+++ b/mindmap/mathematics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: mathematics
 #+author: Preston Pan
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 
 * Mathematics is [[id:29ebc4f9-0fd8-4203-8bfe-84f8558e09cf][Logic]] 
 With a couple of set theory axioms. One might describe it as an extrapolation framework
diff --git a/mindmap/metric space.org b/mindmap/metric space.org
index df750db..97b08c2 100644
--- a/mindmap/metric space.org
+++ b/mindmap/metric space.org
@@ -4,9 +4,7 @@
 :END:
 #+title: metric space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/natural number.org b/mindmap/natural number.org
index 8b3f31a..46d2450 100644
--- a/mindmap/natural number.org
+++ b/mindmap/natural number.org
@@ -3,9 +3,7 @@
 :END:
 #+title: natural number
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 
 * What is a Natural Number?
 We can formulate the natural numbers from set construction, or by Peano arithmetic.
diff --git a/mindmap/normed vector space.org b/mindmap/normed vector space.org
index 82f1f6f..6e8362b 100644
--- a/mindmap/normed vector space.org
+++ b/mindmap/normed vector space.org
@@ -3,9 +3,7 @@
 :END:
 #+title: normed vector space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/partial derivative.org b/mindmap/partial derivative.org
index 54ab922..b7ef9b0 100644
--- a/mindmap/partial derivative.org
+++ b/mindmap/partial derivative.org
@@ -3,9 +3,7 @@
 :END:
 #+title: partial derivative
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/philosophy.org b/mindmap/philosophy.org
index 188cd23..7fe892f 100644
--- a/mindmap/philosophy.org
+++ b/mindmap/philosophy.org
@@ -3,9 +3,7 @@
 :END:
 #+title: philosophy
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 Philosophy is a hard to describe term, but this mindmap defines this term as the study of living life optimally. We use
diff --git a/mindmap/physics.org b/mindmap/physics.org
index eeb3a0c..35d7508 100644
--- a/mindmap/physics.org
+++ b/mindmap/physics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: physics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Laws of Nature
diff --git a/mindmap/quantum mechanics.org b/mindmap/quantum mechanics.org
index e0df273..b208c49 100644
--- a/mindmap/quantum mechanics.org
+++ b/mindmap/quantum mechanics.org
@@ -3,9 +3,7 @@
 :END:
 #+title: quantum mechanics
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 * Introduction
 Quantum mechanics was discovered as a predictive [[id:6d8c8bcc-58b0-4267-8035-81b3bf753505][framework]] in the early 1900's after a set of experiments (i.e. the
diff --git a/mindmap/recursion.org b/mindmap/recursion.org
index 6dc3942..07d3eb1 100644
--- a/mindmap/recursion.org
+++ b/mindmap/recursion.org
@@ -3,9 +3,7 @@
 :END:
 #+title: recursion
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+startup: latexpreview
 #+OPTIONS: broken-links:t
 #+description: A description of recursive hierarchies in everything.
diff --git a/mindmap/self-assembly.org b/mindmap/self-assembly.org
index 110c085..55d5b77 100644
--- a/mindmap/self-assembly.org
+++ b/mindmap/self-assembly.org
@@ -3,7 +3,7 @@
 :END:
 #+title: self-assembly
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 
 * Introduction
 Self assembly is the process by which a system decreases entropy in its surrounding area
diff --git a/mindmap/special relativity.org b/mindmap/special relativity.org
index ffb4cb7..d79dfa0 100644
--- a/mindmap/special relativity.org
+++ b/mindmap/special relativity.org
@@ -3,9 +3,7 @@
 :END:
 #+title: special relativity
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Motivation
diff --git a/mindmap/stack.org b/mindmap/stack.org
index 9f05a5e..c66e3fa 100644
--- a/mindmap/stack.org
+++ b/mindmap/stack.org
@@ -3,7 +3,7 @@
 :END:
 #+title: stack
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+
 * Introduction
 A stack in programming is a data structure that satisfies the following API rules:
 1. Push: puts something on the top of the stack
diff --git a/mindmap/texput.log b/mindmap/texput.log
deleted file mode 100644
index 9f5fcd0..0000000
--- a/mindmap/texput.log
+++ /dev/null
@@ -1,24 +0,0 @@
-This is XeTeX, Version 3.141592653-2.6-0.999995 (TeX Live 2023/nixos.org) (preloaded format=xelatex 1980.1.1)  3 JAN 2025 14:31
-entering extended mode
- restricted \write18 enabled.
- file:line:error style messages enabled.
- %&-line parsing enabled.
-**\nonstopmode\nofiles\PassOptionsToPackage{active,tightpage,auctex}{preview}\AtBeginDocument{\ifx\ifPreview\undefined\RequirePackage[displaymath,textmath,graphics]{preview}[2004/11/05]\fi} \input \detokenize{ "LRC circuit.org.tex" }
-
-! Emergency stop.
-<inserted text>  "LRC circuit.org.tex" 
-                                       
-<*> ...\input \detokenize{ "LRC circuit.org.tex" }
-                                                  
-*** (job aborted, file error in nonstop mode)
-
- 
-Here is how much of TeX's memory you used:
- 19 strings out of 474773
- 380 string characters out of 5739028
- 1917839 words of memory out of 5000000
- 22275 multiletter control sequences out of 15000+600000
- 558069 words of font info for 36 fonts, out of 8000000 for 9000
- 1348 hyphenation exceptions out of 8191
- 13i,0n,22p,268b,10s stack positions out of 10000i,1000n,20000p,200000b,200000s
-No pages of output.
diff --git a/mindmap/vector space.org b/mindmap/vector space.org
index 55f37c8..b28877d 100644
--- a/mindmap/vector space.org
+++ b/mindmap/vector space.org
@@ -4,9 +4,7 @@
 :END:
 #+title: vector space
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
-#+html_head: <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-#+html_head: <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/nix b/nix
-Subproject 7515c347c91b007b9adafcc62066854dfda9c99
+Subproject fa6c2826f9daf7a8dfb5e55793e1b30cc35430e
diff --git a/site.webmanifest b/site.webmanifest
index b20abb7..120f57e 100644
--- a/site.webmanifest
+++ b/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "Ret2pop's Website",
+    "short_name": "ret2pop!",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",
diff --git a/style.css b/style.scss
index 7733d4a..7c5e872 100644
--- a/style.css
+++ b/style.scss
@@ -33,6 +33,24 @@
     src: url('./fonts/CormorantGaramond-MediumItalic.ttf') format('truetype');
 }
 
+@font-face {
+    font-family: 'STIX Two Math';
+    font-style: normal;
+    font-weight: 400;
+    src: url('./fonts/STIXTwoMath-Regular.ttf') format('truetype');
+}
+
+@mixin hide-scrollbar {
+    &::-webkit-scrollbar { display: none; }
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+@mixin horizontal-scroll {
+    display: block !important;
+    overflow-x: auto;
+}
+
 :root {
     --bg-main: #FBF8F1;
     --text-main: #4A3F35;
@@ -47,7 +65,7 @@
 
     --font-serif: "Lora", serif;
     --font-mono: "Inconsolata", monospace;
-    --font-header: "CormorantGaramond";
+    --font-header: "CormorantGaramond", serif;
 }
 
 ::selection {
@@ -123,7 +141,7 @@ figure {
 
 p, li, blockquote, figcaption {
     overflow-wrap: break-word;
-    word-wrap: break-word; /* Legacy fallback */
+    word-wrap: break-word;
     word-break: break-word;
 }
 
@@ -140,7 +158,7 @@ figcaption {
 
 h1, h2, h3 {
     line-height: 1.2;
-    font-family: var(--font-header);
+    font-family: var(--font-header), serif;
 }
 
 h4, h5, h6 {
@@ -278,36 +296,31 @@ table {
     display: block;
     width: 100%;
     overflow-x: auto;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
     border-collapse: collapse; 
     margin: 2rem 0;
 
-    &::-webkit-scrollbar { display: none; }
+    @include hide-scrollbar;
 }
 
-math[display="block"] {
-    display: block !important;
-    min-width: 0 !important;
-    overflow-y: hidden !important;
-    overflow-x: auto !important;
-
-    background: rgba(212, 163, 115, 0.05);
-    padding: 1.5rem;
-    border-left: 2px solid var(--accent);
-    margin: 2rem 0 !important;
+math {
+    display: inline-block;
+    white-space: nowrap;
+    &[display="block"] {
+        font-family: 'STIX Two Math', 'Latin Modern Math', serif;
+        font-size: 1.3em;
+        min-width: 0 !important;
+        overflow-y: hidden !important;
 
-    scrollbar-width: none;
-    -ms-overflow-style: none;
+        & mtable {
+            margin-left: 0 !important;
+            text-align: left !important;
+        }
 
-    &::-webkit-scrollbar { display: none; }
+        & mtd { text-align: left !important; }
 
-    & mtable {
-        margin-left: 0 !important;
-        text-align: left !important;
+        @include hide-scrollbar;
+        @include horizontal-scroll;
     }
-
-    & mtd { text-align: left !important; }
 }
 
 p { margin: 1.2rem 0; }
@@ -338,10 +351,7 @@ li { margin: 0.3rem 0; }
             overflow-x: auto;
             padding: 1.5rem 1rem 1rem 1rem;
             white-space: pre;
-            scrollbar-width: none;
-            -ms-overflow-style: none;
-
-            &::-webkit-scrollbar { display: none; }
+            @include hide-scrollbar;
         }
 
         &::before {
@@ -371,44 +381,30 @@ li { margin: 0.3rem 0; }
     @media (max-width: 1250px) { margin-left: 0; }
 }
 
-.src, .example, mjx-container[jax="CHTML"][display="true"] {
-    scrollbar-width: none; 
-    -ms-overflow-style: none; 
-    overflow-x: auto;
-
-    @media (max-width: 768px) {
-        max-width: 100%;
-        box-sizing: border-box;
-        width: 100%;
-    }
-}
-
-mjx-container[jax="CHTML"] {
-    &[display="true"] {
-        display: block !important;
-        min-width: 0 !important;
-        overflow-y: hidden !important;
-        overflow-x: auto !important;
-
-        background: rgba(212, 163, 115, 0.05);
-        padding: 1.5rem;
-        border-left: 2px solid var(--accent);
-        margin: 2rem 0 !important;
+.equation-container {
+    display: grid;
+    grid-template-columns: 1fr minmax(0, auto) 1fr;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
 
-        &::-webkit-scrollbar { display: none; }
-    }
+    margin: 2rem 0;
+    background: rgba(212, 163, 115, 0.05);
+    padding: 1.5rem;
+    border-left: 2px solid var(--accent);
 
-    &:not([display="true"]) {
-        padding: 0; margin: 0; background: transparent; border: none;
-    }
+    .equation {
+        grid-column: 2;
+        text-align: center;
 
-    & mjx-mtable {
-        margin-left: 0 !important;
-        text-align: left !important;
+        & math[display="block"] { margin: 0 !important; }
+        @include horizontal-scroll;
+        @include hide-scrollbar;
     }
 
-    & mjx-mtd {
-        text-align: left !important;
+    .equation-label {
+        grid-column: 3;
+        justify-self: end;
     }
 }
 
@@ -420,6 +416,13 @@ mjx-container[jax="CHTML"] {
     border-radius: 6px;
     font-size: 0.9rem;
     box-shadow: none;
+    overflow-x: auto;
+
+    @media (max-width: 768px) {
+        max-width: 100%;
+        box-sizing: border-box;
+        width: 100%;
+    }
 
     &::before {
         position: absolute;
@@ -436,7 +439,7 @@ mjx-container[jax="CHTML"] {
         padding: 2px 4px;
     }
 
-    &::-webkit-scrollbar { display: none; }
+    @include hide-scrollbar;
 }
 
 .theorem, .proof {
@@ -537,6 +540,7 @@ header, .title + p, .subtitle + p {
     cursor: pointer;
     border: 2px solid var(--text-main);
     border-radius: 6px;
+
     &:hover {
         background-color: var(--text-main);
         color: white;
@@ -570,12 +574,12 @@ header, .title + p, .subtitle + p {
 }
 
 .title + .subtitle {
-  text-align: center;
-  font-style: italic;
-  padding-bottom: 30px;
-  margin-top: -10px;
-  color: #555;
-  display: block;
+    text-align: center;
+    font-style: italic;
+    padding-bottom: 30px;
+    margin-top: -10px;
+    color: #555;
+    display: block;
 }
 
 .preamble {
@@ -585,6 +589,7 @@ header, .title + p, .subtitle + p {
     letter-spacing: 1px;
     margin-top: 10px;
     color: color-mix(in srgb, var(--text-main) 50%, transparent); 
+
     a {
         color: var(--text-main);
         text-decoration: none;
@@ -623,10 +628,10 @@ header, .title + p, .subtitle + p {
     border: 1px solid color-mix(in srgb, var(--accent) 50%, transparent);
 }
 
-.todo.DONE {
+.done.DONE {
     color: #4f8a10; 
-    background-color: #dff2bf; 
-    border: 1px solid color-mix(in srgb, #4f8a10 50%, transparent);
+    background-color: color-mix(in srgb, var(--accent) 20%, transparent);
+    border: 1px solid color-mix(in srgb, var(--accent) 50%, transparent);
 }
 
 #table-of-contents {
@@ -641,7 +646,6 @@ header, .title + p, .subtitle + p {
     border-right: 1px solid var(--accent);
     overflow-y: auto;
     overflow-x: hidden;
-    scrollbar-width: none;
 
     &::before {
         content: "NAVIGATION";
@@ -713,9 +717,8 @@ header, .title + p, .subtitle + p {
 
     h2 { display: none !important; }
 
-    &::-webkit-scrollbar { display: none; }
-
     @media (max-width: 1250px) { display: none; }
+    @include hide-scrollbar;
 }
 
 #postamble { text-align: center; }