-
About
-
+
+
About
+TODO
diff --git a/output/assets/images/6823214-large.jpg b/output/assets/images/6823214-large.jpg new file mode 100644 index 0000000..7ac5405 Binary files /dev/null and b/output/assets/images/6823214-large.jpg differ diff --git a/output/assets/images/ace-dispatch-chart.png b/output/assets/images/ace-dispatch-chart.png new file mode 100644 index 0000000..7d2014d Binary files /dev/null and b/output/assets/images/ace-dispatch-chart.png differ diff --git a/output/assets/images/ban.jpg b/output/assets/images/ban.jpg new file mode 100644 index 0000000..bca2c3c Binary files /dev/null and b/output/assets/images/ban.jpg differ diff --git a/output/assets/gr.png b/output/assets/images/gr.png similarity index 100% rename from output/assets/gr.png rename to output/assets/images/gr.png diff --git a/output/assets/images/napoleons-march.png b/output/assets/images/napoleons-march.png new file mode 100644 index 0000000..1502c7e Binary files /dev/null and b/output/assets/images/napoleons-march.png differ diff --git a/output/assets/org-roam-ui-graph.png b/output/assets/images/org-roam-ui-graph.png similarity index 100% rename from output/assets/org-roam-ui-graph.png rename to output/assets/images/org-roam-ui-graph.png diff --git a/output/assets/script.js b/output/assets/script.js deleted file mode 100644 index e55bd2d..0000000 --- a/output/assets/script.js +++ /dev/null @@ -1,21 +0,0 @@ - -// COPY BUTTON: -document.addEventListener("DOMContentLoaded", function () { - document.querySelectorAll("pre.src").forEach(function (block) { - const button = document.createElement("button"); - button.innerText = "Copy"; - button.className = "copy-btn"; - - // Append button inside
- block.appendChild(button);
-
- button.addEventListener("click", function () {
- const text = block.innerText.replace(button.innerText, ""); // exclude button text
- navigator.clipboard.writeText(text.trim()).then(() => {
- button.innerText = "Copied!";
- setTimeout(() => (button.innerText = "Copy"), 1500);
- });
- });
- });
-});
-
diff --git a/output/assets/scripts/script.js b/output/assets/scripts/script.js
new file mode 100644
index 0000000..aa63c66
--- /dev/null
+++ b/output/assets/scripts/script.js
@@ -0,0 +1,175 @@
+
+// COPY BUTTON:
+document.addEventListener("DOMContentLoaded", function () {
+ document.querySelectorAll("pre.src").forEach(function (block) {
+ const button = document.createElement("button");
+ button.innerText = "Copy";
+ button.className = "copy-btn";
+
+ // Append button inside
+ block.appendChild(button);
+
+ button.addEventListener("click", function () {
+ const text = block.innerText.replace(button.innerText, ""); // exclude button text
+ navigator.clipboard.writeText(text.trim()).then(() => {
+ button.innerText = "Copied!";
+ setTimeout(() => (button.innerText = "Copy"), 1500);
+ });
+ });
+ });
+});
+
+document.addEventListener("DOMContentLoaded", () => {
+ document.querySelectorAll('a.footref[href^="#fn"]').forEach(ref => {
+ const sup = ref.closest("sup") || ref;
+ // idempotent: don't insert twice
+ if (sup.nextElementSibling && sup.nextElementSibling.classList?.contains("footnote-sidenote")) return;
+
+ const targetId = ref.getAttribute("href").replace(/^#/, ""); // works for fn.2 or fn2
+
+ const anchor = document.getElementById(targetId);
+ if (!anchor) return;
+
+ const footdef = anchor.closest(".footdef") || anchor.parentElement;
+ if (!footdef) return;
+
+ // 1) Prefer leaf paragraphs to avoid div+p duplication
+ let paras = footdef.querySelectorAll("p.footpara");
+ if (!paras.length) {
+ // fallback: any .footpara elements that don't contain another .footpara
+ paras = footdef.querySelectorAll(".footpara:not(:has(.footpara))");
+ }
+
+ // 2) Build HTML, de-duplicating by text content
+ let parts = [];
+ if (paras.length) {
+ const seen = new Set();
+ parts = Array.from(paras).map(p => {
+ const txt = p.textContent.trim().replace(/\s+/g, " ");
+ if (seen.has(txt)) return "";
+ seen.add(txt);
+ return p.innerHTML.trim();
+ }).filter(Boolean);
+ }
+
+ // 3) Fallback: clean full block if no paras found
+ if (!parts.length) {
+ const clone = footdef.cloneNode(true);
+ clone.querySelectorAll("sup.footnum, a[role='doc-backlink']").forEach(n => n.remove());
+ parts = [clone.innerHTML.trim()];
+ }
+
+ // 4) Insert the sidenote
+ const sn = document.createElement("span");
+ sn.className = "sidenote footnote-sidenote";
+ sn.setAttribute("data-fn", (ref.textContent || "").trim());
+ sn.innerHTML = parts.join(" ");
+
+ sup.insertAdjacentElement("afterend", sn);
+ });
+});
+ (function(){
+ const root = document.documentElement;
+ const storageKey = "theme";
+ const saved = localStorage.getItem(storageKey);
+ if (saved === "dark" || saved === "light") {
+ root.setAttribute("data-theme", saved);
+ }
+ const btn = document.getElementById("theme-toggle");
+ if (!btn) return;
+ btn.addEventListener("click", () => {
+ const current = root.getAttribute("data-theme");
+ const next = current === "dark" ? "light" : "dark";
+ // If no current (auto), assume we’re toggling to dark first
+ const target = current ? next : "dark";
+ root.setAttribute("data-theme", target);
+ localStorage.setItem(storageKey, target);
+ });
+ })();
+
+document.addEventListener("DOMContentLoaded", () => {
+ const toc = document.querySelector("#text-table-of-contents");
+ if (!toc) { console.warn("No #text-table-of-contents found"); return; }
+
+ const links = toc.querySelectorAll('a[href^="#"]');
+ if (!links.length) { console.warn("No ToC links found"); return; }
+
+ // Map: id -> link
+ const linkById = new Map();
+ links.forEach(a => {
+ const id = decodeURIComponent(a.getAttribute("href").slice(1));
+ const el = document.getElementById(id);
+ if (el) linkById.set(id, a);
+ });
+ if (!linkById.size) { console.warn("No matching headings with IDs"); return; }
+
+ // Headings to observe (h2–h4 usually)
+ const headings = [...document.querySelectorAll("h2[id], h3[id], h4[id]")]
+ .filter(h => linkById.has(h.id));
+
+ // Helper to mark active
+ const setActive = (id) => {
+ links.forEach(a => {
+ const active = a.getAttribute("href") === `#${id}`;
+ a.classList.toggle("is-active", active);
+ if (active) a.setAttribute("aria-current", "true");
+ else a.removeAttribute("aria-current");
+ });
+ };
+
+ // Calculate sticky header offset in px
+ const headerOffsetPx = 6.5 * parseFloat(getComputedStyle(document.documentElement).fontSize);
+
+ // Track visible headings (id -> distance from top)
+ const visible = new Map();
+
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ const id = entry.target.id;
+ if (entry.isIntersecting) {
+ // How far from the top (after header offset)
+ const dist = entry.target.getBoundingClientRect().top - headerOffsetPx;
+ visible.set(id, dist);
+ } else {
+ visible.delete(id);
+ }
+ });
+
+ if (visible.size) {
+ // Choose the heading closest to the top (>= -headerOffset)
+ const topMost = [...visible.entries()]
+ .sort((a,b) => Math.abs(a[1]) - Math.abs(b[1]))[0][0];
+ setActive(topMost);
+ // console.log("Active:", topMost, visible);
+ }
+ }, {
+ root: null, // track relative to viewport
+ rootMargin: `-${headerOffsetPx}px 0px -70% 0px`,
+ threshold: [0, 0.01, 0.1] // fire as soon as it enters
+ });
+
+ headings.forEach(h => observer.observe(h));
+
+ // Initial highlight (in case you load mid‑page)
+ let bestId = null, bestDist = Infinity;
+ headings.forEach(h => {
+ const top = h.getBoundingClientRect().top - headerOffsetPx;
+ const dist = top < 0 ? Math.abs(top) : top + 1e6;
+ if (dist < bestDist) { bestDist = dist; bestId = h.id; }
+ });
+ if (bestId) setActive(bestId);
+
+ // Optional: smooth-scroll ToC clicks
+ toc.addEventListener("click", (e) => {
+ const a = e.target.closest('a[href^="#"]');
+ if (!a) return;
+ const id = decodeURIComponent(a.hash.slice(1));
+ const el = document.getElementById(id);
+ if (!el) return;
+ e.preventDefault();
+ el.scrollIntoView({ behavior: "smooth", block: "start" });
+ el.setAttribute("tabindex", "-1");
+ el.focus({ preventScroll: true });
+ history.pushState(null, "", `#${id}`);
+ });
+});
diff --git a/output/assets/2025-08-08-emacs.svg b/output/assets/sketchnotes/2025-08-08-emacs.svg
similarity index 100%
rename from output/assets/2025-08-08-emacs.svg
rename to output/assets/sketchnotes/2025-08-08-emacs.svg
diff --git a/output/assets/style.css b/output/assets/style.css
deleted file mode 100644
index 3f35a07..0000000
--- a/output/assets/style.css
+++ /dev/null
@@ -1,156 +0,0 @@
-:root {
- --bg: #ffffff;
- --fg: #000000;
- --link: #1a0dab;
- --heading: #004c99;
- --code-bg: #f0f0f0;
-}
-
-
-body {
- background-color: var(--bg);
- color: var(--fg);
- transition: background-color 0.3s, color 0.3s;
-}
-
-/* Headings (override org.css if needed) */
-h1, h2, h3 {
- color: var(--heading);
-}
-
-/* Links */
-a {
- color: var(--link);
-}
-a:hover {
- text-decoration: underline;
-}
-
-/* Copy button inside code blocks */
-.copy-btn {
- position: absolute;
- top: 0.4em;
- right: 0.4em;
- background-color: var(--code-bg);
- color: var(--heading);
- border: 1px solid var(--heading);
- border-radius: 4px;
- padding: 0.2em 0.6em;
- font-size: 0.8rem;
- cursor: pointer;
- z-index: 10;
- transition: background-color 0.3s;
-}
-
-.copy-btn:hover {
- background-color: var(--heading);
- color: var(--code-bg);
-}
-
-.banner-header {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: wrap; /* allow items to wrap on small screens */
- background-color: var(--banner-bg, #fff);
- padding: 0.5rem 1rem;
- border-radius: 6px;
-}
-
-.banner-logo {
- height: 80px;
- width: auto;
- margin-right: 1.5rem;
- border-radius: 50%;
-}
-
-/* Keep nav horizontal on desktop */
-nav {
- display: flex;
- gap: 1rem;
- font-weight: 600;
- font-size: 1.1rem;
-}
-
-/* Mobile styles */
-@media (max-width: 600px) {
- .banner-header {
- flex-direction: column; /* stack logo + nav */
- align-items: center;
- text-align: center;
- }
-
- .banner-logo {
- margin: 0 0 0.5rem 0; /* space under logo */
- }
-
- nav {
- flex-wrap: wrap; /* allow nav links to wrap */
- justify-content: center;
- gap: 0.5rem;
- font-size: 1rem; /* slightly smaller text */
- }
-}
-
-
-/* Footer styling */
-footer {
- color: var(--fg);
- padding: 1rem;
- margin-top: 2rem;
- border-radius: 6px;
- text-align: center;
- font-size: 0.9rem;
- font-style: italic;
-
-}
-#updated {
- font-size: 0.8rem;
- color: var(--fg);
- margin-bottom: 1rem;
- font-style: italic;
-}
-pre.src::before {
- content: none !important;
-}
-/* Container: */
-pre.src {
- padding: 1.5em 1em 1em 1em; /* top padding leaves space for button */
- font-family: "Fira Mono", "Courier New", monospace;
- font-size: 0.9rem;
- line-height: 1.4;
- overflow-x: auto;
- white-space: pre-wrap; /* wrap long lines */
-
-}
-
-
-.post-date {
- color: pink;
- font-size: 0.9em;
- margin-left: 8px;
-}
-
-
- .post-tag {
- display: inline-block;
- background-color: #f0f0f0;
- color: #444;
- border-radius: 5px;
- padding: 2px 6px;
- margin-left: 6px;
- font-size: 0.8em;
- float: right;
- }
-
- li::after {
- content: "";
- display: block;
- clear: both;
- }
-li {
- margin-bottom: 8px;
-}
-
-
-
diff --git a/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg
new file mode 100755
index 0000000..254f4cc
--- /dev/null
+++ b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg
@@ -0,0 +1,243 @@
+
+
+
\ No newline at end of file
diff --git a/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf
new file mode 100755
index 0000000..9798360
Binary files /dev/null and b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf differ
diff --git a/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff
new file mode 100755
index 0000000..c6685a1
Binary files /dev/null and b/output/assets/styles/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff differ
diff --git a/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg
new file mode 100755
index 0000000..881a6bd
--- /dev/null
+++ b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg
@@ -0,0 +1,244 @@
+
+
+
\ No newline at end of file
diff --git a/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf
new file mode 100755
index 0000000..9da91de
Binary files /dev/null and b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf differ
diff --git a/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff
new file mode 100755
index 0000000..b0e5b68
Binary files /dev/null and b/output/assets/styles/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff differ
diff --git a/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg
new file mode 100755
index 0000000..c5013b3
--- /dev/null
+++ b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg
@@ -0,0 +1,244 @@
+
+
+
\ No newline at end of file
diff --git a/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf
new file mode 100755
index 0000000..daceffb
Binary files /dev/null and b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf differ
diff --git a/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff
new file mode 100755
index 0000000..440ae04
Binary files /dev/null and b/output/assets/styles/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff differ
diff --git a/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg
new file mode 100755
index 0000000..24cf3ef
--- /dev/null
+++ b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg
@@ -0,0 +1,244 @@
+
+
+
\ No newline at end of file
diff --git a/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf
new file mode 100755
index 0000000..5ae5198
Binary files /dev/null and b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf differ
diff --git a/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff
new file mode 100755
index 0000000..10eb336
Binary files /dev/null and b/output/assets/styles/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff differ
diff --git a/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.svg b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.svg
new file mode 100755
index 0000000..a6c168a
--- /dev/null
+++ b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.svg
@@ -0,0 +1,243 @@
+
+
+
\ No newline at end of file
diff --git a/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.ttf b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.ttf
new file mode 100755
index 0000000..725af42
Binary files /dev/null and b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.ttf differ
diff --git a/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.woff b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.woff
new file mode 100755
index 0000000..5753ca4
Binary files /dev/null and b/output/assets/styles/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.woff differ
diff --git a/output/assets/styles/org.css b/output/assets/styles/org.css
new file mode 100644
index 0000000..f2243fd
--- /dev/null
+++ b/output/assets/styles/org.css
@@ -0,0 +1,2864 @@
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%
+}
+
+body {
+ margin: 0
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block
+}
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0
+}
+
+progress {
+ vertical-align: baseline
+}
+
+[hidden],
+template {
+ display: none
+}
+
+a {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects
+}
+
+a:active,
+a:hover {
+ outline-width: 0
+}
+
+abbr[title] {
+ border-bottom: none;
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted
+}
+
+b,
+strong {
+ font-weight: inherit;
+ font-weight: bolder
+}
+
+dfn {
+ font-style: italic
+}
+
+h1 {
+ font-size: 2em;
+ margin: .67em 0
+}
+
+mark {
+ background-color: #ff0;
+ color: #000
+}
+
+small {
+ font-size: 80%
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline
+}
+
+sub {
+ bottom: -.25em
+}
+
+sup {
+ top: -.5em
+}
+
+img {
+ border-style: none
+}
+
+svg:not(:root) {
+ overflow: hidden
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em
+}
+
+figure {
+ margin: 1em 40px
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font: inherit;
+ margin: 0
+}
+
+optgroup {
+ font-weight: 700
+}
+
+button,
+input {
+ overflow: visible
+}
+
+button,
+select {
+ text-transform: none
+}
+
+[type=reset],
+[type=submit],
+button,
+html [type=button] {
+ -webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+ border-style: none;
+ padding: 0
+}
+
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring,
+button:-moz-focusring {
+ outline: 1px dotted ButtonText
+}
+
+fieldset {
+ border: 1px solid silver;
+ margin: 0 2px;
+ padding: .35em .625em .75em
+}
+
+legend {
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal
+}
+
+textarea {
+ overflow: auto
+}
+
+[type=checkbox],
+[type=radio] {
+ box-sizing: border-box;
+ padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto
+}
+
+[type=search] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px
+}
+
+[type=search]::-webkit-search-cancel-button,
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: .54
+}
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+body {
+ color: #000;
+ background-color: #fff
+}
+
+.org-alert-high {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-alert-low {
+ color: #00008b
+}
+
+.org-alert-moderate {
+ color: gold;
+ font-weight: 700
+}
+
+.org-alert-saved-fringe {
+ background-color: #f2f2f2
+}
+
+.org-alert-trivial {
+ color: Dark purple
+}
+
+.org-alert-urgent {
+ color: red;
+ font-weight: 700
+}
+
+.org-anzu-match-1 {
+ color: #000;
+ background-color: #7fffd4
+}
+
+.org-anzu-match-2 {
+ color: #000;
+ background-color: #00ff7f
+}
+
+.org-anzu-match-3 {
+ color: #000;
+ background-color: #ff0
+}
+
+.org-anzu-mode-line,
+.org-anzu-mode-line-no-match {
+ color: #008b00;
+ font-weight: 700
+}
+
+.org-anzu-replace-highlight {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-anzu-replace-to {
+ color: red
+}
+
+.org-bbdb-field-name {
+ color: sienna
+}
+
+.org-bbdb-name {
+ color: #00f
+}
+
+.org-bbdb-organization {
+ color: #b22222
+}
+
+.org-beacon-fallback-background {
+ background-color: #000
+}
+
+.org-biblio-results-header {
+ color: #483d8b;
+ font-size: 150%;
+ font-weight: 700
+}
+
+.org-bold {
+ font-weight: 700
+}
+
+.org-bold-italic {
+ font-weight: 700;
+ font-style: italic
+}
+
+.org-bookmark-menu-bookmark {
+ font-weight: 700
+}
+
+.org-bookmark-menu-heading {
+ color: #228b22
+}
+
+.org-buffer-menu-buffer {
+ font-weight: 700
+}
+
+.org-builtin {
+ color: #483d8b
+}
+
+.org-button {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-c-annotation {
+ color: #008b8b
+}
+
+.org-cal-china-x-general-holiday {
+ background-color: #228b22
+}
+
+.org-cal-china-x-important-holiday {
+ background-color: #8b0000
+}
+
+.org-calendar-iso-week {
+ color: pink;
+ font-weight: 700
+}
+
+.org-calendar-iso-week-header {
+ color: #0ff
+}
+
+.org-calendar-month-header {
+ color: #00f
+}
+
+.org-calendar-today {
+ text-decoration: underline
+}
+
+.org-calendar-weekday-header {
+ color: #008b8b
+}
+
+.org-calendar-weekend-header {
+ color: #b22222
+}
+
+.org-comint-highlight-input {
+ font-weight: 700
+}
+
+.org-comint-highlight-prompt {
+ color: #0000cd
+}
+
+.org-comment,
+.org-comment-delimiter {
+ color: #b22222
+}
+
+.org-compilation-column-number {
+ color: #8b2252
+}
+
+.org-compilation-error {
+ color: red;
+ font-weight: 700
+}
+
+.org-compilation-info {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-compilation-line-number {
+ color: #a020f0
+}
+
+.org-compilation-mode-line-exit {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-compilation-mode-line-fail {
+ color: red;
+ font-weight: 700
+}
+
+.org-compilation-mode-line-run,
+.org-compilation-warning {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-completions-annotations {
+ font-style: italic
+}
+
+.org-completions-first-difference {
+ font-weight: 700
+}
+
+.org-constant {
+ color: #008b8b
+}
+
+.org-cursor {
+ background-color: #eead0e
+}
+
+.org-custom-button {
+ color: #000;
+ background-color: #d3d3d3
+}
+
+.org-custom-button-mouse {
+ color: #000;
+ background-color: #e5e5e5
+}
+
+.org-custom-button-pressed {
+ color: #000;
+ background-color: #d3d3d3
+}
+
+.org-custom-button-pressed-unraised {
+ color: #8b008b;
+ text-decoration: underline
+}
+
+.org-custom-button-unraised {
+ text-decoration: underline
+}
+
+.org-custom-changed {
+ color: #fff;
+ background-color: #00f
+}
+
+.org-custom-comment {
+ background-color: #d9d9d9
+}
+
+.org-custom-comment-tag {
+ color: #00008b
+}
+
+.org-custom-face-tag {
+ color: #00f;
+ font-weight: 700
+}
+
+.org-custom-group-subtitle {
+ font-weight: 700
+}
+
+.org-custom-group-tag {
+ color: #00f;
+ font-size: 120%;
+ font-weight: 700
+}
+
+.org-custom-group-tag-1 {
+ color: red;
+ font-size: 120%;
+ font-weight: 700
+}
+
+.org-custom-invalid {
+ color: #ff0;
+ background-color: red
+}
+
+.org-custom-link {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-custom-modified {
+ color: #fff;
+ background-color: #00f
+}
+
+.org-custom-rogue {
+ color: pink;
+ background-color: #000
+}
+
+.org-custom-saved {
+ text-decoration: underline
+}
+
+.org-custom-set {
+ color: #00f;
+ background-color: #fff
+}
+
+.org-custom-state {
+ color: #006400
+}
+
+.org-custom-themed {
+ color: #fff;
+ background-color: #00f
+}
+
+.org-custom-variable-button {
+ font-weight: 700;
+ text-decoration: underline
+}
+
+.org-custom-variable-tag {
+ color: #00f;
+ font-weight: 700
+}
+
+.org-custom-visibility {
+ color: #3a5fcd;
+ font-size: 80%;
+ text-decoration: underline
+}
+
+.org-diary {
+ color: red
+}
+
+.org-diary-anniversary {
+ color: #a020f0
+}
+
+.org-diary-time {
+ color: sienna
+}
+
+.org-dired-async-failures {
+ color: red
+}
+
+.org-dired-async-message {
+ color: #ff0
+}
+
+.org-dired-async-mode-message {
+ color: gold
+}
+
+.org-dired-directory {
+ color: #00f
+}
+
+.org-dired-flagged {
+ color: red;
+ font-weight: 700
+}
+
+.org-dired-header {
+ color: #228b22
+}
+
+.org-dired-ignored {
+ color: #7f7f7f
+}
+
+.org-dired-mark {
+ color: #008b8b
+}
+
+.org-dired-marked {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-dired-perm-write {
+ color: #b22222
+}
+
+.org-dired-symlink {
+ color: #a020f0
+}
+
+.org-dired-warning {
+ color: red;
+ font-weight: 700
+}
+
+.org-doc {
+ color: #8b2252
+}
+
+.org-eldoc-highlight-function-argument {
+ font-weight: 700
+}
+
+.org-epa-field-body {
+ font-style: italic
+}
+
+.org-epa-field-name,
+.org-epa-mark {
+ font-weight: 700
+}
+
+.org-epa-mark {
+ color: red
+}
+
+.org-epa-string {
+ color: #00008b
+}
+
+.org-epa-validity-disabled {
+ font-style: italic
+}
+
+.org-epa-validity-high {
+ font-weight: 700
+}
+
+.org-epa-validity-low,
+.org-epa-validity-medium {
+ font-style: italic
+}
+
+.org-error {
+ color: red;
+ font-weight: 700
+}
+
+.org-escape-glyph {
+ color: brown
+}
+
+.org-evil-ex-commands {
+ font-style: italic;
+ text-decoration: underline
+}
+
+.org-evil-ex-info {
+ color: red;
+ font-style: italic
+}
+
+.org-evil-ex-lazy-highlight {
+ background-color: #afeeee
+}
+
+.org-evil-ex-search {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-evil-ex-substitute-matches {
+ background-color: #afeeee
+}
+
+.org-evil-ex-substitute-replacement {
+ color: red;
+ text-decoration: underline
+}
+
+.org-ffap {
+ background-color: #b4eeb4
+}
+
+.org-file-name-shadow {
+ color: #7f7f7f
+}
+
+.org-flycheck-error {
+ text-decoration: underline
+}
+
+.org-flycheck-error-list-checker-name {
+ color: #00f
+}
+
+.org-flycheck-error-list-column-number {
+ color: #008b8b
+}
+
+.org-flycheck-error-list-error {
+ color: red;
+ font-weight: 700
+}
+
+.org-flycheck-error-list-filename {
+ color: sienna
+}
+
+.org-flycheck-error-list-highlight {
+ background-color: #b4eeb4
+}
+
+.org-flycheck-error-list-id,
+.org-flycheck-error-list-id-with-explainer {
+ color: #228b22
+}
+
+.org-flycheck-error-list-info {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-flycheck-error-list-line-number {
+ color: #008b8b
+}
+
+.org-flycheck-error-list-warning {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-flycheck-fringe-error {
+ color: red;
+ font-weight: 700
+}
+
+.org-flycheck-fringe-info {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-flycheck-fringe-warning {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-flycheck-info,
+.org-flycheck-warning,
+.org-flyspell-duplicate,
+.org-flyspell-incorrect {
+ text-decoration: underline
+}
+
+.org-fringe {
+ background-color: #f2f2f2
+}
+
+.org-function-name {
+ color: #00f
+}
+
+.org-glyphless-char {
+ font-size: 60%
+}
+
+.org-golden-ratio-scroll-highlight-line {
+ color: #fff;
+ background-color: #53868b;
+ font-weight: 700
+}
+
+.org-header-line {
+ color: #333;
+ background-color: #e5e5e5
+}
+
+.org-helm-action {
+ text-decoration: underline
+}
+
+.org-helm-bookmark-addressbook {
+ color: tomato
+}
+
+.org-helm-bookmark-directory {
+ color: #8b0000;
+ background-color: #d3d3d3
+}
+
+.org-helm-bookmark-file {
+ color: #00b2ee
+}
+
+.org-helm-bookmark-file-not-found {
+ color: #6c7b8b
+}
+
+.org-helm-bookmark-gnus {
+ color: #f0f
+}
+
+.org-helm-bookmark-info {
+ color: #0f0
+}
+
+.org-helm-bookmark-man {
+ color: #8b5a00
+}
+
+.org-helm-bookmark-w3m {
+ color: #ff0
+}
+
+.org-helm-buffer-archive {
+ color: gold
+}
+
+.org-helm-buffer-directory {
+ color: #8b0000;
+ background-color: #d3d3d3
+}
+
+.org-helm-buffer-file {
+ color: #483d8b
+}
+
+.org-helm-buffer-modified {
+ color: #b22222
+}
+
+.org-helm-buffer-not-saved {
+ color: #ee6363
+}
+
+.org-helm-buffer-process {
+ color: #cd6839
+}
+
+.org-helm-buffer-saved-out {
+ color: red;
+ background-color: #000
+}
+
+.org-helm-buffer-size {
+ color: #708090
+}
+
+.org-helm-candidate-number,
+.org-helm-candidate-number-suspended {
+ color: #000;
+ background-color: #faffb5
+}
+
+.org-helm-delete-async-message {
+ color: #ff0
+}
+
+.org-helm-etags-file {
+ color: #8b814c;
+ text-decoration: underline
+}
+
+.org-helm-ff-denied {
+ color: red;
+ background-color: #000
+}
+
+.org-helm-ff-directory {
+ color: #8b0000;
+ background-color: #d3d3d3
+}
+
+.org-helm-ff-dirs {
+ color: #00f
+}
+
+.org-helm-ff-dotted-directory {
+ color: #000;
+ background-color: #696969
+}
+
+.org-helm-ff-dotted-symlink-directory {
+ color: #ff8c00;
+ background-color: #696969
+}
+
+.org-helm-ff-executable {
+ color: #0f0
+}
+
+.org-helm-ff-file {
+ color: #483d8b
+}
+
+.org-helm-ff-invalid-symlink {
+ color: #000;
+ background-color: red
+}
+
+.org-helm-ff-pipe {
+ color: #ff0;
+ background-color: #000
+}
+
+.org-helm-ff-prefix {
+ color: #000;
+ background-color: #ff0
+}
+
+.org-helm-ff-socket {
+ color: #ff1493
+}
+
+.org-helm-ff-suid {
+ color: #fff;
+ background-color: red
+}
+
+.org-helm-ff-symlink {
+ color: #b22222
+}
+
+.org-helm-ff-truename {
+ color: #8b2252
+}
+
+.org-helm-grep-cmd-line {
+ color: #228b22
+}
+
+.org-helm-grep-file {
+ color: #8a2be2;
+ text-decoration: underline
+}
+
+.org-helm-grep-finish {
+ color: #0f0
+}
+
+.org-helm-grep-lineno {
+ color: #ff7f00
+}
+
+.org-helm-grep-match {
+ color: #b00000
+}
+
+.org-helm-header {
+ color: #333;
+ background-color: #e5e5e5
+}
+
+.org-helm-header-line-left-margin {
+ color: #000;
+ background-color: #ff0
+}
+
+.org-helm-helper {
+ color: #333;
+ background-color: #e5e5e5
+}
+
+.org-helm-history-deleted {
+ color: #000;
+ background-color: red
+}
+
+.org-helm-history-remote {
+ color: #ff6a6a
+}
+
+.org-helm-lisp-completion-info {
+ color: red
+}
+
+.org-helm-lisp-show-completion {
+ background-color: #2f4f4f
+}
+
+.org-helm-locate-finish {
+ color: #0f0
+}
+
+.org-helm-m-x-key {
+ color: orange;
+ text-decoration: underline
+}
+
+.org-helm-match {
+ color: #b00000
+}
+
+.org-helm-match-item {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-helm-minibuffer-prompt {
+ color: #0000cd
+}
+
+.org-helm-moccur-buffer {
+ color: #00ced1;
+ text-decoration: underline
+}
+
+.org-helm-non-file-buffer {
+ font-style: italic
+}
+
+.org-helm-prefarg {
+ color: red
+}
+
+.org-helm-resume-need-update {
+ background-color: red
+}
+
+.org-helm-selection {
+ background-color: #097209
+}
+
+.org-helm-selection-line {
+ background-color: #b4eeb4
+}
+
+.org-helm-separator {
+ color: #ffbfb5
+}
+
+.org-helm-source-header {
+ color: #000;
+ background-color: #abd7f0;
+ font-size: 130%;
+ font-weight: 700
+}
+
+.org-helm-visible-mark {
+ background-color: #d1f5ea
+}
+
+.org-help-argument-name {
+ font-style: italic
+}
+
+.org-highlight {
+ background-color: #b4eeb4
+}
+
+.org-highlight-indent-guides-character {
+ color: #e6e6e6
+}
+
+.org-highlight-indent-guides-even {
+ background-color: #e6e6e6
+}
+
+.org-highlight-indent-guides-odd {
+ background-color: #f3f3f3
+}
+
+.org-highlight-indent-guides-stack-character {
+ color: #ccc
+}
+
+.org-highlight-indent-guides-stack-even {
+ background-color: #ccc
+}
+
+.org-highlight-indent-guides-stack-odd {
+ background-color: #d9d9d9
+}
+
+.org-highlight-indent-guides-top-character {
+ color: #b3b3b3
+}
+
+.org-highlight-indent-guides-top-even {
+ background-color: #b3b3b3
+}
+
+.org-highlight-indent-guides-top-odd {
+ background-color: silver
+}
+
+.org-highlight-numbers-number {
+ color: #008b8b
+}
+
+.org-hl-line {
+ background-color: #b4eeb4
+}
+
+.org-holiday {
+ background-color: pink
+}
+
+.org-hydra-face-amaranth {
+ color: #e52b50;
+ font-weight: 700
+}
+
+.org-hydra-face-blue {
+ color: #00f;
+ font-weight: 700
+}
+
+.org-hydra-face-pink {
+ color: #ff6eb4;
+ font-weight: 700
+}
+
+.org-hydra-face-red {
+ color: red;
+ font-weight: 700
+}
+
+.org-hydra-face-teal {
+ color: #367588;
+ font-weight: 700
+}
+
+.org-ido-first-match {
+ font-weight: 700
+}
+
+.org-ido-incomplete-regexp {
+ color: red;
+ font-weight: 700
+}
+
+.org-ido-indicator {
+ color: #ff0;
+ background-color: red
+}
+
+.org-ido-only-match {
+ color: #228b22
+}
+
+.org-ido-subdir {
+ color: red
+}
+
+.org-ido-virtual {
+ color: #483d8b
+}
+
+.org-info-header-node {
+ color: brown;
+ font-weight: 700;
+ font-style: italic
+}
+
+.org-info-header-xref {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-info-index-match {
+ background-color: #ff0
+}
+
+.org-info-menu-header {
+ font-weight: 700
+}
+
+.org-info-menu-star {
+ color: red
+}
+
+.org-info-node {
+ color: brown;
+ font-weight: 700;
+ font-style: italic
+}
+
+.org-info-title-1 {
+ font-size: 172%;
+ font-weight: 700
+}
+
+.org-info-title-2 {
+ font-size: 144%;
+ font-weight: 700
+}
+
+.org-info-title-3 {
+ font-size: 120%;
+ font-weight: 700
+}
+
+.org-info-title-4 {
+ font-weight: 700
+}
+
+.org-info-xref {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-isearch {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-isearch-fail {
+ background-color: #ffc1c1
+}
+
+.org-italic {
+ font-style: italic
+}
+
+.org-keyword {
+ color: #a020f0
+}
+
+.org-lazy-highlight {
+ background-color: #afeeee
+}
+
+.org-link {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-link-visited {
+ color: #8b008b;
+ text-decoration: underline
+}
+
+.org-lv-separator {
+ background-color: #ccc
+}
+
+.org-match {
+ background-color: #ff0
+}
+
+.org-mcXcursor-bar {
+ background-color: #000
+}
+
+.org-mcXregion {
+ background-color: gtk_selection_bg_color
+}
+
+.org-me-dired-dim-0 {
+ color: #b3b3b3
+}
+
+.org-me-dired-dim-1 {
+ color: #7f7f7f
+}
+
+.org-me-dired-executable {
+ color: #0f0
+}
+
+.org-message-cited-text {
+ color: red
+}
+
+.org-message-header-cc {
+ color: #191970
+}
+
+.org-message-header-name {
+ color: #6495ed
+}
+
+.org-message-header-newsgroups {
+ color: #00008b;
+ font-weight: 700;
+ font-style: italic
+}
+
+.org-message-header-other {
+ color: #4682b4
+}
+
+.org-message-header-subject {
+ color: navy;
+ font-weight: 700
+}
+
+.org-message-header-to {
+ color: #191970;
+ font-weight: 700
+}
+
+.org-message-header-xheader {
+ color: #00f
+}
+
+.org-message-mml {
+ color: #228b22
+}
+
+.org-message-separator {
+ color: brown
+}
+
+.org-minibuffer-prompt {
+ color: #0000cd
+}
+
+.org-mm-command-output {
+ color: #cd0000
+}
+
+.org-mode-line {
+ color: #000;
+ background-color: #bfbfbf
+}
+
+.org-mode-line-buffer-id,
+.org-mode-line-buffer-id-inactive,
+.org-mode-line-emphasis {
+ font-weight: 700
+}
+
+.org-mode-line-inactive {
+ color: #333;
+ background-color: #e5e5e5
+}
+
+.org-mu4e-attach-number {
+ color: sienna;
+ font-weight: 700
+}
+
+.org-mu4e-cited-1 {
+ color: #483d8b;
+ font-style: italic
+}
+
+.org-mu4e-cited-2 {
+ color: #5cacee;
+ font-style: italic
+}
+
+.org-mu4e-cited-3 {
+ color: sienna;
+ font-style: italic
+}
+
+.org-mu4e-cited-4 {
+ color: #a020f0;
+ font-style: italic
+}
+
+.org-mu4e-cited-5,
+.org-mu4e-cited-6 {
+ color: #b22222;
+ font-style: italic
+}
+
+.org-mu4e-cited-7 {
+ color: #228b22;
+ font-style: italic
+}
+
+.org-mu4e-compose-header,
+.org-mu4e-compose-separator {
+ color: brown;
+ font-style: italic
+}
+
+.org-mu4e-contact {
+ color: sienna
+}
+
+.org-mu4e-context {
+ color: #006400;
+ font-weight: 700
+}
+
+.org-mu4e-draft {
+ color: #8b2252
+}
+
+.org-mu4e-flagged {
+ color: #008b8b;
+ font-weight: 700
+}
+
+.org-mu4e-footer {
+ color: #b22222
+}
+
+.org-mu4e-forwarded {
+ color: #483d8b
+}
+
+.org-mu4e-header {
+ color: #000;
+ background-color: #fff
+}
+
+.org-mu4e-header-highlight {
+ background-color: #000;
+ font-weight: 700;
+ text-decoration: underline
+}
+
+.org-mu4e-header-key {
+ color: #6495ed;
+ font-weight: 700
+}
+
+.org-mu4e-header-marks {
+ color: #483d8b
+}
+
+.org-mu4e-header-title,
+.org-mu4e-header-value {
+ color: #228b22
+}
+
+.org-mu4e-highlight {
+ background-color: #b4eeb4
+}
+
+.org-mu4e-link {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-mu4e-modeline {
+ color: #8b4500;
+ font-weight: 700
+}
+
+.org-mu4e-moved {
+ color: #b22222;
+ font-style: italic
+}
+
+.org-mu4e-ok {
+ color: #b22222;
+ font-weight: 700
+}
+
+.org-mu4e-region-code {
+ background-color: #2f4f4f
+}
+
+.org-mu4e-replied,
+.org-mu4e-special-header-value {
+ color: #483d8b
+}
+
+.org-mu4e-system {
+ color: #b22222;
+ font-style: italic
+}
+
+.org-mu4e-title {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-mu4e-trashed {
+ color: #b22222;
+ text-decoration: line-through
+}
+
+.org-mu4e-unread {
+ color: #a020f0;
+ font-weight: 700
+}
+
+.org-mu4e-url-number {
+ color: #008b8b;
+ font-weight: 700
+}
+
+.org-mu4e-view-body {
+ color: #000;
+ background-color: #fff
+}
+
+.org-mu4e-warning {
+ color: red;
+ font-weight: 700
+}
+
+.org-next-error {
+ background-color: gtk_selection_bg_color
+}
+
+.org-nobreak-space {
+ color: brown;
+ text-decoration: underline
+}
+
+.org-org-agenda-calendar-event,
+.org-org-agenda-calendar-sexp {
+ color: #000;
+ background-color: #fff
+}
+
+.org-org-agenda-clocking {
+ background-color: #ff0
+}
+
+.org-org-agenda-column-dateline {
+ background-color: #e5e5e5
+}
+
+.org-org-agenda-current-time {
+ color: #b8860b
+}
+
+.org-org-agenda-date {
+ color: #00f
+}
+
+.org-org-agenda-date-today {
+ color: #00f;
+ font-weight: 700;
+ font-style: italic
+}
+
+.org-org-agenda-date-weekend {
+ color: #00f;
+ font-weight: 700
+}
+
+.org-org-agenda-diary {
+ color: #000;
+ background-color: #fff
+}
+
+.org-org-agenda-dimmed-todo {
+ color: #7f7f7f
+}
+
+.org-org-agenda-done {
+ color: #228b22
+}
+
+.org-org-agenda-filter-category,
+.org-org-agenda-filter-effort,
+.org-org-agenda-filter-regexp,
+.org-org-agenda-filter-tags {
+ color: #000;
+ background-color: #bfbfbf
+}
+
+.org-org-agenda-restriction-lock {
+ background-color: #eee
+}
+
+.org-org-agenda-structure {
+ color: #00f
+}
+
+.org-org-archived {
+ color: #7f7f7f
+}
+
+.org-org-block {
+ color: #7f7f7f
+}
+
+.org-org-block-begin-line,
+.org-org-block-end-line {
+ color: #b22222
+}
+
+.org-org-checkbox {
+ font-weight: 700
+}
+
+.org-org-checkbox-statistics-done {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-org-checkbox-statistics-todo {
+ color: red;
+ font-weight: 700
+}
+
+.org-org-clock-overlay {
+ color: #000;
+ background-color: #d3d3d3
+}
+
+.org-org-code {
+ color: #7f7f7f
+}
+
+.org-org-column,
+.org-org-column-title {
+ background-color: #e5e5e5
+}
+
+.org-org-column-title {
+ font-weight: 700;
+ text-decoration: underline
+}
+
+.org-org-date {
+ color: #bfaf87;
+ text-decoration: underline
+}
+
+.org-org-date-selected {
+ color: red
+}
+
+.org-org-default {
+ color: #000;
+ background-color: #fff
+}
+
+.org-org-document-info {
+ color: #191970
+}
+
+.org-org-document-info-keyword {
+ color: #7f7f7f
+}
+
+.org-org-document-title {
+ color: #191970;
+ font-weight: 700
+}
+
+.org-org-done {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-org-drawer {
+ color: #00f
+}
+
+.org-org-ellipsis {
+ color: #b8860b;
+ text-decoration: underline
+}
+
+.org-org-footnote {
+ color: #96b4cd;
+ text-decoration: underline
+}
+
+.org-org-formula {
+ color: #b22222
+}
+
+.org-org-habit-alert {
+ background-color: #f5f946
+}
+
+.org-org-habit-alert-future {
+ background-color: #fafca9
+}
+
+.org-org-habit-clear {
+ background-color: #8270f9
+}
+
+.org-org-habit-clear-future {
+ background-color: #d6e4fc
+}
+
+.org-org-habit-overdue {
+ background-color: #f9372d
+}
+
+.org-org-habit-overdue-future {
+ background-color: #fc9590
+}
+
+.org-org-habit-ready {
+ background-color: #4df946
+}
+
+.org-org-habit-ready-future {
+ background-color: #acfca9
+}
+
+.org-org-headline-done {
+ color: #bc8f8f
+}
+
+.org-org-hide {
+ color: #fff
+}
+
+.org-org-latex-and-related {
+ color: #8b4513
+}
+
+.org-org-level-1 {
+ color: #edd1c5
+}
+
+.org-org-level-2 {
+ color: #ebebb7
+}
+
+.org-org-level-3 {
+ color: #cce8cc
+}
+
+.org-org-level-4 {
+ color: #c9deec
+}
+
+.org-org-level-5 {
+ color: #dce3e8
+}
+
+.org-org-level-6 {
+ color: #dde6dd
+}
+
+.org-org-level-7 {
+ color: #e8e8ce
+}
+
+.org-org-level-8 {
+ color: #e8dedb
+}
+
+.org-org-link {
+ color: #c5d2dc;
+ text-decoration: underline
+}
+
+.org-org-list-dt {
+ font-weight: 700
+}
+
+.org-org-macro {
+ color: #8b4513
+}
+
+.org-org-meta-line {
+ color: #b22222
+}
+
+.org-org-mode-line-clock {
+ color: #000;
+ background-color: #bfbfbf
+}
+
+.org-org-mode-line-clock-overrun {
+ color: #000;
+ background-color: red
+}
+
+.org-org-priority {
+ color: #a020f0
+}
+
+.org-org-quote {
+ color: #7f7f7f
+}
+
+.org-org-ref-acronym {
+ color: #ee7600;
+ text-decoration: underline
+}
+
+.org-org-ref-cite {
+ color: #c3d5c3;
+ text-decoration: underline
+}
+
+.org-org-ref-glossary {
+ color: #8968cd;
+ text-decoration: underline
+}
+
+.org-org-ref-label {
+ color: #8b008b;
+ text-decoration: underline
+}
+
+.org-org-ref-ref {
+ color: #e1cc96;
+ text-decoration: underline
+}
+
+.org-org-scheduled {
+ color: #006400
+}
+
+.org-org-scheduled-previously {
+ color: #b22222
+}
+
+.org-org-scheduled-today {
+ color: #006400
+}
+
+.org-org-sexp-date {
+ color: #a020f0
+}
+
+.org-org-special-keyword {
+ color: #88949f
+}
+
+.org-org-table {
+ color: #00f
+}
+
+.org-org-tag,
+.org-org-tag-group {
+ font-weight: 700
+}
+
+.org-org-target {
+ text-decoration: underline
+}
+
+.org-org-time-grid {
+ color: #b8860b
+}
+
+.org-org-todo {
+ color: red;
+ font-weight: 700
+}
+
+.org-org-upcoming-deadline {
+ color: #b22222
+}
+
+.org-org-verbatim,
+.org-org-verse {
+ color: #7f7f7f
+}
+
+.org-org-warning {
+ color: red;
+ font-weight: 700
+}
+
+.org-outline-1 {
+ color: #00f
+}
+
+.org-outline-2 {
+ color: sienna
+}
+
+.org-outline-3 {
+ color: #a020f0
+}
+
+.org-outline-4 {
+ color: #b22222
+}
+
+.org-outline-5 {
+ color: #228b22
+}
+
+.org-outline-6 {
+ color: #008b8b
+}
+
+.org-outline-7 {
+ color: #483d8b
+}
+
+.org-outline-8 {
+ color: #8b2252
+}
+
+.org-package-description {
+ color: #000;
+ background-color: #fff
+}
+
+.org-package-name {
+ color: #3a5fcd;
+ text-decoration: underline
+}
+
+.org-package-status-avail-obso {
+ color: #b22222
+}
+
+.org-package-status-available {
+ color: #000;
+ background-color: #fff
+}
+
+.org-package-status-built-in {
+ color: #483d8b
+}
+
+.org-package-status-dependency {
+ color: #b22222
+}
+
+.org-package-status-disabled {
+ color: red;
+ font-weight: 700
+}
+
+.org-package-status-external {
+ color: #483d8b
+}
+
+.org-package-status-held {
+ color: #008b8b
+}
+
+.org-package-status-incompat,
+.org-package-status-installed {
+ color: #b22222
+}
+
+.org-package-status-unsigned {
+ color: red;
+ font-weight: 700
+}
+
+.org-pdf-isearch-batch {
+ background-color: #ff0
+}
+
+.org-pdf-isearch-lazy {
+ background-color: #afeeee
+}
+
+.org-pdf-isearch-match {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-pdf-occur-document {
+ color: #8b2252
+}
+
+.org-pdf-occur-page {
+ color: #228b22
+}
+
+.org-pdf-view-rectangle {
+ background-color: #b4eeb4
+}
+
+.org-pdf-view-region {
+ background-color: gtk_selection_bg_color
+}
+
+.org-powerline-active0 {
+ color: #000;
+ background-color: #bfbfbf
+}
+
+.org-powerline-active1 {
+ color: #fff;
+ background-color: #2b2b2b
+}
+
+.org-powerline-active2 {
+ color: #fff;
+ background-color: #666
+}
+
+.org-powerline-inactive0 {
+ color: #333;
+ background-color: #e5e5e5
+}
+
+.org-powerline-inactive1 {
+ color: #333;
+ background-color: #1c1c1c
+}
+
+.org-powerline-inactive2 {
+ color: #333;
+ background-color: #333
+}
+
+.org-preprocessor {
+ color: #483d8b
+}
+
+.org-query-replace {
+ color: #b0e2ff;
+ background-color: #cd00cd
+}
+
+.org-rainbow-delimiters-depth-1 {
+ color: #ffdead
+}
+
+.org-rainbow-delimiters-depth-2 {
+ color: #00bfff
+}
+
+.org-rainbow-delimiters-depth-3 {
+ color: #ffdead
+}
+
+.org-rainbow-delimiters-depth-4 {
+ color: #00bfff
+}
+
+.org-rainbow-delimiters-depth-5 {
+ color: #ffdead
+}
+
+.org-rainbow-delimiters-depth-6 {
+ color: #00bfff
+}
+
+.org-rainbow-delimiters-depth-7 {
+ color: #ffdead
+}
+
+.org-rainbow-delimiters-depth-8 {
+ color: #00bfff
+}
+
+.org-rainbow-delimiters-depth-9 {
+ color: #ffdead
+}
+
+.org-rainbow-delimiters-unmatched {
+ color: #88090b
+}
+
+.org-reb-match-0 {
+ background-color: #add8e6
+}
+
+.org-reb-match-1 {
+ background-color: #7fffd4
+}
+
+.org-reb-match-2 {
+ background-color: #00ff7f
+}
+
+.org-reb-match-3 {
+ background-color: #ff0
+}
+
+.org-rectangle-preview {
+ background-color: gtk_selection_bg_color
+}
+
+.org-regexp-grouping-backslash,
+.org-regexp-grouping-construct {
+ font-weight: 700
+}
+
+.org-region {
+ background-color: gtk_selection_bg_color
+}
+
+.org-secondary-selection {
+ background-color: #ff0
+}
+
+.org-semantic-highlight-edits,
+.org-semantic-highlight-func-current-tag {
+ background-color: #e5e5e5
+}
+
+.org-semantic-unmatched-syntax {
+ text-decoration: underline
+}
+
+.org-sgml-namespace {
+ color: #483d8b
+}
+
+.org-sh-escaped-newline {
+ color: #8b2252
+}
+
+.org-sh-heredoc {
+ color: #ee0
+}
+
+.org-sh-quoted-exec {
+ color: #f0f
+}
+
+.org-shadow {
+ color: #7f7f7f
+}
+
+.org-show-paren-match {
+ background-color: #40e0d0
+}
+
+.org-show-paren-mismatch {
+ color: #fff;
+ background-color: #a020f0
+}
+
+.org-sp-pair-overlay,
+.org-sp-show-pair-enclosing {
+ background-color: #b4eeb4
+}
+
+.org-sp-show-pair-match {
+ background-color: #40e0d0
+}
+
+.org-sp-show-pair-mismatch {
+ color: #fff;
+ background-color: #a020f0
+}
+
+.org-sp-wrap-overlay {
+ background-color: #b4eeb4
+}
+
+.org-sp-wrap-overlay-closing-pair {
+ color: red;
+ background-color: #b4eeb4
+}
+
+.org-sp-wrap-overlay-opening-pair {
+ color: #0f0;
+ background-color: #b4eeb4
+}
+
+.org-sp-wrap-tag-overlay {
+ background-color: #b4eeb4
+}
+
+.org-spaceline-flycheck-error {
+ color: #fc5c94;
+ background-color: #333
+}
+
+.org-spaceline-flycheck-info {
+ color: #8de6f7;
+ background-color: #333
+}
+
+.org-spaceline-flycheck-warning {
+ color: #f3ea98;
+ background-color: #333
+}
+
+.org-spaceline-python-venv {
+ color: #fbf
+}
+
+.org-speedbar-button {
+ color: #008b00
+}
+
+.org-speedbar-directory {
+ color: #00008b
+}
+
+.org-speedbar-file {
+ color: #008b8b
+}
+
+.org-speedbar-highlight {
+ background-color: #0f0
+}
+
+.org-speedbar-selected {
+ color: red;
+ text-decoration: underline
+}
+
+.org-speedbar-separator {
+ color: #fff;
+ background-color: #00f;
+ text-decoration: overline
+}
+
+.org-speedbar-tag {
+ color: brown
+}
+
+.org-string {
+ color: #8b2252
+}
+
+.org-success {
+ color: #228b22;
+ font-weight: 700
+}
+
+.org-table-cell {
+ color: #e5e5e5;
+ background-color: #00f
+}
+
+.org-tex-math {
+ color: #8b2252
+}
+
+.org-tool-bar {
+ color: #000;
+ background-color: #bfbfbf
+}
+
+.org-tooltip {
+ color: #000;
+ background-color: #ffffe0
+}
+
+.org-trailing-whitespace {
+ background-color: red
+}
+
+.org-tty-menu-disabled {
+ color: #d3d3d3;
+ background-color: #00f
+}
+
+.org-tty-menu-enabled {
+ color: #ff0;
+ background-color: #00f;
+ font-weight: 700
+}
+
+.org-tty-menu-selected {
+ background-color: red
+}
+
+.org-type {
+ color: #228b22
+}
+
+.org-underline {
+ text-decoration: underline
+}
+
+.org-undo-tree-visualizer-active-branch {
+ color: #000;
+ font-weight: 700
+}
+
+.org-undo-tree-visualizer-current {
+ color: red
+}
+
+.org-undo-tree-visualizer-default {
+ color: #bebebe
+}
+
+.org-undo-tree-visualizer-register {
+ color: #ff0
+}
+
+.org-undo-tree-visualizer-unmodified {
+ color: #0ff
+}
+
+.org-variable-name {
+ color: sienna
+}
+
+.org-vhlXdefault {
+ background-color: #ff0
+}
+
+.org-warning {
+ color: #ff8c00;
+ font-weight: 700
+}
+
+.org-warning-1 {
+ color: red;
+ font-weight: 700
+}
+
+.org-wgrep {
+ color: #fff;
+ background-color: #228b22
+}
+
+.org-wgrep-delete {
+ color: pink;
+ background-color: #228b22
+}
+
+.org-wgrep-done {
+ color: #00f
+}
+
+.org-wgrep-file {
+ color: #fff;
+ background-color: #228b22
+}
+
+.org-wgrep-reject {
+ color: red;
+ font-weight: 700
+}
+
+.org-which-key-command-description {
+ color: #00f
+}
+
+.org-which-key-docstring {
+ color: #b22222
+}
+
+.org-which-key-group-description {
+ color: #a020f0
+}
+
+.org-which-key-highlighted-command {
+ color: #00f;
+ text-decoration: underline
+}
+
+.org-which-key-key {
+ color: #008b8b
+}
+
+.org-which-key-local-map-description {
+ color: #00f
+}
+
+.org-which-key-note,
+.org-which-key-separator {
+ color: #b22222
+}
+
+.org-which-key-special-key {
+ color: #008b8b;
+ font-weight: 700
+}
+
+.org-whitespace-big-indent {
+ color: #b22222;
+ background-color: red
+}
+
+.org-whitespace-empty {
+ color: #b22222;
+ background-color: #ff0
+}
+
+.org-whitespace-hspace {
+ color: #d3d3d3;
+ background-color: #cdc9a5
+}
+
+.org-whitespace-indentation {
+ color: #b22222;
+ background-color: #ff0
+}
+
+.org-whitespace-line {
+ color: violet;
+ background-color: #333
+}
+
+.org-whitespace-newline {
+ color: #d3d3d3
+}
+
+.org-whitespace-space {
+ color: #d3d3d3;
+ background-color: #ffffe0
+}
+
+.org-whitespace-space-after-tab {
+ color: #b22222;
+ background-color: #ff0
+}
+
+.org-whitespace-space-before-tab {
+ color: #b22222;
+ background-color: #ff8c00
+}
+
+.org-whitespace-tab {
+ color: #d3d3d3;
+ background-color: beige
+}
+
+.org-whitespace-trailing {
+ color: #ff0;
+ background-color: red;
+ font-weight: 700
+}
+
+.org-widget-button {
+ font-weight: 700
+}
+
+.org-widget-button-pressed {
+ color: red
+}
+
+.org-widget-documentation {
+ color: #006400
+}
+
+.org-widget-field {
+ background-color: #d9d9d9
+}
+
+.org-widget-inactive {
+ color: #7f7f7f
+}
+
+.org-widget-single-line-field {
+ background-color: #d9d9d9
+}
+
+.org-window-divider {
+ color: #999
+}
+
+.org-window-divider-first-pixel {
+ color: #ccc
+}
+
+.org-window-divider-last-pixel {
+ color: #666
+}
+
+a {
+ color: inherit;
+ background-color: inherit;
+ font: inherit;
+ text-decoration: inherit
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+body {
+ width: 95%;
+ margin: 2% auto;
+ font-size: 14px;
+ line-height: 1.4em;
+ font-family: Georgia, serif;
+ color: #333
+}
+
+/* @media screen and (min-width:600px) { */
+/* body { */
+/* font-size: 18px */
+/* } */
+/* } */
+
+/* @media screen and (min-width:910px) { */
+/* body { */
+/* width: 1000px */
+/* } */
+/* } */
+
+::-moz-selection {
+ background: #d6edff
+}
+
+::selection {
+ background: #d6edff
+}
+
+p {
+ margin: 1em auto
+}
+
+dl,
+ol,
+ul {
+ margin: 0 auto
+}
+
+.title {
+ margin: .8em auto;
+ color: #000
+}
+
+.subtitle,
+.title {
+ text-align: center
+}
+
+.subtitle {
+ font-size: 1.1em;
+ line-height: 1.4;
+ font-weight: 700;
+ margin: 1em auto
+}
+
+.abstract {
+ margin: auto;
+ width: 80%;
+ font-style: italic
+}
+
+.abstract p:last-of-type:before {
+ content: " ";
+ white-space: pre
+}
+
+.status {
+ font-size: 90%;
+ margin: 2em auto
+}
+
+[class^=section-number-] {
+ margin-right: .5em
+}
+
+[id^=orgheadline] {
+ clear: both
+}
+
+#footnotes {
+ font-size: 90%
+}
+
+.footpara {
+ display: inline;
+ margin: .2em auto
+}
+
+.footdef {
+ margin-bottom: 1em
+}
+
+.footdef sup {
+ padding-right: .5em
+}
+
+a {
+ color: #527d9a;
+ text-decoration: none
+}
+
+a:hover {
+ color: #035;
+ border-bottom: 1px dotted
+}
+
+figure {
+ padding: 0;
+ margin: 1em auto;
+ text-align: center
+}
+
+img {
+ max-width: 100%;
+ vertical-align: middle
+}
+
+.MathJax_Display {
+ margin: 0 !important;
+ width: 90% !important
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #a5573e;
+ line-height: 1em;
+ font-family: Helvetica, sans-serif
+}
+
+h1,
+h2,
+h3 {
+ line-height: 1.4em
+}
+
+h4,
+h5,
+h6 {
+ font-size: 1em
+}
+
+@media screen and (min-width:600px) {
+ h1 {
+ font-size: 2em
+ }
+
+ h2 {
+ font-size: 1.5em
+ }
+
+ h3 {
+ font-size: 1.3em
+ }
+
+ h1,
+ h2,
+ h3 {
+ line-height: 1.4em
+ }
+
+ h4,
+ h5,
+ h6 {
+ font-size: 1.1em
+ }
+}
+
+dt {
+ font-weight: 700
+}
+
+table {
+ margin: 1em auto;
+ border-top: 2px solid;
+ border-collapse: collapse
+}
+
+table,
+thead {
+ border-bottom: 2px solid
+}
+
+table td+td,
+table th+th {
+ border-left: 1px solid grey
+}
+
+table tr {
+ border-top: 1px solid #d3d3d3
+}
+
+td,
+th {
+ padding: .3em .6em;
+ vertical-align: middle
+}
+
+caption.t-above {
+ caption-side: top
+}
+
+caption.t-bottom {
+ caption-side: bottom
+}
+
+caption {
+ margin-bottom: .3em
+}
+
+figcaption {
+ margin-top: .3em
+}
+
+th.org-center,
+th.org-left,
+th.org-right {
+ text-align: center
+}
+
+td.org-right {
+ text-align: right
+}
+
+td.org-left {
+ text-align: left
+}
+
+td.org-center {
+ text-align: center
+}
+
+blockquote {
+ margin: 1em 2em;
+ padding-left: 1em;
+ border-left: 3px solid #ccc
+}
+
+kbd {
+ background-color: #f7f7f7;
+ font-size: 80%;
+ margin: 0 .1em;
+ padding: .1em .6em
+}
+
+.todo {
+ background-color: red
+}
+
+.done,
+.todo {
+ color: #fff;
+ padding: .1em .3em;
+ border-radius: 3px;
+ background-clip: padding-box;
+ font-size: 80%;
+ font-family: Lucida Console, monospace;
+ line-height: 1
+}
+
+.done {
+ background-color: green
+}
+
+.priority {
+ color: orange;
+ font-family: Lucida Console, monospace
+}
+
+#table-of-contents li {
+ clear: both
+}
+
+.tag {
+ font-family: Lucida Console, monospace;
+ font-size: .7em;
+ font-weight: 400
+}
+
+.tag span {
+ padding: .3em;
+ float: right;
+ margin-right: .5em;
+ border: 1px solid #bbb;
+ border-radius: 3px;
+ background-clip: padding-box;
+ color: #333;
+ background-color: #eee;
+ line-height: 1
+}
+
+.timestamp {
+ color: #bebebe;
+ font-size: 90%
+}
+
+.timestamp-kwd {
+ color: #5f9ea0
+}
+
+.org-right {
+ margin-left: auto;
+ margin-right: 0;
+ text-align: right
+}
+
+.org-left {
+ margin-left: 0;
+ margin-right: auto;
+ text-align: left
+}
+
+.org-center {
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center
+}
+
+.underline {
+ text-decoration: underline
+}
+
+#postamble p,
+#preamble p {
+ font-size: 90%;
+ margin: .2em
+}
+
+p.verse {
+ margin-left: 3%
+}
+
+:not(pre)>code {
+ padding: 2px 5px;
+ margin: auto 1px;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ background-clip: padding-box;
+ color: #333;
+ font-size: 80%
+}
+
+.org-src-container {
+ border: 1px solid #ccc;
+ box-shadow: 3px 3px 3px #eee;
+ font-family: Lucida Console, monospace;
+ font-size: 80%;
+ margin: 1em auto;
+ padding: .1em .5em;
+ position: relative
+}
+
+.org-src-container>pre {
+ overflow: auto
+}
+
+.org-src-container>pre:before {
+ display: block;
+ position: absolute;
+ background-color: #b3b3b3;
+ top: 0;
+ right: 0;
+ padding: 0 .5em;
+ border-bottom-left-radius: 8px;
+ border: 0;
+ color: #fff;
+ font-size: 80%
+}
+
+.org-src-container>pre.src-sh:before {
+ content: "sh"
+}
+
+.org-src-container>pre.src-bash:before {
+ content: "bash"
+}
+
+.org-src-container>pre.src-emacs-lisp:before {
+ content: "Emacs Lisp"
+}
+
+.org-src-container>pre.src-R:before {
+ content: "R"
+}
+
+.org-src-container>pre.src-cpp:before {
+ content: "C++"
+}
+
+.org-src-container>pre.src-c:before {
+ content: "C"
+}
+
+.org-src-container>pre.src-html:before {
+ content: "HTML"
+}
+
+.org-src-container>pre.src-javascript:before,
+.org-src-container>pre.src-js:before {
+ content: "Javascript"
+}
+
+// More languages 0% http://orgmode.org/worg/org-contrib/babel/languages.html .org-src-container>pre.src-abc:before{content:"ABC"}.org-src-container>pre.src-asymptote:before{content:"Asymptote"}.org-src-container>pre.src-awk:before{content:"Awk"}.org-src-container>pre.src-C:before{content:"C"}.org-src-container>pre.src-calc:before{content:"Calc"}.org-src-container>pre.src-clojure:before{content:"Clojure"}.org-src-container>pre.src-comint:before{content:"comint"}.org-src-container>pre.src-css:before{content:"CSS"}.org-src-container>pre.src-D:before{content:"D"}.org-src-container>pre.src-ditaa:before{content:"Ditaa"}.org-src-container>pre.src-dot:before{content:"Dot"}.org-src-container>pre.src-ebnf:before{content:"ebnf"}.org-src-container>pre.src-forth:before{content:"Forth"}.org-src-container>pre.src-F90:before{content:"Fortran"}.org-src-container>pre.src-gnuplot:before{content:"Gnuplot"}.org-src-container>pre.src-haskell:before{content:"Haskell"}.org-src-container>pre.src-io:before{content:"Io"}.org-src-container>pre.src-java:before{content:"Java"}.org-src-container>pre.src-latex:before{content:"LaTeX"}.org-src-container>pre.src-ledger:before{content:"Ledger"}.org-src-container>pre.src-ly:before{content:"Lilypond"}.org-src-container>pre.src-lisp:before{content:"Lisp"}.org-src-container>pre.src-makefile:before{content:"Make"}.org-src-container>pre.src-matlab:before{content:"Matlab"}.org-src-container>pre.src-max:before{content:"Maxima"}.org-src-container>pre.src-mscgen:before{content:"Mscgen"}.org-src-container>pre.src-Caml:before{content:"Objective"}.org-src-container>pre.src-octave:before{content:"Octave"}.org-src-container>pre.src-org:before{content:"Org"}.org-src-container>pre.src-perl:before{content:"Perl"}.org-src-container>pre.src-picolisp:before{content:"Picolisp"}.org-src-container>pre.src-plantuml:before{content:"PlantUML"}.org-src-container>pre.src-python:before{content:"Python"}.org-src-container>pre.src-ruby:before{content:"Ruby"}.org-src-container>pre.src-sass:before{content:"Sass"}.org-src-container>pre.src-scala:before{content:"Scala"}.org-src-container>pre.src-scheme:before{content:"Scheme"}.org-src-container>pre.src-screen:before{content:"Screen"}.org-src-container>pre.src-sed:before{content:"Sed"}.org-src-container>pre.src-shell:before{content:"shell"}.org-src-container>pre.src-shen:before{content:"Shen"}.org-src-container>pre.src-sql:before{content:"SQL"}.org-src-container>pre.src-sqlite:before{content:"SQLite"}.org-src-container>pre.src-stan:before{content:"Stan"}.org-src-container>pre.src-vala:before{content:"Vala"}.org-src-container>pre.src-axiom:before{content:"Axiom"}.org-src-container>pre.src-browser:before{content:"HTML"}.org-src-container>pre.src-cypher:before{content:"Neo4j"}.org-src-container>pre.src-elixir:before{content:"Elixir"}.org-src-container>pre.src-request:before{content:"http"}.org-src-container>pre.src-ipython:before{content:"iPython"}.org-src-container>pre.src-kotlin:before{content:"Kotlin"}.org-src-container>pre.src-Flavored Erlang lfe:before{content:"Lisp"}.org-src-container>pre.src-mongo:before{content:"MongoDB"}.org-src-container>pre.src-prolog:before{content:"Prolog"}.org-src-container>pre.src-rec:before{content:"rec"}.org-src-container>pre.src-ML sml:before{content:"Standard"}.org-src-container>pre.src-Translate translate:before{content:"Google"}.org-src-container>pre.src-typescript:before{content:"Typescript"}.org-src-container>pre.src-rust:before{content:"Rust"}.inlinetask{background:#ffc;border:2px solid grey;margin:10px;padding:10px}#org-div-home-and-up{font-size:70%;text-align:right;white-space:nowrap}.linenr{font-size:90%}.code-highlighted{background-color:#ff0}#bibliography{font-size:90%}#bibliography table{width:100%}.creator{display:block}@media screen and (min-width:600px){.creator{display:inline;float:right}}
diff --git a/output/assets/styles/style.css b/output/assets/styles/style.css
new file mode 100644
index 0000000..ed3ef82
--- /dev/null
+++ b/output/assets/styles/style.css
@@ -0,0 +1,670 @@
+/* =========================
+ Theme variables
+ ========================= */
+:root{
+ /* Layout */
+ --content: 880px;
+ --gutter: 2rem;
+ --margin: 420px;
+ --body-pad: 1rem;
+
+ /* Fullwidth media tuning */
+ --bleed: 48px;
+ --fullwidth-cap: 860px;
+
+ /* Colors */
+ --bg: #faf9f6;
+ --fg: #000000;
+ --link: #1a0dab;
+ --heading: #004c99;
+ --code-bg: #f0f0f0;
+ --active-toc: #cacaca;
+
+ /* Notes */
+ --note-color: #555;
+ --note-bg: transparent;
+}
+
+/* =========================
+ Base
+ ========================= */
+html, body{
+ background-color: var(--bg);
+ color: var(--fg);
+ font-size: 16px;
+ transition: background-color .3s, color .3s;
+ margin: 0;
+}
+
+h1, h2, h3{ color: var(--heading); }
+
+a {
+ color: var(--link);
+ text-decoration: none; /* removes underline by default */
+}
+
+a:hover {
+ text-decoration: underline; /* only show on hover */
+}
+
+/* =========================
+ Header / Banner
+ ========================= */
+.banner-header{
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ padding: .5rem 1rem;
+ border-radius: 6px;
+}
+.banner-logo{
+ height: 80px; width: auto;
+ margin-right: 1.5rem; border-radius: 50%;
+}
+nav{
+ display: flex; gap: 1rem;
+ font-weight: 600; font-size: 1.1rem;
+}
+#updated{
+ font-size: .8rem; color: var(--fg);
+ margin: .5rem 0 1rem; font-style: italic;
+}
+/* Mobile banner */
+@media (max-width: 600px){
+ .banner-header{ flex-direction: column; align-items: center; text-align: center; }
+ .banner-logo{ margin: 0 0 .5rem 0; }
+ nav{ flex-wrap: wrap; justify-content: center; gap: .5rem; font-size: 1rem; }
+}
+/* Make the preamble align with the content column + right rail */
+#preamble.status{
+ max-width: var(--content);
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: var(--body-pad);
+ padding-right: var(--body-pad);
+ box-sizing: content-box;
+}
+
+#preamble .banner-header,
+#preamble #updated{
+ max-width: 100%;
+}
+
+@media (max-width: 1100px){
+ #preamble.status{
+ padding-right: var(--body-pad);
+ }
+}
+
+/* =========================
+ Footer
+ ========================= */
+footer{
+ color: var(--fg);
+ padding: 1rem; margin-top: 2rem;
+ border-radius: 6px; text-align: center;
+ font-size: .9rem; font-style: italic;
+}
+
+/* =========================
+ Content column + reserved right margin
+ ========================= */
+#content.content{
+ max-width: var(--content);
+ margin-left: auto !important;
+ margin-right: auto !important;
+ padding-left: var(--body-pad);
+ padding-right: var(--body-pad);
+ box-sizing: content-box;
+ position: relative; /* fine to keep */
+}
+
+
+/* Figures & normal images obey text column */
+#content .figure,
+#content img:not(.fullwidth){
+ max-width: 100%;
+ height: auto;
+}
+
+/* =========================
+ Sidenotes (Tufte-like)
+ ========================= */
+/* HTML pattern:
+ label.margin-toggle.sidenote-number + input.margin-toggle + span.sidenote
+*/
+/* Sidenotes: float-right inside #content, then push them into the right gutter+edge */
+.sidenote,
+.marginnote{
+ float: right;
+ width: var(--margin);
+ margin-right: calc(-1 * ( (95vw - var(--content)) / 2 ));
+ padding-left: var(--gutter);
+ overflow-wrap: break-word; /* preferred */
+ word-wrap: break-word; /* legacy support */
+ word-break: break-word; /* safety for stubborn cases */
+ margin-top: .3rem;
+ margin-bottom: .6rem;
+ font-size: .95rem;
+ line-height: 1.35;
+ color: var(--note-color);
+ background: var(--note-bg);
+ box-sizing: border-box;
+}
+
+/* Optional: show the same footnote number in the margin */
+.footnote-sidenote::before{
+ content: attr(data-fn) " ";
+ font-size: 0.85em;
+ vertical-align: super;
+ margin-right: 0.2rem;
+ opacity: 0.85;
+}
+/* Sidenote numbering */
+body{ counter-reset: sidenote-counter; }
+.sidenote-number:after{
+ counter-increment: sidenote-counter;
+ content: counter(sidenote-counter);
+ font-size: .85em;
+ vertical-align: super;
+ margin-left: .15rem;
+}
+
+/* Hide checkbox toggles (kept for mobile patterns if added later) */
+.margin-toggle{
+ position: absolute;
+ opacity: 0;
+ pointer-events: none;
+}
+
+/* Safety: only big blocks should clear floats to avoid gaps */
+#content .figure,
+#content .org-src-container,
+#content img.fullwidth{
+ //clear: both;
+}
+
+/* =========================
+ Fullwidth media (centered, modest bleed, no collision)
+ ========================= */
+.fullwidth{
+ display: block;
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+ height: auto;
+ margin: 1.25rem 0 1.75rem;
+ width: 100%;
+ max-width: min(
+ calc(var(--content) + var(--bleed) * 2), /* centered bleed */
+ var(--fullwidth-cap), /* absolute cap */
+ calc(100vw - 2 * var(--body-pad)) /* never cause horizontal scroll */
+ );
+}
+.figure .fullwidth{ width: inherit; } /* if img sits inside a figure */
+.figure figcaption{
+ text-align: center; font-size: .95rem; color: #666; margin-top: .4rem;
+}
+
+@media (max-width: 1100px){
+ #content.content{
+ padding-right: var(--body-pad);
+ }
+ .sidenote,
+ .marginnote{
+ float: none;
+ clear: both;
+ width: auto;
+ display: block; /* ⬅ make them start on a new line */
+ margin: 0.5rem 0 0.75rem; /* spacing above/below */
+ padding-left: 0.75rem;
+ border-left: 3px solid rgba(0,0,0,.08);
+ margin-right: 0;
+ }
+ .fullwidth{
+ max-width: calc(100vw - 2 * var(--body-pad));
+ }
+}
+
+
+/* Ultra-wide comfort tweaks */
+/* @media (min-width: 1600px){ */
+/* :root{ --content: 720px; --margin: 360px; } */
+/* } */
+
+/* =========================
+ Code highlighting (Org-mode classes)
+ ========================= */
+.org-comment { color: #b22222; } /* comments */
+.org-string { color: #8b2252; } /* string literals */
+.org-keyword { color: #a020f0; } /* keywords */
+.org-builtin { color: #483d8b; } /* builtins */
+.org-constant { color: #008b8b; } /* constants / numbers */
+.org-function-name { color: #0000ff; } /* function names */
+.org-variable-name { color: sienna; } /* variables */
+.org-type { color: #228b22; } /* types/classes */
+.org-preprocessor { color: #483d8b; } /* #define, import, etc. */
+.org-doc { color: #8b2252; } /* docstrings */
+.org-warning { color: #ff8c00; font-weight: 700; } /* warnings */
+
+/* Inline code */
+:not(pre) > code{
+ padding: 2px 5px; margin: 0 1px;
+ border: 1px solid #ddd; border-radius: 3px;
+ background-clip: padding-box;
+ color: #333; font-size: 80%;
+}
+pre {
+ background-color: var(--bg);
+}
+/* Code blocks */
+.org-src-container{
+ border: 1px solid #ccc;
+ box-shadow: 3px 3px 3px #eee;
+ font-family: Lucida Console, monospace;
+ font-size: 80%;
+ margin: 1em auto;
+ padding: .1em .5em;
+ position: relative;
+}
+.org-src-container > pre{ overflow: auto; }
+
+/* Language badges (optional) */
+.org-src-container > pre:before{
+ display: block; position: absolute; top: 0; right: 0;
+ background-color: #b3b3b3; color: #fff;
+ padding: 0 .5em; border-bottom-left-radius: 8px; border: 0;
+ font-size: 80%;
+}
+.org-src-container > pre.src-bash:before { content: "bash"; }
+.org-src-container > pre.src-sh:before { content: "sh"; }
+.org-src-container > pre.src-shell:before { content: "shell"; }
+.org-src-container > pre.src-python:before { content: "Python"; }
+.org-src-container > pre.src-emacs-lisp:before { content: "Emacs Lisp"; }
+.org-src-container > pre.src-js:before,
+.org-src-container > pre.src-javascript:before { content: "Javascript"; }
+.org-src-container > pre.src-typescript:before { content: "Typescript"; }
+.org-src-container > pre.src-html:before { content: "HTML"; }
+.org-src-container > pre.src-css:before { content: "CSS"; }
+.org-src-container > pre.src-c:before { content: "C"; }
+.org-src-container > pre.src-cpp:before { content: "C++"; }
+.org-src-container > pre.src-java:before { content: "Java"; }
+.org-src-container > pre.src-rust:before { content: "Rust"; }
+.org-src-container > pre.src-R:before { content: "R"; }
+
+/* Org copy button on blocks */
+.copy-btn{
+ position: absolute; top: .4em; right: .4em;
+ background-color: var(--code-bg); color: var(--heading);
+ border: 1px solid var(--heading); border-radius: 4px;
+ padding: .2em .6em; font-size: .8rem; cursor: pointer; z-index: 10;
+ transition: background-color .3s;
+}
+.copy-btn:hover{ background-color: var(--heading); color: var(--code-bg); }
+
+/* Org’s default pre label removal if duplicated elsewhere */
+pre.src::before{ content: none !important; }
+pre.src{
+ padding: 1.5em 1em 1em;
+ font-family: "Fira Mono","Courier New",monospace;
+ font-size: .9rem; line-height: 1.4;
+ overflow-x: auto; white-space: pre-wrap;
+}
+
+/* =========================
+ Lists with post meta chips
+ ========================= */
+.post-date{ color: pink; font-size: .9em; margin-left: 8px; }
+
+/* Post tag chip no longer needs a clearfix */
+.post-tag{
+ float: right;
+ display: inline-block;
+ background-color: #f0f0f0;
+ color: #444;
+ border-radius: 5px;
+ padding: 2px 6px;
+ margin-left: 6px;
+ font-size: 0.8em;
+}
+/* Shared base styles for all lists */
+ul, ol {
+ margin: 1rem 0 1.5rem 1.5rem; /* space above/below and indent */
+ padding: 0;
+ line-height: 1.5;
+}
+
+/* Unordered lists: custom bullet */
+ul {
+ list-style: none; /* remove default bullet */
+}
+ul li {
+ position: relative;
+ padding-left: 1.2em; /* space for custom bullet */
+}
+ul li::before {
+ content: "•"; /* bullet character */
+ position: absolute;
+ left: 0;
+ top: 0;
+ color: var(--heading); /* matches your headings color */
+ font-weight: bold;
+}
+
+/* Ordered lists: styled numbers */
+ol {
+ counter-reset: list-counter;
+ list-style: none; /* remove default numbering */
+}
+ol li {
+ counter-increment: list-counter;
+ position: relative;
+ padding-left: 1.8em; /* space for custom number */
+}
+ol li::before {
+ content: counter(list-counter) ".";
+ position: absolute;
+ left: 0;
+ top: 0;
+ color: var(--heading);
+ font-weight: bold;
+}
+
+/* List items: keep your float containment and spacing */
+li {
+ margin-bottom: 8px;
+ display: flow-root; /* contains floats like .post-tag */
+}
+
+/* Remove the old clearfix ::after */
+li::after {
+ content: none;
+}
+
+/* Nested lists: smaller bullet/number and reduced spacing */
+li ul,
+li ol {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+li ul li::before {
+ content: "–"; /* en dash for nested bullets */
+ font-weight: normal;
+ color: var(--note-color);
+}
+li ol li::before {
+ font-weight: normal;
+ color: var(--note-color);
+}
+/* Epigraph container: center and limit width */
+.epigraph {
+ margin: 2rem auto;
+ max-width: 80%; /* narrower than full text width */
+ font-style: italic;
+}
+
+/* Main blockquote style */
+.epigraph blockquote {
+ margin: 0;
+ padding: 1rem 1.5rem;
+ border-left: 4px solid var(--heading);
+ background-color: rgba(0, 0, 0, 0.02); /* subtle background */
+ color: var(--fg);
+ line-height: 1.6;
+}
+
+/* Footer inside blockquote: author/source */
+.epigraph blockquote footer {
+ margin-top: 0.75rem;
+ font-style: normal; /* turn off italic for attribution */
+ font-size: 0.9em;
+ color: var(--note-color);
+ text-align: right;
+}
+
+/* Cite: make source title distinct */
+.epigraph blockquote cite {
+ font-style: italic;
+ font-weight: 500;
+ color: var(--link);
+}
+
+/* Optional: remove automatic quotes from in some browsers */
+.epigraph blockquote::before,
+.epigraph blockquote::after {
+ content: none;
+}
+/* =========================================
+ Dark mode — manual (data-theme) wins
+ ========================================= */
+:root {
+ /* optional: shared tokens for borders/chips */
+ --border: #d7d7d7;
+ --chip-bg: #f0f0f0;
+ --chip-fg: #444;
+ --muted: #666;
+}
+
+:root[data-theme="dark"]{
+ --bg: #0f1115;
+ --fg: #e6e6e6;
+ --link: #8ab4ff;
+ --heading: #9ecbff;
+ --code-bg: #1a1d24;
+
+ --note-color: #c2c7cf;
+ --note-bg: transparent;
+
+ --border: #2a2f3a;
+ --chip-bg: #1f2330;
+ --chip-fg: #cfd3da;
+ --muted: #a9b0bb;
+ --active-toc: #313131;
+
+}
+
+/* Auto scheme if no manual override is set */
+@media (prefers-color-scheme: dark){
+ :root:not([data-theme="light"]){
+ --bg: #0f1115;
+ --fg: #e6e6e6;
+ --link: #8ab4ff;
+ --heading: #9ecbff;
+ --code-bg: #1a1d24;
+
+ --note-color: #c2c7cf;
+ --note-bg: transparent;
+
+ --border: #2a2f3a;
+ --chip-bg: #1f2330;
+ --chip-fg: #cfd3da;
+ --muted: #a9b0bb;
+ }
+}
+
+/* Tweak components that used fixed light colors */
+.figure figcaption{ color: var(--muted); }
+.post-tag{
+ background-color: var(--chip-bg);
+ color: var(--chip-fg);
+}
+.org-src-container{
+ border: 1px solid var(--border);
+ box-shadow: 3px 3px 3px rgba(0,0,0,.15);
+}
+:not(pre) > code{
+ border: 1px solid var(--border);
+ background-color: var(--code-bg);
+ color: var(--fg);
+}
+.epigraph blockquote{
+ border-left-color: var(--heading);
+ background-color: color-mix(in oklab, var(--bg) 94%, var(--fg) 6%);
+ color: var(--fg);
+}
+.epigraph blockquote footer{ color: var(--muted); }
+
+/* Mobile sidenote rule uses a light border; make it theme-aware */
+@media (max-width: 1100px){
+ .sidenote, .marginnote{
+ border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
+ }
+}
+
+/* Theme toggle button positioning + transparent background */
+.theme-toggle {
+ position: fixed;
+ top: 0.75rem;
+ right: 1rem;
+ z-index: 1000;
+ border: 1px solid var(--border, #ccc);
+ background: transparent;
+ color: var(--fg);
+ padding: .35rem .7rem;
+ border-radius: 6px;
+ cursor: pointer;
+ font: inherit;
+ transition: background-color 0.3s, color 0.3s, border-color 0.3s;
+}
+.theme-toggle:hover {
+ background-color: rgba(0,0,0,0.05); /* subtle hover tint */
+ color: var(--heading);
+ border-color: var(--heading);
+}
+
+/* Mobile: place next to nav links */
+@media (max-width: 600px) {
+ .theme-toggle {
+ position: static;
+ order: 2; /* after nav links in flex layout */
+ margin-left: .5rem;
+ padding: .3rem .6rem;
+ background: transparent;
+ }
+
+ .banner-header {
+ flex-wrap: wrap;
+ justify-content: center;
+ }
+ .banner-header nav {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ }
+}
+/* Margin/sidenote images */
+.sidenote .mn-fig,
+.marginnote .mn-fig{
+ margin: 0;
+}
+.sidenote .mn-img,
+.marginnote .mn-img{
+ display: block;
+ max-width: 100%;
+ height: auto;
+ border: 1px solid var(--border, #d7d7d7);
+ border-radius: 6px;
+ background: var(--bg);
+}
+.sidenote .mn-fig figcaption,
+.marginnote .mn-fig figcaption{
+ margin-top: .35rem;
+ font-size: .85rem;
+ color: var(--muted, #666);
+ line-height: 1.35;
+}
+
+/* Mobile: these already stack under content via your media query; nothing special needed,
+ but we can soften the border a touch to match the mobile sidenote rule */
+@media (max-width: 1100px){
+ .sidenote .mn-img,
+ .marginnote .mn-img{
+ border-color: color-mix(in oklab, var(--fg) 12%, transparent);
+ }
+}
+.sidenote img {
+ margin-top: 0.35rem;
+ display: block;
+}
+/* .sidenote.footnote-sidenote img { */
+/* margin-top: 0.35rem; */
+/* display: block; */
+/* } */
+
+
+/* =========================
+ Left sticky Table of Contents (desktop)
+ ========================= */
+#table-of-contents{
+ /* push into the left gutter, mirroring .sidenote on the right */
+ float: left;
+ width: var(--margin);
+ margin-left: calc(-1 * ( (95vw - var(--content)) / 2 ));
+ padding-right: var(--gutter);
+ box-sizing: border-box;
+
+ /* sticky behavior */
+ position: sticky;
+ top: 5.5rem; /* clear your banner/header */
+ max-height: calc(100vh - 6rem);
+ overflow: auto;
+
+ /* look & feel */
+ font-size: .95rem;
+ border-right: 1px solid var(--border, #d7d7d7);
+ padding-top: .25rem;
+}
+
+#table-of-contents > h2{
+ margin: 0 0 .5rem;
+ font-size: 1rem;
+ text-transform: uppercase;
+ letter-spacing: .02em;
+ color: var(--muted, #666);
+}
+
+#text-table-of-contents ul{
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+}
+#text-table-of-contents li{
+ margin: .25rem 0;
+}
+#text-table-of-contents a{
+ text-decoration: none; /* no underline by default */
+}
+#text-table-of-contents a:hover{
+ text-decoration: underline;
+}
+
+/* Indent nested ToC levels a bit */
+#text-table-of-contents ul ul { margin-left: .75rem; opacity: .9; }
+
+/* Headings offset so anchors don’t hide under the sticky header */
+h2[id], h3[id], h4[id] { scroll-margin-top: 6.5rem; }
+
+/* =========================
+ Mobile / narrow view
+ ========================= */
+@media (max-width: 1100px){
+ #table-of-contents{
+ float: none;
+ position: static; /* no sticky on small screens */
+ width: auto;
+ margin: 0 0 1rem;
+ padding: .5rem .75rem;
+ border-right: 0;
+ border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
+ background: color-mix(in oklab, var(--bg) 96%, var(--fg) 4%);
+ border-radius: 4px;
+ }
+}
+#text-table-of-contents a.is-active{
+ // font-weight: 700;
+ text-decoration: underline;
+ background-color: var(--active-toc);
+ //border: 1px solid var(--border, #ccc);
+
+}
diff --git a/output/assets/styles/tufte.css b/output/assets/styles/tufte.css
new file mode 100644
index 0000000..8a6aaee
--- /dev/null
+++ b/output/assets/styles/tufte.css
@@ -0,0 +1,451 @@
+@charset "UTF-8";
+
+/* Import ET Book styles
+ adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */
+
+@font-face {
+ font-family: "et-book";
+ src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot");
+ src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg");
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: "et-book";
+ src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot");
+ src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg");
+ font-weight: normal;
+ font-style: italic;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: "et-book";
+ src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot");
+ src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg");
+ font-weight: bold;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: "et-book-roman-old-style";
+ src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot");
+ src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg");
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+/* Tufte CSS styles */
+html {
+ font-size: 15px;
+}
+
+body {
+ width: 87.5%;
+ margin-left: auto;
+ margin-right: auto;
+ // padding-left: 12.5%;
+ font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+ background-color: #fffff8;
+ color: #111;
+ // max-width: 1400px;
+ counter-reset: sidenote-counter;
+}
+
+/* Adds dark mode */
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #151515;
+ color: #ddd;
+ }
+}
+
+h1 {
+ font-weight: 400;
+ margin-top: 4rem;
+ margin-bottom: 1.5rem;
+ font-size: 3.2rem;
+ line-height: 1;
+}
+
+h2 {
+ font-style: italic;
+ font-weight: 400;
+ margin-top: 2.1rem;
+ margin-bottom: 1.4rem;
+ font-size: 2.2rem;
+ line-height: 1;
+}
+
+h3 {
+ font-style: italic;
+ font-weight: 400;
+ font-size: 1.7rem;
+ margin-top: 2rem;
+ margin-bottom: 1.4rem;
+ line-height: 1;
+}
+
+hr {
+ display: block;
+ height: 1px;
+ width: 55%;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+
+p.subtitle {
+ font-style: italic;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ font-size: 1.8rem;
+ display: block;
+ line-height: 1;
+}
+
+.numeral {
+ font-family: et-book-roman-old-style;
+}
+
+.danger {
+ color: red;
+}
+
+article {
+ padding: 5rem 0rem;
+}
+
+section {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+p,
+dl,
+ol,
+ul {
+ font-size: 1.4rem;
+ line-height: 2rem;
+}
+
+p {
+ margin-top: 1.4rem;
+ margin-bottom: 1.4rem;
+ padding-right: 0;
+ vertical-align: baseline;
+}
+
+/* Chapter Epigraphs */
+div.epigraph {
+ margin: 5em 0;
+}
+
+div.epigraph > blockquote {
+ margin-top: 3em;
+ margin-bottom: 3em;
+}
+
+div.epigraph > blockquote,
+div.epigraph > blockquote > p {
+ font-style: italic;
+}
+
+div.epigraph > blockquote > footer {
+ font-style: normal;
+}
+
+div.epigraph > blockquote > footer > cite {
+ font-style: italic;
+}
+/* end chapter epigraphs styles */
+
+blockquote {
+ font-size: 1.4rem;
+}
+
+blockquote p {
+ width: 55%;
+ margin-right: 40px;
+}
+
+blockquote footer {
+ width: 55%;
+ font-size: 1.1rem;
+ text-align: right;
+}
+
+section > p,
+section > footer,
+section > table {
+ width: 55%;
+}
+
+/* 50 + 5 == 55, to be the same width as paragraph */
+section > dl,
+section > ol,
+section > ul {
+ width: 50%;
+ -webkit-padding-start: 5%;
+}
+
+dt:not(:first-child),
+li:not(:first-child) {
+ margin-top: 0.25rem;
+}
+
+figure {
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ max-width: 55%;
+ -webkit-margin-start: 0;
+ -webkit-margin-end: 0;
+ margin: 0 0 3em 0;
+}
+
+figcaption {
+ float: right;
+ clear: right;
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 1.1rem;
+ line-height: 1.6;
+ vertical-align: baseline;
+ position: relative;
+ max-width: 40%;
+}
+
+figure.fullwidth figcaption {
+ margin-right: 24%;
+}
+
+a:link,
+a:visited {
+ color: inherit;
+ text-underline-offset: 0.1em;
+ text-decoration-thickness: 0.05em;
+}
+
+/* Sidenotes, margin notes, figures, captions */
+img {
+ max-width: 100%;
+}
+
+.sidenote,
+.marginnote {
+ float: right;
+ clear: right;
+ margin-right: -60%;
+ width: 50%;
+ margin-top: 0.3rem;
+ margin-bottom: 0;
+ font-size: 1.1rem;
+ line-height: 1.3;
+ vertical-align: baseline;
+ position: relative;
+}
+
+.sidenote-number {
+ counter-increment: sidenote-counter;
+}
+
+.sidenote-number:after,
+.sidenote:before {
+ font-family: et-book-roman-old-style;
+ position: relative;
+ vertical-align: baseline;
+}
+
+.sidenote-number:after {
+ content: counter(sidenote-counter);
+ font-size: 1rem;
+ top: -0.5rem;
+ left: 0.1rem;
+}
+
+.sidenote:before {
+ content: counter(sidenote-counter) " ";
+ font-size: 1rem;
+ top: -0.5rem;
+}
+
+blockquote .sidenote,
+blockquote .marginnote {
+ margin-right: -82%;
+ min-width: 59%;
+ text-align: left;
+}
+
+div.fullwidth,
+table.fullwidth {
+ width: 100%;
+}
+
+div.table-wrapper {
+ overflow-x: auto;
+ font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
+}
+
+.sans {
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+ letter-spacing: .03em;
+}
+
+code, pre > code {
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 1.0rem;
+ line-height: 1.42;
+ -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */
+}
+
+.sans > code {
+ font-size: 1.2rem;
+}
+
+h1 > code,
+h2 > code,
+h3 > code {
+ font-size: 0.80em;
+}
+
+.marginnote > code,
+.sidenote > code {
+ font-size: 1rem;
+}
+
+pre > code {
+ font-size: 0.9rem;
+ width: 52.5%;
+ margin-left: 2.5%;
+ overflow-x: auto;
+ display: block;
+}
+
+pre.fullwidth > code {
+ width: 90%;
+}
+
+.fullwidth {
+ max-width: 90%;
+ clear:both;
+}
+
+span.newthought {
+ font-variant: small-caps;
+ font-size: 1.2em;
+}
+
+input.margin-toggle {
+ display: none;
+}
+
+label.sidenote-number {
+ display: inline-block;
+ max-height: 2rem; /* should be less than or equal to paragraph line-height */
+}
+
+label.margin-toggle:not(.sidenote-number) {
+ display: none;
+}
+
+.iframe-wrapper {
+ position: relative;
+ padding-bottom: 56.25%; /* 16:9 */
+ padding-top: 25px;
+ height: 0;
+}
+
+.iframe-wrapper iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+@media (max-width: 760px) {
+ body {
+ width: 84%;
+ padding-left: 8%;
+ padding-right: 8%;
+ }
+
+ hr,
+ section > p,
+ section > footer,
+ section > table {
+ width: 100%;
+ }
+
+ pre > code {
+ width: 97%;
+ }
+
+ section > dl,
+ section > ol,
+ section > ul {
+ width: 90%;
+ }
+
+ figure {
+ max-width: 90%;
+ }
+
+ figcaption,
+ figure.fullwidth figcaption {
+ margin-right: 0%;
+ max-width: none;
+ }
+
+ blockquote {
+ margin-left: 1.5em;
+ margin-right: 0em;
+ }
+
+ blockquote p,
+ blockquote footer {
+ width: 100%;
+ }
+
+ label.margin-toggle:not(.sidenote-number) {
+ display: inline;
+ }
+
+ .sidenote,
+ .marginnote {
+ display: none;
+ }
+
+ .margin-toggle:checked + .sidenote,
+ .margin-toggle:checked + .marginnote {
+ display: block;
+ float: left;
+ left: 1rem;
+ clear: both;
+ width: 95%;
+ margin: 1rem 2.5%;
+ vertical-align: baseline;
+ position: relative;
+ }
+
+ label {
+ cursor: pointer;
+ }
+
+ div.table-wrapper,
+ table {
+ width: 85%;
+ }
+
+ img {
+ width: 100%;
+ }
+}
diff --git a/output/blogs/2025/08/spending-the-whole-day-on-this-website.html b/output/blogs/2025/08/spending-the-whole-day-on-this-website.html
new file mode 100644
index 0000000..fe9d66e
--- /dev/null
+++ b/output/blogs/2025/08/spending-the-whole-day-on-this-website.html
@@ -0,0 +1,291 @@
+
+
+
+
+
+
+
+09-08-2025: Website Changes
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Updated: 2025-08-09 Sat 22:32
+
+
+
+Table of Contents
+
+
+
+
+
+What was worked on
+
+
+I saw a few websites that used marginal notes on the right side of the screen like this one, so I decided to try and implement this feature in this wesbite. In my mind I thought of using an external pre-configured CSS that I can just insert and ta-da it would work.
+
+
+
+How wrong I was.
+
+
+
+See, this website is published with org-publish, meaning the org files that are written are converted to HTML through a transcoder. And as I already had a org.css1 stylesheet which was primarily used for syntax highlighting, it caused some layout and formatting issue when I tried to use something like tufte.css2. Anyways, long story short, the main thing I worked on today was styling this website, and ensuring certain macros worked:
+
+
+
+
+(setq org-export-global-macros
+ (append
+ '(("sidenote"
+ . "@@html:<label for=\"sn$1\" class=\"margin-toggle sidenote-number\"></label><input type=\"checkbox\" id=\"sn$1\" class=\"margin-toggle\"/><span class=\"sidenote\">$2</span>@@")
+ ("epigraph" . "@@html:<div class=\"epigraph\"><blockquote>$1<footer>$2</footer></blockquote></div>@@")
+ ("epigraph_single" . "@@html:<div class=\"epigraph\"><blockquote>$1</blockquote></div>@@")
+ ("epigraph3" . "@@html:<div class=\"epigraph\"><blockquote>$1<footer>$2, <cite>$3</cite></footer></blockquote></div>@@")
+ ("kbd" . "@@html:<kbd>$1</kbd>@@@@latex:\\texttt{$1}@@")
+ ("margimg"
+ . "@@html:<aside class=\"marginnote\"><figure class=\"mn-fig\"><img src=\"$1\" alt=\"$2\" class=\"mn-img\" loading=\"lazy\" decoding=\"async\"/>$3</figure></aside>@@")
+
+ org-export-global-macros)))
+
+
+
+
+
+This worked quite nicely, and I made sure to make these changes accessible on smaller devices. Anyways, I quite like this style of posting. Nothing formal nor technical, just a bunch of rambling on about random things.
+
+
+
+Oh, and also there's a darkmode theme switch now for you night owls.
+
+
+
+
+Footnotes:
+
+
+1
+See: https://gongzhitaao.org/orgcss/
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/output/blogs/2025/08/wacom-with-arch.html b/output/blogs/2025/08/wacom-with-arch.html
index 8491f8e..1cf88a2 100644
--- a/output/blogs/2025/08/wacom-with-arch.html
+++ b/output/blogs/2025/08/wacom-with-arch.html
@@ -3,32 +3,218 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Wacom With Arch
+
+
+
+
- 
+
+
Updated: 2025-08-08 Fri 21:06
-
-Wacom With Arch
-
+
+Wacom With Arch
+
I purchased a One by Wacom tablet almost 2 years ago now and it works flawlessly in both Windows and MacOS and even in most Linux distros with some configuration.
diff --git a/output/blogs/2025/08/what-do-i-want-to-do-with-emacs.html b/output/blogs/2025/08/what-do-i-want-to-do-with-emacs.html
index ab2bea7..c909c91 100644
--- a/output/blogs/2025/08/what-do-i-want-to-do-with-emacs.html
+++ b/output/blogs/2025/08/what-do-i-want-to-do-with-emacs.html
@@ -3,27 +3,213 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
What Do I Want To Do With Emacs
+
+
+
+
-
+
+
- Updated: 2025-08-08 Fri 20:30
+ Updated: 2025-08-09 Sat 09:13
What Do I Want To Do With Emacs
@@ -52,8 +238,8 @@ After some thinking I narrowed it down and collated it in the following diagram:
-
-
+
+
diff --git a/output/blogs/2025/08/zettelkasten.html b/output/blogs/2025/08/zettelkasten.html
index 1bbc553..8aa898b 100644
--- a/output/blogs/2025/08/zettelkasten.html
+++ b/output/blogs/2025/08/zettelkasten.html
@@ -3,33 +3,219 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Zettelkasten Method
+
+
+
+
-
+
+
- Updated: 2025-08-08 Fri 20:32
+ Updated: 2025-08-09 Sat 19:49
Zettelkasten Method
-
-The Zettelkasten Method
-
+
+The Zettelkasten Method
+
This Zettelkasten method is growing in popularity for taking notes. Ever felt as though there's too much pieces of information but you don't know how to deal with it? This method solves exactly that problem and more. Think of it as forming a second brain, where you can jot down ideas and information whilst simultaneously being able to connect them together.
@@ -38,11 +224,11 @@ This Zettelkasten method is growing in popularity for taking notes. Ever felt as
The official website describes in detail exactly what the Zettelkasten method is, providing use cases and benefits to this method. The part I wanted to highlighted in this is the following paragraph, where the author depicts how this concept would be explained to someone unfamiliar with it:
-
+
A Zettelkasten is a personal tool for thinking and writing. It has hypertextual features to make a web of thoughts possible. The difference to other systems is that you create a web of thoughts instead of notes of arbitrary size and form, and emphasize connection, not a collection.
A Zettelkasten is a personal tool for thinking and writing. It has hypertextual features to make a web of thoughts possible. The difference to other systems is that you create a web of thoughts instead of notes of arbitrary size and form, and emphasize connection, not a collection.
-
+
This web of thoughts is exactly what makes it useful, it takes on the seemingly cluttered mess of information and is able to link the nodes together to create something meaningful and useful.
@@ -53,8 +239,8 @@ There are many personal knowledge management systems' (PKMS) out there that allo
-
-
+
+
diff --git a/output/blogs/blogs-intro.html b/output/blogs/blogs-intro.html
index 99c7651..ea3e03d 100644
--- a/output/blogs/blogs-intro.html
+++ b/output/blogs/blogs-intro.html
@@ -3,33 +3,219 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Blogs Introduction
+
+
+
+
-
+
+
Updated: 2025-08-08 Fri 20:31
Blogs Introduction
-
-Introduction
-
+
+Introduction
+
In this section you will find posts that are not as structured as the ones found in here. Mainly these will deal with findings, research, assorted writings and random bits and blobs.
diff --git a/output/blogs/blogs-list.html b/output/blogs/blogs-list.html
index 00b1c40..6915a69 100644
--- a/output/blogs/blogs-list.html
+++ b/output/blogs/blogs-list.html
@@ -3,37 +3,224 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Blogs List
+
+
+
+
-
+
+
- Updated: 2025-08-08 Fri 23:16
+ Updated: 2025-08-09 Sat 22:32
Blogs List
See the categories: Categories
-
-Blogs:
-
+
+Blogs:
+
+- 09-08-2025: Website Changes 2025-08-09 emacs website
- Wacom With Arch 2025-08-08 insights
- What Do I Want To Do With Emacs 2025-08-08 emacs review
- Zettelkasten Method 2025-08-07 education
diff --git a/output/categories.html b/output/categories.html
index cf24367..47917c5 100644
--- a/output/categories.html
+++ b/output/categories.html
@@ -3,39 +3,225 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Categories
-
+
+
+
+
-
+
+
- Updated: 2025-08-08 Fri 23:16
+ Updated: 2025-08-09 Sat 22:32
-
-Categories (Includes both blogs and posts)
-
+
+Categories (Includes both blogs and posts)
+
diff --git a/output/contact.html b/output/contact.html
index c6f2b99..f411e33 100644
--- a/output/contact.html
+++ b/output/contact.html
@@ -3,34 +3,219 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Contact
-
+
+
+
+
-
+
+
Updated: 2025-08-07 Thu 17:53
Contact
-
-Contact Using the Following:
-
+
+Contact Using the Following:
+
> LinkedIn: LinkedIn
diff --git a/output/index.html b/output/index.html
index 505825b..245f021 100644
--- a/output/index.html
+++ b/output/index.html
@@ -3,37 +3,233 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+
Home Page
-
+
+
+
+
-
+
+
- Updated: 2025-08-08 Fri 16:09
+ Updated: 2025-08-09 Sat 22:18
-
-Welcome! 🌱
-
+
+Table of Contents
+
+
+
+Welcome! 🌱
+
-This is a website built using Emacs Org-mode and published using org-publish.
+This is a website built using Emacs Org-mode and published using org-publish. The very first iteration of this website used the Angular framework, only after a while I realised (as every Emacs lover does) that I want to make this an Emacs-centric project
+
Feel free to explore:
@@ -47,19 +243,23 @@ Feel free to explore:
-
-How to publish web pages using org-publish
-
+
+How to publish web pages using org-publish
+
This website is heavily inspired by some people who have decided to use org-publish as a way to convert org files into html. I came across a few that took the plunge and decided to migrate from platforms like Wordpress and instead opted for a more transparent, text-based workflow.
+
+The Org website1 now looks a lot better than it used to.
+
+
There is a Unix philosophy that emphasises building simple and compact code that can be easily maintainable, and following this approach (do one thing well) aligns with this philosophy.
-So how does one go about publishing web pages through Emacs's org-publish? The answer is quite simple. You probably will need to have some familiarity with elisp although it's not a must.
+So how does one go about publishing web pages through Emacs's org-publish? The answer is quite simple. You probably will need to have some familiarity with elisp2 although it's not a must.
@@ -143,15 +343,29 @@ And there we go! The files are now being hosted on http://localhost:8000/<
-
-Contact
-
+
+Contact
+
Feel free to reach out on GitHub: https://github.com/zainezq
+
+Footnotes:
+
+
+
+
+2
+Emacs Lisp is a Lisp dialect made for Emacs. See: https://en.wikipedia.org/wiki/Emacs_Lisp
+
+
+
+