Merge branch 'chore/perfect-css'

108 files changed, 627 insertions, 658 deletions

diff --git a/.gitignore b/.gitignore
index 5d77956..ae58085 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 ./website/**
 ./result/**
+style.css
 result
 .env
 
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..2d87907 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,22 @@ 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-head-include-default-style nil) ; Clear Org's default CSS
+      (org-html-head-include-scripts nil)       ; Clear Org's default JS
+      (org-html-divs '((preamble "header" "preamble")
+                        (content "main" "content")
+                        (postamble "footer" "postamble")))
+      (org-html-head-extra (concat "<meta name=\"theme-color\" content=\"#ffffff\">\n<link rel=\"preload\" href=\"/fonts/Inconsolata-Medium.woff2\" as=\"font\" type=\"font/woff2\" crossorigin>\n<meta name=\"theme-color\" content=\"#ffffff\">\n<link rel=\"preload\" href=\"/fonts/Lora-Medium.woff2\" as=\"font\" type=\"font/woff2\" crossorigin>\n<link rel=\"preload\" href=\"/fonts/CormorantGaramond-Bold.woff2\" as=\"font\" type=\"font/woff2\" crossorigin>\n<link rel=\"preload\" href=\"/fonts/CormorantGaramond-Medium.woff2\" as=\"font\" type=\"font/woff2\" crossorigin>\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"
+                                   "<style>\n"
+                                   (with-temp-buffer (insert-file-contents "~/monorepo/style.css") (buffer-string))
+                                   "\n"
+                                   (with-temp-buffer (insert-file-contents "~/monorepo/syntax.css") (buffer-string))
+                                   "\n</style>"))
+      (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")
@@ -182,7 +198,7 @@ This is my org mode configuration, which also configures latex.
           :html-preamble-format (("en" "<p class=\"preamble\"><a href=\"/index.html\">home</a> | <a href=\"./index.html\">section main page</a></p><hr>")))
          ("website-static"
           :base-directory "~/monorepo"
-          :base-extension "css\\|js\\|png\\|jpg\\|gif\\|pdf\\|mp3\\|ogg\\|swf\\|ico\\|asc\\|pub\\|webmanifest\\|xml\\|svg\\|txt"
+          :base-extension "css\\|js\\|png\\|jpg\\|gif\\|pdf\\|mp3\\|ogg\\|swf\\|ico\\|asc\\|pub\\|webmanifest\\|xml\\|svg\\|txt\\|webp"
           :publishing-directory "~/website_html/"
           :recursive t
           :publishing-function org-publish-attachment)
@@ -192,6 +208,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 +363,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 +776,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..a32c14d 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.
@@ -579,6 +584,13 @@ largely self-documenting.
         description = "Linux timezone";
       };
 
+      ntfySecret = lib.mkOption {
+        type = lib.types.str;
+        default = "ntfy";
+        example = "ntfy-env";
+        description = "Name of Ntfy secret for notification handling";
+      };
+
       monitors = lib.mkOption {
         type = lib.types.listOf lib.types.str;
         default = [
@@ -703,6 +715,7 @@ to relevant places.
           content = (builtins.concatStringsSep "\n" (builtins.map (x: "machine mail.${config.monorepo.vars.orgHost} login ${x}@${config.monorepo.vars.orgHost} password ${config.sops.placeholder."mail_monorepo_password_pi"}") config.monorepo.vars.projects)) + ''
   machine mail.${config.monorepo.vars.orgHost} login discussion@${config.monorepo.vars.orgHost} password ${config.sops.placeholder."mail_monorepo_password_pi"}'';
         };
+
         "matterbridge" = {
           owner = "matterbridge";
           content = ''
@@ -767,15 +780,19 @@ to relevant places.
         znc = {
           format = "yaml";
         };
+
         znc_password_salt = {
           format = "yaml";
         };
+
         znc_password_hash = {
           format = "yaml";
         };
+
         matrix_bridge = {
           format = "yaml";
         };
+
         mail_password = {
           format = "yaml";
           owner = "maddy";
@@ -789,12 +806,15 @@ to relevant places.
         mautrix_env = {
           format = "yaml";
         };
+
         telegram_token = {
           format = "yaml";
         };
+
         discord_token = {
           format = "yaml";
         };
+
         mpd_password = {
           format = "yaml";
           owner = "nginx";
@@ -1580,12 +1600,13 @@ I want to have notifications on my phone, and run my own server to do this.
   let
     serverName = "ntfy.${config.monorepo.vars.remoteHost}";
     port = 2586;
-    ntfySecret = "ntfy";
+    ntfySecret = config.monorepo.vars.ntfySecret;
   in
   {
     sops.secrets."${ntfySecret}" = lib.mkIf config.services.ntfy-sh.enable {
       format = "yaml";
       owner = "ntfy-sh";
+      sopsFile = ../secrets/common_secrets.yaml;
     };
 
     services.ntfy-sh = {
@@ -1668,6 +1689,7 @@ to the outside world under a domain.
       user = "nginx";
       recommendedGzipSettings = true;
       recommendedOptimisation = true;
+      recommendedBrotliSettings = true;
       recommendedTlsSettings = true;
       recommendedProxySettings = false;
       virtualHosts = {
@@ -1677,6 +1699,18 @@ to the outside world under a domain.
           root = "${monorepoSelf.packages.${pkgs.system}.website}";
           addSSL = true;
           enableACME = true;
+          locations."/" = {
+            extraConfig = ''
+        add_header Cache-Control "no-cache, must-revalidate";
+        expires off;
+      '';
+          };
+          locations."~* \\.(?:woff2|ttf|otf|eot|woff|ico|css|js|gif|jpe?g|png|svg|mp3|mp4|iso|webmanifest)$" = {
+            extraConfig = ''
+        add_header Cache-Control "public, max-age=31536000, immutable";
+        access_log off;
+      '';
+          };
         };
 
         # the port comes from ssh tunnelling
@@ -3238,6 +3272,12 @@ These are some secrets that I use regularly for my programs in home.
           format = "yaml";
           path = "${config.sops.defaultSymlinkPath}/dn42";
         };
+
+        ntfy = {
+          format = "yaml";
+          path = "${config.sops.defaultSymlinkPath}/${super.monorepo.vars.ntfySecret}";
+          sopsFile = ../../secrets/common_secrets.yaml;
+        };
       } else {
       };
       defaultSymlinkPath = "/run/user/1000/secrets";
@@ -3371,6 +3411,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
@@ -4886,8 +4927,6 @@ This contains the installation script I use to install my systems.
       };
     };
 
-    users.extraUsers.root.password = "nixos";
-    users.extraUsers.nixos.password = "nixos";
     users.users = {
       root.openssh.authorizedKeys.keys = [
         "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAICts6+MQiMwpA+DfFQxjIN214Jn0pCw/2BDvOzPhR/H2 preston@continuity-dell"
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..8d66f68 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;
@@ -37,10 +40,22 @@
         inherit specialArgs;
       };
 
+      affinity = nixmacs.nixosConfigurations.affinity.extendModules {
+        inherit specialArgs;
+      };
+
       installer-iso = installer.config.system.build.isoImage;
 
       spontaneityHost = spontaneity.config.monorepo.vars.orgHost;
 
+      userName = spontaneity.config.monorepo.vars.userName;
+
+      internetName = spontaneity.config.monorepo.vars.internetName;
+
+      secretsPath = affinity.config.home-manager.users."${userName}".sops.defaultSymlinkPath;
+
+      ntfyFile = affinity.config.monorepo.vars.ntfySecret;
+
       topology = nixmacs.topology.x86_64-linux.config.output;
 
       pre-commit-check = git-hooks.lib.${system}.run {
@@ -69,8 +84,12 @@ if [ -d "$RESULT_PATH" ]; then
     --verbose \
     --no-progress \
     "$RESULT_PATH/**/*.html"
