changeset 33: |
a32a0d49a5f7 |
parent: |
a76ad7f46abf
|
child: |
f2ac93310bfc |
author: |
Richard Westhaver <ellis@rwest.io> |
date: |
Sat, 08 Jun 2024 00:23:41 -0400 |
permissions: |
-rw-r--r-- |
description: |
clean.theme upgrades |
2 #+STARTUP: entitiespretty 4 #+DATE: {{{modification-time("%F %r", t)}}} 5 #+OPTIONS: org-html-head-include-default-style:t ^:nil _:nil email:t \n:nil Tex:t LaTeX:t broken-links:mark 6 #+BIND: org-html-self-link-headlines t 8 # #+HTML_LINK_HOME: rwest.io 9 #+LATEX_HEADER: \usepackage{placeins} 10 #+LATEX_HEADER: \usepackage{parskip} 11 #+LATEX_HEADER: \usepackage{xcolor} 12 #+LATEX_HEADER: \PassOptionsToPackage{hyperref,x11names}{xcolor} 13 #+LATEX_HEADER: \usepackage{tocloft} 14 #+LATEX_HEADER: \usepackage[margin=2cm]{geometry} 15 #+COMMENT: #+ODT_STYLES_FILE: ~/org/ox/odt-theme.xml 16 #+LATEX_HEADER: \renewcommand{\cftsecleader}{\cftdotfill{\cftdotsep}} 17 #+LATEX_HEADER: \hypersetup{colorlinks, citecolor=red,filecolor=magenta,linkcolor=magenta,urlcolor=magenta} 19 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/css/htmlize.css" /> 21 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/commit-mono.css" /> 22 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/3270.css" /> 23 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/pragmata-pro.css" /> 25 #+HTML_HEAD: <style type="text/css"> 28 #+HTML_HEAD: *::before, 29 #+HTML_HEAD: *::after { 30 #+HTML_HEAD: box-sizing: border-box; 31 #+HTML_HEAD: margin: 0; 32 #+HTML_HEAD: padding: 0; 35 #+HTML_HEAD: --text: #111; 36 #+HTML_HEAD: --middle: #555; 37 #+HTML_HEAD: --bg: #aaa; 38 #+HTML_HEAD: --max-width: 54ch; 39 #+HTML_HEAD: font-size: 16px; 41 #+HTML_HEAD: /* @media (prefers-color-scheme: dark) { 43 #+HTML_HEAD: --text: #aaa; 44 #+HTML_HEAD: --middle: #555; 45 #+HTML_HEAD: --bg: #111; 49 #+HTML_HEAD: -webkit-box-sizing: border-box; 50 #+HTML_HEAD: -moz-box-sizing: border-box; 51 #+HTML_HEAD: box-sizing: border-box; 54 #+HTML_HEAD: font-family: "CommitMono", monospace; 55 #+HTML_HEAD: font-size: 14px; 56 # #+HTML_HEAD: -webkit-font-smoothing: antialiased; 57 # #+HTML_HEAD: -moz-osx-font-smoothing: grayscale; 58 # #+HTML_HEAD: font-feature-settings: "ss01", "ss03", "ss04", "ss05"; 59 #+HTML_HEAD: color: #EFFAF9; 60 #+HTML_HEAD: background-color: #0C0F0A; 63 #+HTML_HEAD: div.status { 64 # #+HTML_HEAD: position: fixed; 65 # #+HTML_HEAD: margin: 0.2em; 66 #+HTML_HEAD: text-align: center; 69 #+HTML_HEAD: h1, h2, h3, h4, h5, h6 { 70 #+HTML_HEAD: position: relative; 71 #+HTML_HEAD: margin: 16px 0 8px; 72 #+HTML_HEAD: font-weight: bold; 73 #+HTML_HEAD: line-height: 1.1; 74 #+HTML_HEAD: color: #DDCAD9; 75 #+HTML_HEAD: text-rendering: optimizeLegibility; 77 #+HTML_HEAD: h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { 78 #+HTML_HEAD: position: absolute; 79 #+HTML_HEAD: top: auto; 80 #+HTML_HEAD: color: #DDCAD9; 81 #+HTML_HEAD: display: none; 82 #+HTML_HEAD: text-align: left; 84 #+HTML_HEAD: h1:before { 85 #+HTML_HEAD: content: ""; 86 #+HTML_HEAD: left: -1.25em; 88 #+HTML_HEAD: h2:before { 89 #+HTML_HEAD: content: "*"; 90 #+HTML_HEAD: left: -2em; 91 #+HTML_HEAD: color: #DDCAD9; 93 #+HTML_HEAD: h3:before { 94 #+HTML_HEAD: content: "**"; 95 #+HTML_HEAD: left: -2em; 96 #+HTML_HEAD: color: #DDCAD9; 98 #+HTML_HEAD: h4:before { 99 #+HTML_HEAD: content: "***"; 100 #+HTML_HEAD: left: -3em; 101 #+HTML_HEAD: color: #DDCAD9; 103 #+HTML_HEAD: h5:before { 104 #+HTML_HEAD: content: "****"; 105 #+HTML_HEAD: left: -3em; 107 #+HTML_HEAD: h6:before { 108 #+HTML_HEAD: content: "*****"; 109 #+HTML_HEAD: left: -4em; 111 #+HTML_HEAD: i, em, b, strong { 112 #+HTML_HEAD: padding-left: .1em; 113 #+HTML_HEAD: padding-right: .1em; 115 #+HTML_HEAD: b, strong { 116 #+HTML_HEAD: font-weight: bold; 117 #+HTML_HEAD: color: #EDF060; 119 #+HTML_HEAD: b:before, b: after, strong:before, strong: after { 120 #+HTML_HEAD: content: "*"; 122 #+HTML_HEAD: i:before, i: after, em:before, em: after { 123 #+HTML_HEAD: content: "/"; 126 #+HTML_HEAD: margin: 0; 127 #+HTML_HEAD: border: 0; 129 #+HTML_HEAD: hr: after { 130 #+HTML_HEAD: display: block; 131 #+HTML_HEAD: margin: 20px 0; 132 #+HTML_HEAD: content: "----------------------------------------------------------------"; 133 #+HTML_HEAD: color: #EDF060; 135 #+HTML_HEAD: ul, ol { 136 #+HTML_HEAD: padding: 0; 137 #+HTML_HEAD: margin: 0 0 20px 20px; 139 #+HTML_HEAD: code, pre { 140 #+HTML_HEAD: font-family: "3270", monospace; 141 #+HTML_HEAD: overflow: overlay; 144 #+HTML_HEAD: font-family: monospace; 145 #+HTML_HEAD: color: #EDF060; 146 #+HTML_HEAD: background-color: #303330; 148 #+HTML_HEAD: code:before, code:after { 149 #+HTML_HEAD: content: "="; 150 #+HTML_HEAD: color: #DDCAD9; 153 #+HTML_HEAD: font-family: monospace; 155 #+HTML_HEAD: p::after{ 156 #+HTML_HEAD: content: "\a\a"; 157 #+HTML_HEAD: white-space: pre; 160 #+HTML_HEAD: font-family: monospace; 161 #+HTML_HEAD: display: block; 162 #+HTML_HEAD: margin: 0 0 14px; 163 #+HTML_HEAD: padding: 15px; 164 #+HTML_HEAD: border-radius: 3px 3px 3px 3px; 165 #+HTML_HEAD: background-color: #303030; 166 # #+HTML_HEAD: word-break: break-all; 167 # #+HTML_HEAD: word-wrap: break-word; 170 #+HTML_HEAD: blockquote { 171 #+HTML_HEAD: padding: 0 0 0 20px; 172 #+HTML_HEAD: margin: 0 30px 20px -22.5px; 173 #+HTML_HEAD: color: #EDF060; 174 #+HTML_HEAD: border-left: 8px solid #e5e5e5; 177 #+HTML_HEAD: pre.example { 178 #+HTML_HEAD: border-left: 8px solid #493657; 181 #+HTML_HEAD: blockquote p: last-child { 182 #+HTML_HEAD: margin-bottom: 0; 185 #+COMMENT: #+HTML_HEAD: display: block; 186 #+HTML_HEAD: max-width: 100%; 187 #+HTML_HEAD: height: auto; 188 #+HTML_HEAD: margin: auto; 189 #+HTML_HEAD: border-radius: 5px; 191 #+HTML_HEAD: figure > object { 192 #+HTML_HEAD: height: auto; 193 #+HTML_HEAD: margin: auto; 196 #+HTML_HEAD: font-weight: inherit; 197 #+HTML_HEAD: line-height: inherit; 198 #+HTML_HEAD: color: #84DCC6; 200 #+HTML_HEAD: sup a:before { 201 #+HTML_HEAD: content: "["; 203 #+HTML_HEAD: sup a:after { 204 #+HTML_HEAD: content: "]"; 206 #+HTML_HEAD: a:hover { 207 #+HTML_HEAD: text-decorac: blink; 208 #+HTML_HEAD: color: #C43952; 209 #+HTML_HEAD: background-color: #222222; 212 #+HTML_HEAD: line-height: 1.8; 213 #+HTML_HEAD: margin-bottom: 15px; 214 #+HTML_HEAD: max-width: 100%; 215 #+HTML_HEAD: width: 100%; 216 #+HTML_HEAD: border: 1px solid lightsteelblue; 217 #+HTML_HEAD: border-style: inset; 219 #+HTML_HEAD: table td, table th { 220 #+HTML_HEAD: padding: 0 15px; 222 #+HTML_HEAD: table th.left, table td.left { 223 #+HTML_HEAD: text-align: left; 225 #+HTML_HEAD: table th.right, table td.right { 226 #+HTML_HEAD: text-align: right; 228 #+HTML_HEAD: td, th { 229 #+HTML_HEAD: border: 1px solid lightsteelblue; 230 #+HTML_HEAD: border-style: outset; 233 #+HTML_HEAD: /* body */ 235 #+HTML_HEAD: margin: auto auto; 236 #+HTML_HEAD: max-width: 98%; 238 #+HTML_HEAD: /* head */ 239 #+HTML_HEAD: .masthead { 240 #+HTML_HEAD: color: #EDF060; 242 #+HTML_HEAD: .masthead: after { 243 #+HTML_HEAD: display: block; 244 #+HTML_HEAD: content: '----------------------------------------------------------------'; 245 #+HTML_HEAD: margin: 10px 0; 246 #+HTML_HEAD: color: #EDF060; 248 #+HTML_HEAD: .masthead a { 249 #+HTML_HEAD: color: #EDF060; 251 #+HTML_HEAD: .masthead ul { 252 #+HTML_HEAD: list-style: none; 254 #+HTML_HEAD: .masthead li { 255 #+HTML_HEAD: display: inline-block; 257 #+HTML_HEAD: .masthead li + li:before { 258 #+HTML_HEAD: display: inline-block; 259 #+HTML_HEAD: content: "\00B7 \00a0"; 260 #+HTML_HEAD: color: #EDF060; 262 #+HTML_HEAD: /* searchform*/ 263 #+HTML_HEAD: #searchform { 264 #+HTML_HEAD: position: absolute; 265 #+HTML_HEAD: top: 54px; 266 #+HTML_HEAD: right: 30.4%; 268 #+HTML_HEAD: #searchform #s { 269 #+HTML_HEAD: background: url("/media/img/search.png") no-repeat 5px 6px; 270 #+HTML_HEAD: box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); 271 #+HTML_HEAD: border: 1px solid #ddd; 272 #+HTML_HEAD: border-radius: 2px; 273 #+HTML_HEAD: -moz-border-radius: 2px; 274 #+HTML_HEAD: width: 90px; 275 #+HTML_HEAD: height: 30px; 276 #+HTML_HEAD: line-height: 12px; 277 #+HTML_HEAD: padding: 4px 10px 4px 28px; 279 #+HTML_HEAD: -webkit-transition-duration: 400ms; 280 #+HTML_HEAD: -webkit-transition-property: width, background; 281 #+HTML_HEAD: -webkit-transition-timing-function: ease; 282 #+HTML_HEAD: -moz-transition-duration: 400ms; 283 #+HTML_HEAD: -moz-transition-property: width, background; 284 #+HTML_HEAD: -moz-transition-timing-function: ease; 285 #+HTML_HEAD: -o-transition-duration: 400ms; 286 #+HTML_HEAD: -o-transition-property: width, background; 287 #+HTML_HEAD: -o-transition-timing-function: ease; 289 #+HTML_HEAD: #searchform #s: focus { 290 #+HTML_HEAD: background-color: #3F3F37; 291 #+HTML_HEAD: width: 160px; 293 #+HTML_HEAD: .masthead img.avatar { 294 #+HTML_HEAD: position: relative; 295 #+HTML_HEAD: float: right; 296 #+HTML_HEAD: margin-top: -100px; 297 #+HTML_HEAD: margin-bottom: -100%; 298 #+HTML_HEAD: margin-right: 10%; 299 #+HTML_HEAD: width: 200px; 300 #+HTML_HEAD: background-color: #3F3F37; 302 #+HTML_HEAD: /* post */ 304 #+HTML_HEAD: position: relative; 306 #+HTML_HEAD: .post: after { 307 #+HTML_HEAD: display: block; 308 #+HTML_HEAD: content: "----------------------------------------------------------------"; 309 #+HTML_HEAD: color: #EDF060; 311 #+HTML_HEAD: .post img { 312 #+HTML_HEAD: max-width: 100%; 314 #+HTML_HEAD: .post li { 315 #+HTML_HEAD: list-style: none outside none; 317 #+HTML_HEAD: .post ul > li:before { 318 #+HTML_HEAD: content: "- "; 319 #+HTML_HEAD: margin-left: -1.25em; 320 #+HTML_HEAD: color: #EDF060; 322 #+HTML_HEAD: .post ol { 323 #+HTML_HEAD: counter-reset: o-list; 325 #+HTML_HEAD: .post ol > li:before { 326 #+HTML_HEAD: content: counter(o-list) ") "; 327 #+HTML_HEAD: counter-increment: o-list; 328 #+HTML_HEAD: margin-left: -1.85em; 329 #+HTML_HEAD: color: #EDF060; 332 #+HTML_HEAD: /* special for li in pre */ 333 #+HTML_HEAD: .post pre li { 334 #+HTML_HEAD: font-family: monospace; 335 #+HTML_HEAD: list-style-type: decimal; 338 #+HTML_HEAD: .post pre li:before { 339 #+HTML_HEAD: display: none; 342 #+HTML_HEAD: /* meta info */ 343 #+HTML_HEAD: .post-info { 344 #+HTML_HEAD: display: inline-block; 345 #+HTML_HEAD: margin: -10px 0 -10px; 346 #+HTML_HEAD: color: #EDF060; 348 #+HTML_HEAD: .post-info + .post-info:before { 349 #+HTML_HEAD: content: "\2223 \00a0"; 351 #+HTML_HEAD: .post-meta: after { 352 #+HTML_HEAD: content: "----------------------------------------------------------------"; 353 #+HTML_HEAD: display: block; 354 #+HTML_HEAD: margin-top: -1px; 355 #+HTML_HEAD: color: #EDF060; 358 #+HTML_HEAD: /* nav */ 359 #+HTML_HEAD: div #nav { 360 #+HTML_HEAD: z-index: 10; 361 #+HTML_HEAD: top: 0.2em; 362 #+HTML_HEAD: left: 0.2em; 363 #+HTML_HEAD: text-align: left; 364 #+HTML_HEAD: font-size: 1.2rem; 365 #+HTML_HEAD: cursor: pointer; 366 #+HTML_HEAD: position: fixed; 369 #+HTML_HEAD: div #nav h2 { 370 #+HTML_HEAD: margin: 0em; 373 #+HTML_HEAD: #index { 374 #+HTML_HEAD: display: block; 375 #+HTML_HEAD: text-align: left; 376 #+HTML_HEAD: color: #DDCAD9; 377 #+HTML_HEAD: font-size: 48px; 378 #+HTML_HEAD: font-stretch: ultra-expanded; 381 #+HTML_HEAD: div #text-index { 382 #+HTML_HEAD: color: #EDF060; 383 #+HTML_HEAD: display: none; 384 #+HTML_HEAD: text-align: left; 385 #+HTML_HEAD: backdrop-filter: blur(6px); 388 #+HTML_HEAD: /* table of content */ 389 #+HTML_HEAD: #table-of-contents { 390 #+HTML_HEAD: cursor: pointer; 391 #+HTML_HEAD: position: fixed; 392 #+HTML_HEAD: right: 0.2em; 393 #+HTML_HEAD: top: 0.2em; 394 # #+HTML_HEAD: border: 1px solid #e1e1e8; 395 # #+HTML_HEAD: -webkit-box-shadow: 0 0 1em #777777; 396 # #+HTML_HEAD: -moz-box-shadow: 0 0 1em #777777; 397 # #+HTML_HEAD: -webkit-border-bottom-left-radius: 5px; 398 # #+HTML_HEAD: -moz-border-radius-bottomleft: 5px; 399 #+HTML_HEAD: text-align: right; 400 #+HTML_HEAD: /* ensure doesn't flow off the screen when expanded */ 401 #+HTML_HEAD: height: auto; 402 #+HTML_HEAD: overflow: auto; 403 #+HTML_HEAD: z-index: 8; 406 #+HTML_HEAD: #table-of-contents h2 { 407 #+HTML_HEAD: margin: 0em; 408 #+HTML_HEAD: font-size: 48px; 409 # #+HTML_HEAD: font-stretch: ultra-expanded; 412 #+HTML_HEAD: #table-of-contents ul { 413 #+HTML_HEAD: margin-left: 14pt; 414 #+HTML_HEAD: margin-bottom: 10pt; 415 #+HTML_HEAD: padding: 0 418 #+HTML_HEAD: #table-of-contents li { 419 #+HTML_HEAD: padding: 0; 420 #+HTML_HEAD: margin: 1px; 421 #+HTML_HEAD: list-style: none; 424 #+HTML_HEAD: #table-of-contents li a { 425 #+HTML_HEAD: font-size: 16px; 428 #+HTML_HEAD: #table-of-contents #text-table-of-contents { 429 #+HTML_HEAD: backdrop-filter: blur(6px); 430 #+HTML_HEAD: display: none; 431 #+HTML_HEAD: text-align: left; 432 #+HTML_HEAD: padding-right: 0.1em; 435 #+HTML_HEAD: #table-of-contents: hover #text-table-of-contents { 436 #+HTML_HEAD: display: block; 437 #+HTML_HEAD: padding: 0.5em; 438 #+HTML_HEAD: margin-top: -1.5em; 441 #+HTML_HEAD: /* footer */ 442 #+HTML_HEAD: .footer { 443 #+HTML_HEAD: margin: 80px 0 0; 444 #+HTML_HEAD: text-align: center; 445 #+HTML_HEAD: font-size: 13px; 446 #+HTML_HEAD: color: #DDCAD9; 447 #+HTML_HEAD: left: 0em; 448 #+HTML_HEAD: bottom: 0em; 450 #+HTML_HEAD: .footer > p { 451 #+HTML_HEAD: margin: 0; 452 #+HTML_HEAD: line-height: 1.5; 454 #+HTML_HEAD: .footpara { 455 #+HTML_HEAD: display: inline; 458 #+HTML_HEAD: /* Responsive 459 #+HTML_HEAD: -------------------------------------------------- */ 461 #+HTML_HEAD: @media (min-width: 768px) { 462 #+HTML_HEAD: /* Increase body padding and font-sizes */ 464 #+HTML_HEAD: padding: 2em; 465 #+HTML_HEAD: max-width: 70%; 467 #+HTML_HEAD: h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { 468 #+HTML_HEAD: display: inline; 474 #+HTML_HEAD: .subtitle { 475 #+HTML_HEAD: text-align: center; 476 #+HTML_HEAD: color: red; 477 #+HTML_HEAD: font-weight: bold; 478 #+HTML_HEAD: font-size: 1.1em; 480 #+HTML_HEAD: .tag::before { 481 #+HTML_HEAD: content: ":"; 483 #+HTML_HEAD: .tag::after { 484 #+HTML_HEAD: content: ":"; 487 #+HTML_HEAD: float: right; 488 #+HTML_HEAD: color: #8A7090; 490 #+HTML_HEAD: h3 .tag { 491 #+HTML_HEAD: right: 0px; 492 #+HTML_HEAD: position: absolute; 493 #+HTML_HEAD: color: lightpink; 495 #+HTML_HEAD: .org-center { 496 #+HTML_HEAD: text-align: center; 499 #+HTML_HEAD: .outline-2, .outline-3, .outline-4, .outline-5 { 500 # #+HTML_HEAD: padding-left: 1em; 503 #+HTML_HEAD: .outline-2 { 504 #+HTML_HEAD: padding-top: 1.8em; 507 #+HTML_HEAD: .org-dl { 511 #+HTML_HEAD: .org-dl dt { 512 #+HTML_HEAD: font-weight: bold; 515 #+HTML_HEAD: .org-dl dt::after { 516 #+HTML_HEAD: content: " :: "; 519 #+HTML_HEAD: .org-dl dd::before { 520 #+HTML_HEAD: font-size: xx-large; 521 #+HTML_HEAD: content: " ↳ "; 524 #+HTML_HEAD: .org-dl dd { 525 #+HTML_HEAD: font-size: 0.9rem; 526 #+HTML_HEAD: margin-bottom: 0.5em; 527 #+HTML_HEAD: margin-left: 2em; 530 #+HTML_HEAD: .title { 531 #+HTML_HEAD: text-align: center; 532 #+HTML_HEAD: padding-top: 1.8em; 535 #+HTML_HEAD: .status { 536 #+HTML_HEAD: position: absolute; 537 #+HTML_HEAD: left: 1em; 540 #+HTML_HEAD: div #footnotes { 541 #+HTML_HEAD: padding-bottom: 1em; 544 #+HTML_HEAD: </style> 545 #+HTML_HEAD:<script type="text/javascript"> 546 #+HTML_HEAD: document.addEventListener('DOMContentLoaded',function() { 547 #+HTML_HEAD: document.getElementById("table-of-contents").onclick = function() { 548 #+HTML_HEAD: var elem = document.getElementById("text-table-of-contents"); 549 #+HTML_HEAD: elem.style.display = elem.style.display == "block" ? "none" : "block"; 552 #+HTML_HEAD: document.addEventListener('DOMContentLoaded',function() { 553 #+HTML_HEAD: document.getElementById("nav").onclick = function() { 554 #+HTML_HEAD: var elem = document.getElementById("text-index"); 555 #+HTML_HEAD: elem.style.display = elem.style.display == "block" ? "none" : "block"; 559 #+HTML_HEAD: var url = document.location.href; 560 #+HTML_HEAD: var orgsource = url.substring(0, url.lastIndexOf("."))+".org"; 561 #+HTML_HEAD: function show_org_source(){ 562 #+HTML_HEAD: document.location.href = orgsource; 564 #+HTML_HEAD:</script>