+
+    curl -H "Priority: max" -u "${internetName}:$(grep ADMIN_PASSWORD "${secretsPath}/${ntfyFile}" | cut -d "\"" -f 2)" -d "CI checks done!" https://ntfy.ret2pop.net/ci-build
 else
   echo "Website build failed, skipping lychee."
+
+  curl -H "Priority: max" -u "${internetName}:$(grep ADMIN_PASSWORD "${secretsPath}/${ntfyFile}" | cut -d "\"" -f 2)" -d "CI checks failed!" https://ntfy.ret2pop.net/ci-build
   exit 1
 fi
 ''}";
@@ -138,6 +157,12 @@ fi
           pkgs.jq
           pkgs.lora
           pkgs.inconsolata
+          pkgs.stix-two
+          pkgs.pandoc
+          pkgs.rsass
+          pkgs.minify
+          pkgs.woff2
+
           (pkgs.texlive.combine {
             inherit (pkgs.texlive)
               scheme-full
@@ -160,6 +185,8 @@ mkdir -p $HOME/monorepo
 cp -a . $HOME/monorepo/
 cd $HOME/monorepo
 mkdir -p mindmap/img
+rsass style.scss | minify --type=css > style.css
+minify --type=css -o syntax.css syntax.css
 
 cat <<EOF > $TMPDIR/policy.xml
 <policymap>
@@ -196,26 +223,24 @@ 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)
+  --eval '(org-publish-all t)' \
+  --eval '(org-publish-all nil)' || (echo "FAIL:" && cat /build/*.log && exit 1)
 
 echo "Setting up Graph View..."
 ${publish-org-roam-ui.packages.${system}.default}/bin/build-org-roam-graph \
@@ -229,10 +254,18 @@ 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/
 
+for font in $out/fonts/*.ttf; do
+   woff2_compress "$font"
+   rm "$font"
+done
+
 cp -r $HOME/website_html/. $out/
 cp ${topology}/main.svg $out/img/topology.svg
 cp ${installer-iso}/iso/*.iso $out/installer.iso
@@ -263,12 +296,15 @@ ${pre-commit-check.shellHook}
 git config branch.main.mergeoptions "--no-ff"
 alias gprune='git branch --merged | grep -v -E "^\*|main|master|dev" | xargs -r git branch -d'
 alias serve='cd result; python3 -m http.server 10005'
+alias build='nix build .#website && curl -H "Priority: max" -u "${internetName}:$(grep ADMIN_PASSWORD "${secretsPath}/${ntfyFile}" | cut -d "\"" -f 2)" -d "Website build done!" https://ntfy.ret2pop.net/ci-build'
 '';
           buildInputs = [
             deadnix
             lychee
             python3
             miniserve
+            rsass
+            imagemagickBig
           ];
         };
       };
diff --git a/img/bitcoin.png b/img/bitcoin.png
deleted file mode 100644
index 55deae5..0000000
--- a/img/bitcoin.png
+++ /dev/null
diff --git a/img/bitcoin.webp b/img/bitcoin.webp
new file mode 100644
index 0000000..d2d4918
--- /dev/null
+++ b/img/bitcoin.webp
diff --git a/img/churchill.png b/img/churchill.png
deleted file mode 100644
index 23003ad..0000000
--- a/img/churchill.png
+++ /dev/null
diff --git a/img/churchill.webp b/img/churchill.webp
new file mode 100644
index 0000000..73c21c4
--- /dev/null
+++ b/img/churchill.webp
diff --git a/img/drawing-old.png b/img/drawing-old.png
deleted file mode 100644
index d2907a4..0000000
--- a/img/drawing-old.png
+++ /dev/null
diff --git a/img/drawing.png b/img/drawing.png
deleted file mode 100644
index 2629939..0000000
--- a/img/drawing.png
+++ /dev/null
diff --git a/img/eth.png b/img/eth.png
deleted file mode 100644
index b1b7c62..0000000
--- a/img/eth.png
+++ /dev/null
diff --git a/img/eth.webp b/img/eth.webp
new file mode 100644
index 0000000..bb6a089
--- /dev/null
+++ b/img/eth.webp
diff --git a/img/logo.webp b/img/logo.webp
new file mode 100644
index 0000000..51f2b1e
--- /dev/null
+++ b/img/logo.webp
diff --git a/img/monero.png b/img/monero.png
deleted file mode 100644
index 761f75c..0000000
--- a/img/monero.png
+++ /dev/null
diff --git a/img/monero.webp b/img/monero.webp
new file mode 100644
index 0000000..38be19c
--- /dev/null
+++ b/img/monero.webp
diff --git a/img/relativity1.jpg b/img/relativity1.jpg
deleted file mode 100644
index e3b0a82..0000000
--- a/img/relativity1.jpg
+++ /dev/null
diff --git a/img/relativity1.webp b/img/relativity1.webp
new file mode 100644
index 0000000..8432d3d
--- /dev/null
+++ b/img/relativity1.webp
diff --git a/img/relativity2.jpg b/img/relativity2.jpg
deleted file mode 100644
index 3455404..0000000
--- a/img/relativity2.jpg
+++ /dev/null
diff --git a/img/relativity2.webp b/img/relativity2.webp
new file mode 100644
index 0000000..8df2d7c
--- /dev/null
+++ b/img/relativity2.webp
diff --git a/index.org b/index.org
index e521e29..d844efe 100644
--- a/index.org
+++ b/index.org
@@ -2,21 +2,14 @@
 #+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
+#+HTML_HEAD: <link rel="preload" fetchpriority="high" as="image" href="/img/logo.webp" type="image/webp">
 
-#+attr_html: :width 50%
+#+attr_html: :width 595 :height 746
 #+caption: All Hope Abandon, Ye Who Enter Here
-[[./img/drawing-old.png]]
+[[./img/logo.webp]]
 
 Hello! I'm a person on the internet that does things, such as:
 - Music
@@ -71,12 +64,10 @@ It's meant to be a general purpose mailing list as well as a collaborative space
 Who is the man behind ret2pop? How do you contact him? So many mysteries await…
 ** About this Website
 I wrote this website in org mode. For more information, see the [[file:README.org][README]]. Here is how I upload my
-website:
+website (with my nix config):
 #+begin_src shell :exports code :results silent
-git add .
-rsync -azvP --chmod="Du=rwx,Dg=rx,Do=rx,Fu=rw,Fg=r,Fo=r" ~/website_html/ root@nullring.xyz:/usr/share/nginx/ret2pop/
+  remote-build preston@nullring.xyz
 #+end_src
-Then I run magit after.
 * Donate
 If you like anything that I do, donate! But [[file:blog/crypto.org][should you use cryptocurrency]]? Should
 it be used as a means of exchange? Probably not, but it's cool and free for me to do so here you go.
@@ -84,14 +75,16 @@ Alternatively for all of these addresses, you can use ~ret2pop.eth~, if you can
 ** XMR
 An anonymous form of ecash, the only one out of these that is actually being used for the purpose
 of currency (on the dark web):
-[[./img/monero.png]]
+#+attr_html: :width 240 :height 240
+[[./img/monero.webp]]
 #+begin_example
 88DQVgiowjJLwsHfTaNjNgJ9Wu4Pw9msie89M2fMrTVJeDEnzqwYMQjX9nAnEDegWrU9LsJdNYp5EKkzxT73DuD6EGa9eWf
 #+end_example
 ** ETH (And associated tokens)
 Utility in the form of smart contracts (which are perhaps useful for something important in the future),
 with first mover advantage in this regard:
-[[./img/eth.png]]
+#+attr_html: :width 147 :height 147
+[[./img/eth.webp]]
 #+begin_example
 0x135Ed80afB7Cd06E494e5Bb737Da8D4B23153480
 #+end_example
@@ -99,7 +92,8 @@ Note that this includes subprojects such as LINK which I find to have some value
 ** BTC
 The standard, and probably will continue to be used as a prediction market/speculative asset for the
 efficacy of other cryptocurrencies:
-[[./img/bitcoin.png]]
+#+attr_html: :width 147 :height 147
+[[./img/bitcoin.webp]]
 #+begin_example
 bc1qaymk2ky8unwq7jdydjw6y9a5xr9z60mkds9ttq
 #+end_example
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..f685940 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
@@ -39,6 +38,7 @@ another circuit diagram will include a possibly variable voltage source.
 #+end_export
 
 #+CAPTION: LRC Circuit without voltage source
+#+attr_html: :width 400 :height 310
 [[./lrc_circuit.png]]
 
 * Mass-Spring Equation Equivalence
@@ -115,6 +115,7 @@ Here is the circuit diagram for the LRC circuit with a voltage source:
 #+end_export
 
 #+CAPTION: LRC Circuit
+#+attr_html: :width 400 :height 319
 [[./lrc_circuit_source.png]]
 This new [[id:4be41e2e-52b9-4cd1-ac4c-7ecb57106692][differential equation]] looks like this:
 \begin{align*}
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..d187b2f 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>
+#+description: The beginning of understanding.
 #+options: broken-links:t
 
 * Derivation
diff --git a/mindmap/differential equation.org b/mindmap/differential equation.org
index c509da0..756bf68 100644
--- a/mindmap/differential equation.org
+++ b/mindmap/differential equation.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Do you want to model everything?
+
 #+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..42bec9c 100644
--- a/mindmap/dirac delta.org
+++ b/mindmap/dirac delta.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Essential in the theory of distributions.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/divergence theorem.org b/mindmap/divergence theorem.org
index b2c6660..c50d7b9 100644
--- a/mindmap/divergence theorem.org
+++ b/mindmap/divergence theorem.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Stokes' the flame.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/duality.org b/mindmap/duality.org
index c18db08..f3267bf 100644
--- a/mindmap/duality.org
+++ b/mindmap/duality.org
@@ -3,7 +3,8 @@
 :END:
 #+title: duality
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+#+description: Are you two?
+
 #+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..52c9efb 100644
--- a/mindmap/egoism.org
+++ b/mindmap/egoism.org
@@ -3,9 +3,8 @@
 :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>
+#+description: I am the leopard eating your face.
+
 #+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..4be25ef 100644
--- a/mindmap/electrostatics.org
+++ b/mindmap/electrostatics.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Let's start with the simple stuff.
+
 #+options: broken-links:t
 
 * What is Electricity?
diff --git a/mindmap/emergence.org b/mindmap/emergence.org
index 95fd832..26610d5 100644
--- a/mindmap/emergence.org
+++ b/mindmap/emergence.org
@@ -3,9 +3,8 @@
 :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>
+#+description: there's a lot of layers to this.
+
 #+options: broken-links:t
 
 * Emergence systems are…
diff --git a/mindmap/everything.org b/mindmap/everything.org
index b33f754..d014c27 100644
--- a/mindmap/everything.org
+++ b/mindmap/everything.org
@@ -3,7 +3,8 @@
 :END:
 #+title: everything
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+#+description: It's all on this page!
+
 #+date: <2023-06-10 Sat>
 
 * Everything?
diff --git a/mindmap/factorial.org b/mindmap/factorial.org
index 0f00101..63a3d67 100644
--- a/mindmap/factorial.org
+++ b/mindmap/factorial.org
@@ -3,8 +3,9 @@
 :END:
 #+title: factorial
 #+author: Preston Pan
+#+description: combinatorial combinations of combining other combinations.
 #+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..be002da 100644
--- a/mindmap/framework.org
+++ b/mindmap/framework.org
@@ -4,9 +4,8 @@
 :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>
+#+description: But isn't this just another framework? Nooooo...
+
 #+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..5ed1efb 100644
--- a/mindmap/function.org
+++ b/mindmap/function.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Not the best explanation, but it functions.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/group.org b/mindmap/group.org
index fb24bf8..389f67d 100644
--- a/mindmap/group.org
+++ b/mindmap/group.org
@@ -3,9 +3,8 @@
 :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>
+#+description: "Get into groups of three, class"
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/index.org b/mindmap/index.org
index ab3c1d9..6c46596 100644
--- a/mindmap/index.org
+++ b/mindmap/index.org
@@ -2,7 +2,7 @@
 #+title: Mindmap
 #+author: Preston Pan
 #+date: <2023-06-10 Sat>
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+#+description: A tool for knowing everything.
 
 * 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..cf2adcf 100644
--- a/mindmap/induction.org
+++ b/mindmap/induction.org
@@ -3,8 +3,9 @@
 :END:
 #+title: induction
 #+author: Preston Pan
+#+description: I can tell you what induction is, when I have a definition for all the other words.
 #+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..8208105 100644
--- a/mindmap/infinity.org
+++ b/mindmap/infinity.org
@@ -3,9 +3,8 @@
 :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>
+#+description: What crypto bros think their ponzi will be worth.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/inheritance.org b/mindmap/inheritance.org
index dc3f21d..aff1c92 100644
--- a/mindmap/inheritance.org
+++ b/mindmap/inheritance.org
@@ -3,9 +3,8 @@
 :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>
+#+description: No, not the thing I stole from your grandmother.
+
 #+options: broken-links:t
 
 * Definition
diff --git a/mindmap/inner product space.org b/mindmap/inner product space.org
index e9448a0..0491b9d 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>
+#+description: It need not be complete, without Hilbert.
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/interpreter.org b/mindmap/interpreter.org
index 4181fd5..e34bba5 100644
--- a/mindmap/interpreter.org
+++ b/mindmap/interpreter.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Computers understanding language.
+
 #+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..27531a2 100644
--- a/mindmap/limit.org
+++ b/mindmap/limit.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Pushing math to its limit
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/logic.org b/mindmap/logic.org
index 1de226b..c37e868 100644
--- a/mindmap/logic.org
+++ b/mindmap/logic.org
@@ -3,9 +3,8 @@
 :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>
+#+description: A logical explanation of logic.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/lrc_circuit.png b/mindmap/lrc_circuit.png
new file mode 100644
index 0000000..a1790f0
--- /dev/null
+++ b/mindmap/lrc_circuit.png
diff --git a/mindmap/magnetostatics.org b/mindmap/magnetostatics.org
index dd9d172..14295d4 100644
--- a/mindmap/magnetostatics.org
+++ b/mindmap/magnetostatics.org
@@ -3,9 +3,8 @@
 :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>
+#+description: A simple model of magnetism.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/mathematics.org b/mindmap/mathematics.org
index 3a5e1ec..fcdf109 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" />
+#+description: Building frameworks for studying frameworks.
 
 * 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..2609691 100644
--- a/mindmap/metric space.org
+++ b/mindmap/metric space.org
@@ -4,9 +4,8 @@
 :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>
+#+description: The basis of modern analysis.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/natural number.org b/mindmap/natural number.org
index 8b3f31a..8eadefb 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>
+#+description: How hard could counting be?
 
 * 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..ef917fb 100644
--- a/mindmap/normed vector space.org
+++ b/mindmap/normed vector space.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Length matters!
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/mindmap/partial derivative.org b/mindmap/partial derivative.org
index 54ab922..9dd2cca 100644
--- a/mindmap/partial derivative.org
+++ b/mindmap/partial derivative.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Let's take a slice of a larger pie.
+
 #+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..edbc0d7 100644
--- a/mindmap/quantum mechanics.org
+++ b/mindmap/quantum mechanics.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Everything is a spectral decomposition problem.
+
 #+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..e221ac5 100644
--- a/mindmap/recursion.org
+++ b/mindmap/recursion.org
@@ -3,12 +3,9 @@
 :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.
+
+#+OPTIONS: broken-links:t
 * Recursion is Recursion
 Exactly as I say in the title.
 ** but what is recursion?
diff --git a/mindmap/self-assembly.org b/mindmap/self-assembly.org
index 110c085..d736430 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" />
+#+description: This article speaks for itself.
 
 * 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..aca50de 100644
--- a/mindmap/special relativity.org
+++ b/mindmap/special relativity.org
@@ -3,9 +3,8 @@
 :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>
+#+description: Where are you, but also at what time?
+
 #+options: broken-links:t
 
 * Motivation
@@ -33,15 +32,15 @@ no information can either; light in this case can be replaced with something els
 once the light reaches the roof from the floor, where this distance is $d$ meters, $\frac{d}{c}$ seconds will have passed for Bob.
 
 #+caption: A very scientifically accurate drawing of the situation
-#+attr_html: :width 300px
-[[../img/relativity1.jpg]]
+#+attr_html: :width 1800 :height 1800
+[[../img/relativity1.webp]]
 
 Now this image is from Bob's perspective; when we switch to Alice's perspective, we gain a new insight; that /light has to travel the same speed for her/, but
 it has a larger distance to travel because of the train's velocity.
 
 #+caption: Light ray from Alice's perspective
-#+attr_html: :width 300px
-[[../img/relativity2.jpg]]
+#+attr_html: :width 1800 :height 1800
+[[../img/relativity2.webp]]
 
 from this diagram, we can gather that the amount of time it takes for light to reach the roof will be longer.
 Also, we can see that if Alice believes in Bob's clock, her time would be:
diff --git a/mindmap/stack.org b/mindmap/stack.org
index 9f05a5e..a4878f4 100644
--- a/mindmap/stack.org
+++ b/mindmap/stack.org
@@ -3,7 +3,8 @@
 :END:
 #+title: stack
 #+author: Preston Pan
-#+html_head: <link rel="stylesheet" type="text/css" href="../style.css" />
+#+description: pop; ret
+
 * 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..b58dbf1 100644
--- a/mindmap/vector space.org
+++ b/mindmap/vector space.org
@@ -4,9 +4,8 @@
 :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>
+#+description: Everything is a vector space. If it isn't just igore it.
+
 #+options: broken-links:t
 
 * Introduction
diff --git a/nix b/nix
-Subproject 7515c347c91b007b9adafcc62066854dfda9c99
+Subproject 7e0ff1661d94a061d0ad6db72803d211f9df463
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 88760b4..db04896 100644
--- a/style.css
+++ b/style.scss
@@ -2,35 +2,59 @@
     font-family: 'Lora';
     font-style: normal;
     font-weight: 500;
-    src: url('./fonts/Lora-Medium.ttf') format('truetype');
+    src: url('/fonts/Lora-Medium.woff2') format('woff2');
+    font-display: swap;
 }
 
 @font-face {
     font-family: 'Inconsolata';
     font-style: normal;
     font-weight: 400;
-    src: url('./fonts/Inconsolata-Regular.ttf') format('truetype');
+    src: url('/fonts/Inconsolata-Regular.woff2') format('woff2');
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'STIX Two Math';
+    font-style: normal;
+    font-weight: 400;
+    src: url('/fonts/STIXTwoMath-Regular.woff2') format('woff2');
+    font-display: swap;
 }
 
 @font-face {
     font-family: 'CormorantGaramond';
     font-style: normal;
     font-weight: 600;
-    src: url('./fonts/CormorantGaramond-Medium.ttf') format('truetype');
+    src: url('/fonts/CormorantGaramond-Medium.woff2') format('woff2');
+    font-display: swap;
 }
 
 @font-face {
     font-family: 'CormorantGaramond';
     font-style: normal;
     font-weight: 700;
-    src: url('./fonts/CormorantGaramond-Bold.ttf') format('truetype');
+    src: url('/fonts/CormorantGaramond-Bold.woff2') format('woff2');
+    font-display: swap;
 }
 
 @font-face {
     font-family: 'CormorantGaramond';
     font-style: italic;
     font-weight: 500;
-    src: url('./fonts/CormorantGaramond-MediumItalic.ttf') format('truetype');
+    src: url('/fonts/CormorantGaramond-MediumItalic.woff2') format('woff2');
+    font-display: swap;
+}
+
+@mixin hide-scrollbar {
+    &::-webkit-scrollbar { display: none; }
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+@mixin horizontal-scroll {
+    display: block !important;
+    overflow-x: auto;
 }
 
 :root {
@@ -47,7 +71,7 @@
 
     --font-serif: "Lora", serif;
     --font-mono: "Inconsolata", monospace;
-    --font-header: "CormorantGaramond";
+    --font-header: "CormorantGaramond", serif;
 }
 
 ::selection {
@@ -55,93 +79,35 @@
     background: #ff4081;
 }
 
-:not(pre) > code {
-    font-family: var(--font-mono), monospace;
-    background: var(--code-bg);
-    color: var(--code-text);
-    padding: 0.15em 0.4em;
-    border-radius: 4px;
-    font-size: 0.85em;
-    white-space: nowrap; /* Keeps small code snippets from breaking across lines */
-}
+*, *::before, *::after { box-sizing: border-box; }
 
 body {
     background:
         radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px),
         var(--bg-main);
-    max-width: 65ch;
-    line-height: 1.75;
     background-size: 6px 6px;
-    margin: 40px auto;
-    font-size: 16px;
+    margin: 0;
+    padding: 0;
+    padding-left: 250px;
+    
     color: var(--text-main);
-    padding: 0 10px;
-
-    /* fonts */
+    font-family: var(--font-serif), serif;
     font-size: 18px;
-    font-family: var(--font-serif);
+    line-height: 1.75;
     font-weight: 500;
     font-variant-ligatures: common-ligatures;
     -webkit-font-smoothing: antialiased;
 
-    @media (max-width: 1250px) {
-        margin: 20px auto;
-        font-size: 20px;
-    }
-
-    @media (max-width: 768px) {
-        max-width: 100%;
-        padding: 0 15px;
-        box-sizing: border-box;
-    }
-}
-
-input {
-    padding: 10px 16px;
-    margin: 2px 0;
-    box-sizing: border-box;
-    border: 2px solid #dabebe;
-    border-radius: 6px;
-    background: var(--bg-main);
-    color: var(--text-main);
-    font-size: 16px;
-    -webkit-transition: 0.5s;
-    transition: 0.5s;
-    outline: none;
-
-    &:focus { border: 2px solid var(--text-main); }
-}
-
-figure {
-    margin: 2rem auto;
-    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center; 
+    min-height: 100vh;
 }
 
-figcaption {
-    font-size: 0.9rem;
-    color: color-mix(in srgb, var(--text-main) 80%, gray);
-    margin-top: 0.5rem;
-}
-
-p, ul, ol {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-}
-
-h1, h2, h3 {
-    line-height: 1.2;
-    font-family: var(--font-header);
-}
-
-h4, h5, h6 {
-    font-family: var(--font-mono);
-    line-height: 1.3;
-    margin-top: 1.5rem;
-    margin-bottom: 0.5rem;
-}
+h1, h2, h3 { line-height: 1.2; font-family: var(--font-header), serif; }
+h4, h5, h6 { font-family: var(--font-mono), monospace; line-height: 1.3; margin-top: 1.5rem; margin-bottom: 0.5rem; }
 
 h1, h2 {
-    border-bottom: 1px solid var(--border-color);
     padding-bottom: 8px;
     margin-top: 2.5rem;
     letter-spacing: -0.01em;
@@ -155,62 +121,50 @@ h1 {
     font-weight: 600;
     letter-spacing: 0;
     line-height: 1.3;
-    -webkit-font-smoothing: antialiased;
-
-    @media (max-width: 1250px) { font-size: 1.8rem; }
-}
-
-h2 {
-    font-size: 1.6rem;
-    margin-top: 2.5rem;
-    margin-bottom: 0.6rem;
-
-    @media (max-width: 1250px) { font-size: 18px; }
-    @media (max-width: 768px) { font-size: 1.5rem; }
 }
 
-h3 {
-    font-size: 1.25rem;
-    font-weight: 700;
-    margin-top: 2rem;
-    margin-bottom: 0.4rem;
-    letter-spacing: 0.02em;
-}
+h2 { font-size: 1.6rem; margin-top: 2.5rem; margin-bottom: 0.6rem; }
+h3 { font-size: 1.25rem; font-weight: 700; margin-top: 2rem; margin-bottom: 0.4rem; letter-spacing: 0.02em; }
+h4 { font-size: 1.1rem; font-weight: 700; color: var(--text-main); }
+h5 { font-size: 1rem; font-weight: 700; color: var(--link-color); }
+h6 { font-size: 0.85rem; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: color-mix(in srgb, var(--text-main) 60%, transparent); }
 
-h4 {
-    font-size: 1.1rem;
-    font-weight: 700; 
-    color: var(--text-main);
-}
+p, ul, ol { margin-top: 1rem; margin-bottom: 1rem; }
+p { margin: 1.2rem 0; }
+li { margin: 0.3rem 0; }
 
-h5 {
-    font-size: 1rem;
-    font-weight: 700;
+a {
+    cursor: pointer;
     color: var(--link-color);
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 4px;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+        color: color-mix(in srgb, var(--link-color) 80%, black); 
+        text-decoration-thickness: 4px;
+    }
 }
 
-h6 {
-    font-size: 0.85rem;
-    font-weight: 400;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    color: color-mix(in srgb, var(--text-main) 60%, transparent); 
+figure {
+    margin: 2rem auto;
+    text-align: center;
 }
 
-img, blockquote {
-    @media (max-width: 768px) {
-        max-width: 100%;
-        box-sizing: border-box;
-    }
+figcaption {
+    font-family: var(--text-serif);
+    font-size: 0.9rem;
+    color: color-mix(in srgb, var(--text-main) 80%, gray);
+    margin-top: 0.5rem;
 }
 
 img {
     border-radius: 10px;
-    text-align: center;
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
     display: block;
+    margin: 2rem auto;
+    max-width: 50%;
+    width: auto;
+    height: auto;
 }
 
 blockquote {
@@ -235,217 +189,121 @@ blockquote {
         top: -20px;
         opacity: 0.5;
     }
-
-    &::after { content: ''; }
-
-    @media (max-width: 768px) {
-        padding: 1em 15px 1em 40px; 
-        width: 100%;
-    }
-}
-
-pre {
-    font-family: var(--font-mono), monospace;
-    &.src-stem::before { content: "Stem"; }
-}
-
-a {
-    cursor: pointer;
-    color: var(--link-color);
-    text-decoration: underline;
-    text-decoration-thickness: 2px;
-    text-underline-offset: 4px;
-    transition: all 0.2s ease-in-out;
-    
-    &:hover {
-        color: color-mix(in srgb, var(--link-color) 80%, black); 
-        text-decoration-thickness: 4px;
-    }
 }
 
-p { margin: 1.2rem 0; }
-
-li { margin: 0.3rem 0; }
-
-.org-svg {
-    width: 100%;
-    max-width: none;
+input {
+    padding: 10px 16px;
+    margin: 2px 0;
+    border: 2px solid #dabebe;
+    border-radius: 6px;
+    background: var(--bg-main);
+    color: var(--text-main);
+    font-size: 16px;
+    transition: 0.5s;
+    outline: none;
+    &:focus { border: 2px solid var(--text-main); }
 }
 
-.org-src-container {
-    position: relative;
-    margin: 1.2em 0;
-    
-    pre.src {
-        position: relative !important;
-        overflow: visible !important; 
-        background: var(--code-bg);
-        border-radius: 6px;
-        margin: 0 !important;
-        padding: 0 !important;
-        border: none !important;
+math {
+    display: inline-block;
+    white-space: nowrap;
 
-        & > code {
-            display: block;
-            overflow-x: auto;
-            padding: 1.5rem 1rem 1rem 1rem;
-            white-space: pre;
-            scrollbar-width: none;
-            -ms-overflow-style: none;
+    &[display="block"] {
+        font-family: 'STIX Two Math', 'Latin Modern Math', serif;
+        font-size: 1.3em;
+        min-width: 0 !important;
+        overflow-y: hidden !important;
 
-            &::-webkit-scrollbar { display: none; }
+        & mtable {
+            margin-left: 0 !important;
+            text-align: left !important;
         }
 
-        &::before {
-            content: attr(data-language);
-            display: block !important;
-            position: absolute !important;
-            top: 0.5rem;
-            right: 0.5rem;
-            z-index: 20;
-            
-            font-family: var(--font-mono), monospace;
-            font-size: 0.7rem;
-            color: var(--code-text);
-            background: var(--code-bg);
-            padding: 2px 8px;
-            border-radius: 4px;
-            opacity: 0.6;
-            pointer-events: none;
-        }
+        & mtd { text-align: left !important; }
+
+        @include hide-scrollbar;
+        @include horizontal-scroll;
     }
 }
 
-.content {
-    margin-left: 280px;
-    padding: 0px 10px;
 
-    @media (max-width: 1250px) { margin-left: 0; }
+.button {
+    background-color: var(--bg-main);
+    border: none;
+    color: black;
+    padding: 6px 14px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    transition-duration: 0.4s;
+    cursor: pointer;
+    border: 2px solid var(--text-main);
+    border-radius: 6px;
+    &:hover { background-color: var(--text-main); color: white; }
 }
 
-.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%;
-    }
+header, .title + p, .subtitle + p {
+    margin-bottom: 3rem;
+    padding-bottom: 1rem;
 }
 
-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;
-
-        &::-webkit-scrollbar { display: none; }
-    }
-
-    &:not([display="true"]) {
-        padding: 0; margin: 0; background: transparent; border: none;
-    }
-
-    & mjx-mtable {
-        margin-left: 0 !important;
-        text-align: left !important;
-    }
-
-    & mjx-mtd {
-        text-align: left !important;
-    }
+#preamble {
+    padding-bottom: 0 !important;
 }
 
-.src, .example {
-    position: relative;
-    background: var(--code-bg);
-    color: var(--code-text);
-    padding: 1rem;
-    border-radius: 6px;
-    font-size: 0.9rem;
-    box-shadow: none;
-
-    &::before {
-        position: absolute;
-        top: 0.5rem;
-        right: 0.5rem;
-        float: right;
-        z-index: 10;
-        font-family: var(--font-mono), monospace;
-        font-size: 0.7rem;
-        opacity: 0.5;
-        pointer-events: none;
-
-        background: var(--code-bg); 
-        padding: 2px 4px;
-    }
-
-    &::-webkit-scrollbar { display: none; }
+#preamble hr {
+    margin-bottom: 0 !important; 
 }
 
-.theorem, .proof {
-    display: block;
-    margin-left: 10px;
-    font-style: normal;
-    background: color-mix(in srgb, var(--accent) 8%, transparent);
-    border-left: 3px solid var(--accent);
-    padding: 1rem 1.3rem;
-    margin: 2rem 0;
-    &::before {
-        float: left;
-        font-weight: bold;
-    }
+#content {
+    padding-top: 0 !important;
 }
 
-.theorem {
-    margin-bottom:20px;
-    &::before { content:"Theorem.\00a0\00a0"; }
+h1.title {
+    padding-top: 1.5rem !important; 
 }
 
-.proof {
-    margin-bottom:30px;
-
-    &::after {
-        content: "\25FC";
-        float: right;
-    }
-
-    &::before { content:'Proof.\00a0\00a0'; }
+#preamble + hr, header + hr {
+    display: none !important;
 }
 
-.links-page > ul {
-    columns: 2;
-    -webkit-columns: 2;
-    -moz-columns: 2;
+#preamble, header {
+    padding-bottom: 0 !important;
 }
 
-header, .title + p, .subtitle + p {
-    margin-bottom: 3rem;
-    border-bottom: 1px double var(--accent);
-    padding-bottom: 1rem;
+h1.title {
+    margin-top: 0.5rem; /* Reduced from 3rem */
 }
 
 .title {
     font-size: 2.6rem;
     margin-bottom: 0.5rem;
+    text-align: center;
 }
 
 .subtitle {
-    font-size: 1.2rem;
-    color: color-mix(in srgb, var(--text-main) 70%, gray);
+    display: block;
+    font-size: 1.2rem; 
+    text-align: center;
+    font-style: italic;
+    margin-top: 0.5rem;
+    font-family: var(--font-header), serif;
+}
+
+.title + .subtitle {
+    text-align: center;
+    font-style: italic;
+    padding-bottom: 30px;
+    margin-top: -10px;
+    color: #555;
+    display: block;
 }
 
 .author, .date {
     display: inline;
-    font-family: var(--font-serif);
+    font-family: var(--font-serif), serif;
     font-style: italic;
     font-size: 1.1rem;
     color: color-mix(in srgb, var(--text-main) 70%, gray);
@@ -454,83 +312,26 @@ header, .title + p, .subtitle + p {
 .author {
     &::before {
         content: "by ";
-        font-family: var(--font-mono);
+        font-family: var(--font-mono), monospace;
         font-style: normal;
         font-weight: bold;
         text-transform: uppercase;
         font-size: 0.8rem;
         letter-spacing: 1px;
         margin-right: 4px;
+        text-align: center;
     } 
-
-    &:not(:last-child)::after {
-        content: ", ";
-        font-style: normal;
-    }
-}
-
-.button {
-    background-color: var(--bg-main);
-    border: none;
-    color: black;
-    padding: 6px 14px;
-    text-align: center;
-    text-decoration: none;
-    display: inline-block;
-    font-size: 16px;
-    margin: 4px 2px;
-    transition-duration: 0.4s;
-    cursor: pointer;
-    border: 2px solid var(--text-main);
-    border-radius: 6px;
-    &:hover {
-        background-color: var(--text-main);
-        color: white;
-    }
-}
-
-.isa_info, .isa_success, .isa_warning, .isa_error {
-    width: 90%;
-    margin: 10px 0px;
-    padding: 12px;
-}
-
-.isa_info {
-    color: #00529b;
-    background-color: #bde5f8;
-}
-
-.isa_success {
-    color: #4f8a10;
-    background-color: #dff2bf;
-}
-
-.isa_warning {
-    color: #9f6000;
-    background-color: #feefb3;
-}
-
-.isa_error {
-    color: #d8000c;
-    background-color: #ffd2d2;
-}
-
-.title + .subtitle {
-  text-align: center;
-  font-style: italic;
-  padding-bottom: 30px;
-  margin-top: -10px;
-  color: #555;
-  display: block;
+    &:not(:last-child)::after { content: ", "; font-style: normal; }
 }
 
 .preamble {
-    font-family: var(--font-mono);
+    font-family: var(--font-mono), monospace;
     font-size: 0.85rem;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: 10px;
     color: color-mix(in srgb, var(--text-main) 50%, transparent); 
+    
     a {
         color: var(--text-main);
         text-decoration: none;
@@ -547,13 +348,16 @@ header, .title + p, .subtitle + p {
         border: none;
         height: 1px;
         background: linear-gradient(to right, var(--accent), transparent);
-        margin-bottom: 2.5rem;
+        margin-bottom: 0rem;
         opacity: 0.5;
+
+        width: 100%;
+        max-width: 85ch;
     }
 }
 
-.todo {
-    font-family: var(--font-mono);
+.todo, .done {
+    font-family: var(--font-mono), monospace;
     font-size: 0.75em;
     font-weight: bold;
     letter-spacing: 1px;
@@ -563,16 +367,179 @@ header, .title + p, .subtitle + p {
     margin-right: 6px;
 }
 
-.todo.TODO {
-    color: var(--link-color);
-    background-color: color-mix(in srgb, var(--accent) 20%, transparent);
-    border: 1px solid color-mix(in srgb, var(--accent) 50%, transparent);
+.todo.TODO { 
+    color: #5c3a21; 
+    background-color: color-mix(in srgb, var(--accent) 30%, var(--bg-main)); 
+    border: 1px solid var(--accent); 
+}
+
+.done.DONE { 
+    color: #2a3b24; 
+    background-color: #e4e7d3; 
+    border: 1px solid #8f9e76; 
+}
+
+.isa_info, .isa_success, .isa_warning, .isa_error { width: 90%; margin: 10px 0px; padding: 12px; }
+.isa_info { color: #00529b; background-color: #bde5f8; }
+.isa_success { color: #4f8a10; background-color: #dff2bf; }
+.isa_warning { color: #9f6000; background-color: #feefb3; }
+.isa_error { color: #d8000c; background-color: #ffd2d2; }
+
+.theorem, .proof {
+    display: block;
+    margin-left: 10px;
+    font-style: normal;
+    background: color-mix(in srgb, var(--accent) 8%, transparent);
+    border-left: 3px solid var(--accent);
+    padding: 1rem 1.3rem;
+    margin: 2rem 0;
+    &::before { float: left; font-weight: bold; }
 }
 
-.todo.DONE {
-    color: #4f8a10; 
-    background-color: #dff2bf; 
-    border: 1px solid color-mix(in srgb, #4f8a10 50%, transparent);
+.theorem { margin-bottom: 20px; &::before { content: "Theorem.\00a0\00a0"; } }
+.proof { margin-bottom: 30px; &::after { content: "\25FC"; float: right; } &::before { content: 'Proof.\00a0\00a0'; } }
+
+.links-page > ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
+
+:not(pre) > code {
+    font-family: var(--font-mono), monospace;
+    background: var(--code-bg);
+    color: var(--code-text);
+    padding: 0.15em 0.4em;
+    border-radius: 4px;
+    font-size: 0.85em;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+pre {
+    font-family: var(--font-mono), monospace;
+    &.src-stem::before { content: "Stem"; }
+}
+
+.org-svg { width: 100%; max-width: none; }
+
+.src, .example {
+    @include hide-scrollbar;
+    @include horizontal-scroll;
+    
+    position: relative;
+    background: var(--code-bg);
+    color: var(--code-text);
+    padding: 1rem;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    box-shadow: none;
+
+    &::before {
+        position: absolute;
+        top: 0.5rem;
+        right: 0.5rem;
+        float: right;
+        z-index: 10;
+        font-family: var(--font-mono), monospace;
+        font-size: 0.7rem;
+        opacity: 0.5;
+        pointer-events: none;
+        background: var(--code-bg); 
+        padding: 2px 4px;
+    }
+}
+
+.org-src-container {
+    position: relative;
+    margin: 1.2em 0;
+    
+    pre.src {
+        position: relative !important;
+        overflow: visible !important; 
+        background: var(--code-bg);
+        border-radius: 6px;
+        margin: 0 !important;
+        padding: 0 !important;
+        border: none !important;
+
+        & > code {
+            display: block;
+            overflow-x: auto;
+            padding: 1.5rem 1rem 1rem 1rem;
+            white-space: pre;
+            @include hide-scrollbar;
+        }
+
+        &::before {
+            content: attr(data-language);
+            display: block !important;
+            position: absolute !important;
+            top: 0.5rem;
+            right: 0.5rem;
+            z-index: 20;
+            font-family: var(--font-mono), monospace;
+            font-size: 0.7rem;
+            color: var(--code-text);
+            background: var(--code-bg);
+            padding: 2px 8px;
+            border-radius: 4px;
+            opacity: 0.6;
+            pointer-events: none;
+        }
+    }
+}
+
+.equation-container {
+    display: grid;
+    grid-template-columns: 1fr minmax(0, auto) 1fr;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
+
+    margin: 2rem 0;
+    background: rgba(212, 163, 115, 0.05);
+    padding: 1.5rem;
+    border-left: 2px solid var(--accent);
+
+    .equation {
+        grid-column: 2;
+        text-align: center;
+
+        & math[display="block"] { margin: 0 !important; }
+        
+        @include horizontal-scroll;
+        @include hide-scrollbar;
+    }
+
+    .equation-label {
+        grid-column: 3;
+        justify-self: end;
+    }
+}
+
+.figure { 
+    margin: 2rem auto; 
+    text-align: center; 
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.figure p:last-of-type { 
+    font-size: 0.9rem; 
+    color: color-mix(in srgb, var(--text-main) 80%, gray); 
+    margin-top: 0.5rem; 
+    max-width: 80%; /* Keeps long captions from stretching too far */
+}
+
+.figure-number {
+    font-weight: 700;
+    color: var(--text-main);
+}
+
+
+#preamble, #content, #postamble, main, header {
+    width: 100%;
+    max-width: 85ch;
+    padding: 1rem 20px;
+    display: block; 
 }
 
 #table-of-contents {
@@ -587,13 +554,14 @@ header, .title + p, .subtitle + p {
     border-right: 1px solid var(--accent);
     overflow-y: auto;
     overflow-x: hidden;
-    scrollbar-width: none;
+    
+    @include hide-scrollbar;
 
     &::before {
         content: "NAVIGATION";
         display: block;
         padding: 24px 16px 12px 19px; 
-        font-family: var(--font-mono);
+        font-family: var(--font-mono), monospace;
         font-size: 11px;
         font-weight: bold;
         letter-spacing: 2px;
@@ -611,15 +579,14 @@ header, .title + p, .subtitle + p {
             display: block;
             width: 100%;
             padding: 10px 16px 10px 32px;
-            box-sizing: border-box;
             font-size: 15px;
-            font-family: var(--font-mono);
+            font-family: var(--font-mono), monospace;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
             border-left: 3px solid transparent;
-            opacity: 0.8;
+            opacity: 1;
             
             &, &:visited {
                 color: var(--text-main);
@@ -636,32 +603,47 @@ header, .title + p, .subtitle + p {
         ul {
             a {
                 padding-left: 48px;
-                opacity: 0.55;
+                opacity: 0.85;
                 font-size: 13px;
-
-                &:hover {
-                    padding-left: 38px;
-                    opacity: 1;
-                }
+                &:hover { padding-left: 38px; opacity: 1; }
             }
-
             ul a {
                 padding-left: 64px;
-                opacity: 0.4;
-
-                &:hover {
-                    padding-left: 54px;
-                }
+                opacity: 0.75;
+                &:hover { padding-left: 54px; }
             }
-
         }
     }
 
     h2 { display: none !important; }
+}
 
-    &::-webkit-scrollbar { display: none; }
+#postamble { text-align: center; }
 
-    @media (max-width: 1250px) { display: none; }
+@media (max-width: 1250px) {
+    body {
+        padding-left: 0;
+        font-size: 20px; 
+    }
+    #table-of-contents { display: none !important; }
+    h1 { font-size: 1.8rem; }
+    h2 { font-size: 18px; }
 }
 
-#postamble { text-align: center; }
+@media (max-width: 768px) {
+    h2 { font-size: 1.5rem; }
+
+    blockquote, .src, .example {
+        max-width: 100%;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    img {
+        max-width: 100%;
+        width: auto; 
+    }
+
+    blockquote { padding: 1em 15px 1em 40px; }
+    .links-page > ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
+}
diff --git a/yasnippet/org-mode/blognew b/yasnippet/org-mode/blognew
index 1f37518..767c9d5 100644
--- a/yasnippet/org-mode/blognew
+++ b/yasnippet/org-mode/blognew
@@ -7,14 +7,6 @@
 #+date: [`(format-time-string "%Y-%m-%d %a")`]
 #+subtitle: By {{{author}}}, `(format-time-string "%B %d, %Y")`
 #+description: $2
-#+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