changelog shortlog graph tags branches changeset files revisions annotate raw help

Mercurial > org / clean.theme

changeset 34: f2ac93310bfc
parent: a32a0d49a5f7
child: 44d6c9d5ea78
author: Richard Westhaver <ellis@rwest.io>
date: Sun, 16 Jun 2024 01:14:25 -0400
permissions: -rw-r--r--
description: clean 
     1 ; -*- mode: org -*-
     2 #+STARTUP: entitiespretty
     3 #+language: ulang
     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 #+HTML_DOCTYPE: html5
     7 # #+HTML_LINK_HOME: https://compiler.company
     8 # #+HTML_LINK_UP: ..
     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}
    18 
    19 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/commit-mono.css" />
    20 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/3270.css" />
    21 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/pragmata-pro.css" />
    22 
    23 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/css/htmlize.css" />
    24 
    25 #+HTML_HEAD:  <style type="text/css">
    26 #+HTML_HEAD: 
    27 #+HTML_HEAD: *,
    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;
    33 #+HTML_HEAD: }
    34 #+HTML_HEAD: :root {
    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;
    40 #+HTML_HEAD: }
    41 #+HTML_HEAD: /* @media (prefers-color-scheme: dark) {
    42 #+HTML_HEAD:     :root {
    43 #+HTML_HEAD:         --text: #aaa;
    44 #+HTML_HEAD:         --middle: #555;
    45 #+HTML_HEAD:         --bg: #111;
    46 #+HTML_HEAD:     }
    47 #+HTML_HEAD: } */
    48 #+HTML_HEAD: * {
    49 #+HTML_HEAD:     -webkit-box-sizing:  border-box;
    50 #+HTML_HEAD:        -moz-box-sizing:  border-box;
    51 #+HTML_HEAD:             box-sizing:  border-box;
    52 #+HTML_HEAD: }
    53 #+HTML_HEAD: body {
    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;
    61 #+HTML_HEAD: }
    62 
    63 #+HTML_HEAD: div.status {
    64 # #+HTML_HEAD:     position: fixed;
    65 # #+HTML_HEAD:     margin: 0.2em;
    66 #+HTML_HEAD:     text-align: center;
    67 #+HTML_HEAD: }
    68 
    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;
    76 #+HTML_HEAD: }
    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;
    83 #+HTML_HEAD: }
    84 #+HTML_HEAD: h1:before {
    85 #+HTML_HEAD:     content:  "";
    86 #+HTML_HEAD:     left:  -1.25em;
    87 #+HTML_HEAD: }
    88 #+HTML_HEAD: h2:before {
    89 #+HTML_HEAD:     content:  "*";
    90 #+HTML_HEAD:     left:  -2em;
    91 #+HTML_HEAD:     color: #DDCAD9;
    92 #+HTML_HEAD: }
    93 #+HTML_HEAD: h3:before {
    94 #+HTML_HEAD:     content:  "**";
    95 #+HTML_HEAD:     left:  -2em;
    96 #+HTML_HEAD:     color: #DDCAD9;
    97 #+HTML_HEAD: }
    98 #+HTML_HEAD: h4:before {
    99 #+HTML_HEAD:     content:  "***";
   100 #+HTML_HEAD:     left:  -3em;
   101 #+HTML_HEAD:     color: #DDCAD9;
   102 #+HTML_HEAD: }
   103 #+HTML_HEAD: h5:before {
   104 #+HTML_HEAD:     content:  "****";
   105 #+HTML_HEAD:     left:  -3em;
   106 #+HTML_HEAD: }
   107 #+HTML_HEAD: h6:before {
   108 #+HTML_HEAD:     content:  "*****";
   109 #+HTML_HEAD:     left:  -4em;
   110 #+HTML_HEAD: }
   111 #+HTML_HEAD: i, em, b, strong {
   112 #+HTML_HEAD:     padding-left:  .1em;
   113 #+HTML_HEAD:     padding-right:  .1em;
   114 #+HTML_HEAD: }
   115 #+HTML_HEAD: b, strong {
   116 #+HTML_HEAD:     font-weight:  bold;
   117 #+HTML_HEAD:     color:  #EDF060;
   118 #+HTML_HEAD: }
   119 #+HTML_HEAD: b:before, b: after, strong:before, strong: after {
   120 #+HTML_HEAD:     content:  "*";
   121 #+HTML_HEAD: }
   122 #+HTML_HEAD: i:before, i: after, em:before, em: after {
   123 #+HTML_HEAD:     content:  "/";
   124 #+HTML_HEAD: }
   125 #+HTML_HEAD: hr {
   126 #+HTML_HEAD:     margin:  0;
   127 #+HTML_HEAD:     border:  0;
   128 #+HTML_HEAD: }
   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;
   134 #+HTML_HEAD: }
   135 #+HTML_HEAD: ul, ol {
   136 #+HTML_HEAD:     padding:  0;
   137 #+HTML_HEAD:     margin:  0 0 20px 20px;
   138 #+HTML_HEAD: }
   139 #+HTML_HEAD: code, pre {
   140 #+HTML_HEAD:     font-family:  "3270", monospace;
   141 #+HTML_HEAD:     overflow: overlay;
   142 #+HTML_HEAD: }
   143 #+HTML_HEAD: code {
   144 #+HTML_HEAD:   font-family:  monospace;
   145 #+HTML_HEAD:   color:  #EDF060;
   146 #+HTML_HEAD:   background-color:  #303330;
   147 #+HTML_HEAD: }
   148 # #+HTML_HEAD: code:before, code:after {
   149 # #+HTML_HEAD:     content:  "=";
   150 # #+HTML_HEAD:     color:  #DDCAD9;
   151 # #+HTML_HEAD: }
   152 #+HTML_HEAD: .src {
   153 #+HTML_HEAD:   font-family: monospace;
   154 #+HTML_HEAD: }
   155 #+HTML_HEAD: p::after{
   156 #+HTML_HEAD:     content: "\a\a";
   157 #+HTML_HEAD:     white-space: pre;
   158 #+HTML_HEAD: }
   159 #+HTML_HEAD: 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;
   168 #+HTML_HEAD: }
   169 #+HTML_HEAD: 
   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;
   175 #+HTML_HEAD: }
   176 
   177 #+HTML_HEAD: pre.example {
   178 #+HTML_HEAD:     border-left:  8px solid #493657;
   179 #+HTML_HEAD: }
   180 
   181 #+HTML_HEAD: blockquote p: last-child {
   182 #+HTML_HEAD:     margin-bottom:  0;
   183 #+HTML_HEAD: }
   184 #+HTML_HEAD: img {
   185 #+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;
   190 #+HTML_HEAD:     padding-bottom: 1em;
   191 #+HTML_HEAD: }
   192 #+HTML_HEAD: figure > object {
   193 #+HTML_HEAD:   height: auto;
   194 #+HTML_HEAD:   margin: auto;
   195 #+HTML_HEAD: }
   196 #+HTML_HEAD: a {
   197 #+HTML_HEAD:     font-weight:  inherit;
   198 #+HTML_HEAD:     line-height:  inherit;
   199 #+HTML_HEAD:     color:  #84DCC6;
   200 #+HTML_HEAD: }
   201 #+HTML_HEAD: sup a:before {
   202 #+HTML_HEAD:     content:  "[";
   203 #+HTML_HEAD: }
   204 #+HTML_HEAD: sup a:after {
   205 #+HTML_HEAD:     content:  "]";
   206 #+HTML_HEAD: }
   207 #+HTML_HEAD: a:hover {
   208 #+HTML_HEAD:     text-decorac: blink;
   209 #+HTML_HEAD:     color: #C43952;
   210 #+HTML_HEAD:     background-color: #222222;
   211 #+HTML_HEAD: }
   212 #+HTML_HEAD: table {
   213 #+HTML_HEAD:     line-height:  1.8;
   214 #+HTML_HEAD:     margin-bottom:  15px;
   215 #+HTML_HEAD:     max-width:  100%;
   216 #+HTML_HEAD:     width:  100%;
   217 #+HTML_HEAD:     border: 1px solid lightsteelblue;
   218 #+HTML_HEAD:     border-style: inset;
   219 #+HTML_HEAD: }
   220 #+HTML_HEAD: table td, table th {
   221 #+HTML_HEAD:     padding:  0 15px;
   222 #+HTML_HEAD: }
   223 #+HTML_HEAD: table th.left, table td.left {
   224 #+HTML_HEAD:     text-align:  left;
   225 #+HTML_HEAD: }
   226 #+HTML_HEAD: table th.right, table td.right {
   227 #+HTML_HEAD:     text-align:  right;
   228 #+HTML_HEAD: }
   229 #+HTML_HEAD: td, th {
   230 #+HTML_HEAD:   border: 1px solid lightsteelblue;
   231 #+HTML_HEAD:   border-style: outset;
   232 #+HTML_HEAD: }
   233 
   234 #+HTML_HEAD: /* body */
   235 #+HTML_HEAD: body {
   236 #+HTML_HEAD:     margin:  auto auto;
   237 #+HTML_HEAD:     max-width:  98%;
   238 #+HTML_HEAD: }
   239 #+HTML_HEAD: /* head */
   240 #+HTML_HEAD: .masthead {
   241 #+HTML_HEAD:     color:  #EDF060;
   242 #+HTML_HEAD: }
   243 #+HTML_HEAD: .masthead: after {
   244 #+HTML_HEAD:     display:  block;
   245 #+HTML_HEAD:     content:  '----------------------------------------------------------------';
   246 #+HTML_HEAD:     margin:  10px 0;
   247 #+HTML_HEAD:     color:  #EDF060;
   248 #+HTML_HEAD: }
   249 #+HTML_HEAD: .masthead a {
   250 #+HTML_HEAD:     color:  #EDF060;
   251 #+HTML_HEAD: }
   252 #+HTML_HEAD: .masthead ul {
   253 #+HTML_HEAD:     list-style:  none;
   254 #+HTML_HEAD: }
   255 #+HTML_HEAD: .masthead li {
   256 #+HTML_HEAD:     display:  inline-block;
   257 #+HTML_HEAD: }
   258 #+HTML_HEAD: .masthead li + li:before {
   259 #+HTML_HEAD:     display:  inline-block;
   260 #+HTML_HEAD:     content:  "\00B7 \00a0";
   261 #+HTML_HEAD:     color:  #EDF060;
   262 #+HTML_HEAD: }
   263 #+HTML_HEAD: /* searchform*/
   264 #+HTML_HEAD: #searchform {
   265 #+HTML_HEAD:     position:  absolute;
   266 #+HTML_HEAD:     top:  54px;
   267 #+HTML_HEAD:     right:  30.4%;
   268 #+HTML_HEAD: }
   269 #+HTML_HEAD: #searchform #s {
   270 #+HTML_HEAD:     background:  url("/media/img/search.png") no-repeat 5px 6px;
   271 #+HTML_HEAD:     box-shadow:  inset 0 1px 1px rgba(0,0,0,0.1);
   272 #+HTML_HEAD:     border:  1px solid #ddd;
   273 #+HTML_HEAD:     border-radius:  2px;
   274 #+HTML_HEAD:     -moz-border-radius:  2px;
   275 #+HTML_HEAD:     width:  90px;
   276 #+HTML_HEAD:     height:  30px;
   277 #+HTML_HEAD:     line-height:  12px;
   278 #+HTML_HEAD:     padding:  4px 10px 4px 28px;
   279 #+HTML_HEAD: 
   280 #+HTML_HEAD:     -webkit-transition-duration:  400ms;
   281 #+HTML_HEAD:     -webkit-transition-property:  width, background;
   282 #+HTML_HEAD:     -webkit-transition-timing-function:  ease;
   283 #+HTML_HEAD:     -moz-transition-duration:  400ms;
   284 #+HTML_HEAD:     -moz-transition-property:  width, background;
   285 #+HTML_HEAD:     -moz-transition-timing-function:  ease;
   286 #+HTML_HEAD:     -o-transition-duration:  400ms;
   287 #+HTML_HEAD:     -o-transition-property:  width, background;
   288 #+HTML_HEAD:     -o-transition-timing-function:  ease;
   289 #+HTML_HEAD: }
   290 #+HTML_HEAD: #searchform #s: focus {
   291 #+HTML_HEAD:     background-color:  #3F3F37;
   292 #+HTML_HEAD:     width:  160px;
   293 #+HTML_HEAD: }
   294 #+HTML_HEAD: .masthead img.avatar {
   295 #+HTML_HEAD:     position:  relative;
   296 #+HTML_HEAD:     float:  right;
   297 #+HTML_HEAD:     margin-top:  -100px;
   298 #+HTML_HEAD:     margin-bottom:  -100%;
   299 #+HTML_HEAD:     margin-right:  10%;
   300 #+HTML_HEAD:     width:  200px;
   301 #+HTML_HEAD:     background-color:  #3F3F37;
   302 #+HTML_HEAD: }
   303 #+HTML_HEAD: /* post */
   304 #+HTML_HEAD: .post {
   305 #+HTML_HEAD:     position:  relative;
   306 #+HTML_HEAD: }
   307 #+HTML_HEAD: .post: after {
   308 #+HTML_HEAD:     display:  block;
   309 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   310 #+HTML_HEAD:     color:  #EDF060;
   311 #+HTML_HEAD: }
   312 #+HTML_HEAD: .post img {
   313 #+HTML_HEAD:     max-width:  100%;
   314 #+HTML_HEAD: }
   315 #+HTML_HEAD: .post li {
   316 #+HTML_HEAD:     list-style:  none outside none;
   317 #+HTML_HEAD: }
   318 #+HTML_HEAD: .post ul > li:before {
   319 #+HTML_HEAD:     content:  "- ";
   320 #+HTML_HEAD:     margin-left:  -1.25em;
   321 #+HTML_HEAD:     color:  #EDF060;
   322 #+HTML_HEAD: }
   323 #+HTML_HEAD: .post ol {
   324 #+HTML_HEAD:     counter-reset:  o-list;
   325 #+HTML_HEAD: }
   326 #+HTML_HEAD: .post ol > li:before {
   327 #+HTML_HEAD:     content:  counter(o-list) ") ";
   328 #+HTML_HEAD:     counter-increment:  o-list;
   329 #+HTML_HEAD:     margin-left:  -1.85em;
   330 #+HTML_HEAD:     color:  #EDF060;
   331 #+HTML_HEAD: }
   332 #+HTML_HEAD: 
   333 #+HTML_HEAD: /* special for li in pre */
   334 #+HTML_HEAD: .post pre li {
   335 #+HTML_HEAD:     font-family:  monospace;
   336 #+HTML_HEAD:     list-style-type:  decimal;
   337 #+HTML_HEAD: }
   338 #+HTML_HEAD: 
   339 #+HTML_HEAD: .post pre li:before {
   340 #+HTML_HEAD:     display:  none;
   341 #+HTML_HEAD: }
   342 #+HTML_HEAD: 
   343 #+HTML_HEAD: /* meta info */
   344 #+HTML_HEAD: .post-info {
   345 #+HTML_HEAD:     display:  inline-block;
   346 #+HTML_HEAD:     margin:  -10px 0 -10px;
   347 #+HTML_HEAD:     color:  #EDF060;
   348 #+HTML_HEAD: }
   349 #+HTML_HEAD: .post-info + .post-info:before {
   350 #+HTML_HEAD:     content:  "\2223 \00a0";
   351 #+HTML_HEAD: }
   352 #+HTML_HEAD: .post-meta: after {
   353 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   354 #+HTML_HEAD:     display:  block;
   355 #+HTML_HEAD:     margin-top:  -1px;
   356 #+HTML_HEAD:     color:  #EDF060;
   357 #+HTML_HEAD: }
   358 #+HTML_HEAD: 
   359 #+HTML_HEAD: /* nav */
   360 #+HTML_HEAD: div #nav {
   361 #+HTML_HEAD:   z-index: 10;
   362 #+HTML_HEAD:   top:  0.2em;
   363 #+HTML_HEAD:   left: 0.2em;
   364 #+HTML_HEAD:   text-align: left;
   365 #+HTML_HEAD:   font-size: 1.2rem;
   366 #+HTML_HEAD:   cursor: pointer;
   367 #+HTML_HEAD:   position: fixed;
   368 #+HTML_HEAD: }
   369 
   370 #+HTML_HEAD: div #nav h2 {
   371 #+HTML_HEAD:   margin: 0em;
   372 #+HTML_HEAD: }
   373 
   374 #+HTML_HEAD: #index {
   375 #+HTML_HEAD:   display: block;
   376 #+HTML_HEAD:   text-align: left;
   377 #+HTML_HEAD:   color:  #DDCAD9;
   378 #+HTML_HEAD:   font-size: 48px;
   379 #+HTML_HEAD:   font-stretch: ultra-expanded;
   380 #+HTML_HEAD: }
   381 
   382 #+HTML_HEAD: div #text-index {
   383 #+HTML_HEAD:   color:  #EDF060;
   384 #+HTML_HEAD:   display:  none;
   385 #+HTML_HEAD:   text-align:  left;
   386 #+HTML_HEAD:   backdrop-filter: blur(6px);
   387 #+HTML_HEAD: }
   388 
   389 #+HTML_HEAD: /* table of content */
   390 #+HTML_HEAD: nav, #table-of-contents {
   391 #+HTML_HEAD:   cursor: pointer;
   392 #+HTML_HEAD:     position:  fixed;
   393 #+HTML_HEAD:     right:  0.2em;
   394 #+HTML_HEAD:     top:  0.2em;
   395 # #+HTML_HEAD:     border: 1px solid #e1e1e8;
   396 #+HTML_HEAD:     -webkit-box-shadow:  0 0 1em #777777;
   397 #+HTML_HEAD:     -moz-box-shadow:  0 0 1em #777777;
   398 #+HTML_HEAD:     -webkit-border-bottom-left-radius:  5px;
   399 #+HTML_HEAD:     -moz-border-radius-bottomleft:  5px;
   400 #+HTML_HEAD:     text-align:  right;
   401 #+HTML_HEAD:     /* ensure doesn't flow off the screen when expanded */
   402 #+HTML_HEAD:     height:  auto;
   403 #+HTML_HEAD:     overflow-y: scroll;
   404 #+HTML_HEAD:     z-index:  11;
   405 #+HTML_HEAD: }
   406 #+HTML_HEAD: 
   407 #+HTML_HEAD: #table-of-contents h2 {
   408 #+HTML_HEAD:   margin: 0em;
   409 #+HTML_HEAD:   font-size: 48px;
   410 # #+HTML_HEAD:   font-stretch: ultra-expanded;
   411 #+HTML_HEAD: }
   412 #+HTML_HEAD: 
   413 #+HTML_HEAD: #table-of-contents ul {
   414 #+HTML_HEAD:   margin-left:  14pt;
   415 #+HTML_HEAD:   margin-bottom:  10pt;
   416 #+HTML_HEAD:   padding:  0
   417 #+HTML_HEAD: }
   418 #+HTML_HEAD: 
   419 #+HTML_HEAD: #table-of-contents li {
   420 #+HTML_HEAD:     padding:  0;
   421 #+HTML_HEAD:     margin:  1px;
   422 #+HTML_HEAD:     list-style:  none;
   423 #+HTML_HEAD: }
   424 
   425 #+HTML_HEAD: #table-of-contents li a {
   426 #+HTML_HEAD:     font-size:  16px;
   427 #+HTML_HEAD: }
   428 #+HTML_HEAD: 
   429 #+HTML_HEAD: #table-of-contents #text-table-of-contents {
   430 #+HTML_HEAD:   backdrop-filter: blur(6px);
   431 #+HTML_HEAD:   display:  none;
   432 #+HTML_HEAD:   text-align:  left;
   433 #+HTML_HEAD:   padding-right: 0.1em;
   434 #+HTML_HEAD: }
   435 #+HTML_HEAD: 
   436 #+HTML_HEAD: #table-of-contents: hover #text-table-of-contents {
   437 #+HTML_HEAD:     display:  block;
   438 #+HTML_HEAD:     padding:  0.5em;
   439 #+HTML_HEAD:     margin-top:  -1.5em;
   440 #+HTML_HEAD: }
   441 #+HTML_HEAD: 
   442 #+HTML_HEAD: /* footer */
   443 #+HTML_HEAD: .footer {
   444 #+HTML_HEAD:     margin:  80px 0 0;
   445 #+HTML_HEAD:     text-align:  center;
   446 #+HTML_HEAD:     font-size:  13px;
   447 #+HTML_HEAD:     color:  #DDCAD9;
   448 #+HTML_HEAD:     left:  0em;
   449 #+HTML_HEAD:     bottom:  0em;
   450 #+HTML_HEAD: }
   451 #+HTML_HEAD: .footer > p {
   452 #+HTML_HEAD:     margin:  0;
   453 #+HTML_HEAD:     line-height:  1.5;
   454 #+HTML_HEAD: }
   455 #+HTML_HEAD: .footpara {
   456 #+HTML_HEAD:     display:  inline;
   457 #+HTML_HEAD: }
   458 #+HTML_HEAD: 
   459 #+HTML_HEAD: /* Responsive
   460 #+HTML_HEAD:    -------------------------------------------------- */
   461 #+HTML_HEAD: 
   462 #+HTML_HEAD: @media (min-width:  768px) {
   463 #+HTML_HEAD:     /* Increase body padding and font-sizes */
   464 #+HTML_HEAD:     body {
   465 #+HTML_HEAD:         padding: 2em;
   466 #+HTML_HEAD:         max-width: 70%;
   467 #+HTML_HEAD:     }
   468 #+HTML_HEAD:     h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
   469 #+HTML_HEAD:         display:  inline;
   470 #+HTML_HEAD:     }
   471 #+HTML_HEAD: }
   472 #+HTML_HEAD: 
   473 
   474 # custom
   475 #+HTML_HEAD: .subtitle {
   476 #+HTML_HEAD:   text-align: center;
   477 #+HTML_HEAD:   color: red;
   478 #+HTML_HEAD:   font-weight: bold;
   479 #+HTML_HEAD:   font-size: 1.1em;
   480 #+HTML_HEAD: }
   481 #+HTML_HEAD: .tag::before {
   482 #+HTML_HEAD:   content: ":";
   483 #+HTML_HEAD: }
   484 #+HTML_HEAD: .tag::after {
   485 #+HTML_HEAD:   content: ":";
   486 #+HTML_HEAD: }
   487 #+HTML_HEAD: .tag {
   488 #+HTML_HEAD:   float: right;
   489 #+HTML_HEAD:   color: #8A7090;
   490 #+HTML_HEAD: }
   491 #+HTML_HEAD: h3 .tag {
   492 #+HTML_HEAD:   right: 0px;
   493 #+HTML_HEAD:   position: absolute;
   494 #+HTML_HEAD:   color: lightpink;
   495 #+HTML_HEAD: }
   496 #+HTML_HEAD: .org-center {
   497 #+HTML_HEAD:   text-align: center;
   498 #+HTML_HEAD: }
   499 #+HTML_HEAD:
   500 #+HTML_HEAD: .outline-2, .outline-3, .outline-4, .outline-5 {
   501 # #+HTML_HEAD:   padding-left: 1em;
   502 #+HTML_HEAD: }
   503 
   504 #+HTML_HEAD: .outline-2 {
   505 #+HTML_HEAD:   padding-top: 1.8em;
   506 #+HTML_HEAD: }
   507 
   508 #+HTML_HEAD: .org-dl {
   509 #+HTML_HEAD:   
   510 #+HTML_HEAD: }
   511 
   512 #+HTML_HEAD: .org-dl dt {
   513 #+HTML_HEAD:   font-weight: bold;
   514 #+HTML_HEAD: }
   515 
   516 #+HTML_HEAD: .org-dl dt::after {
   517 #+HTML_HEAD:   content: " :: ";
   518 #+HTML_HEAD: }
   519 
   520 #+HTML_HEAD: .org-dl dd::before {
   521 #+HTML_HEAD:   font-size: xx-large;
   522 #+HTML_HEAD:   content: "  ↳ ";
   523 #+HTML_HEAD: }
   524 
   525 #+HTML_HEAD: .org-dl dd {
   526 #+HTML_HEAD:   font-size: 0.9rem;
   527 #+HTML_HEAD:   margin-bottom: 0.5em;
   528 #+HTML_HEAD:   margin-left: 2em;
   529 #+HTML_HEAD: }
   530 
   531 #+HTML_HEAD: .title {
   532 #+HTML_HEAD:   text-align: center;
   533 #+HTML_HEAD:   padding-top: 1.8em;
   534 #+HTML_HEAD: }
   535 
   536 #+HTML_HEAD: .status {
   537 #+HTML_HEAD:   position: absolute;
   538 #+HTML_HEAD:   left: 1em;
   539 #+HTML_HEAD: }
   540 #+HTML_HEAD: 
   541 #+HTML_HEAD: div #footnotes {
   542 #+HTML_HEAD:   padding-bottom: 1em;
   543 #+HTML_HEAD: }
   544 #+HTML_HEAD: 
   545 #+HTML_HEAD:  </style>
   546 #+HTML_HEAD:<script type="text/javascript">
   547 #+HTML_HEAD:  document.addEventListener('DOMContentLoaded',function() {
   548 #+HTML_HEAD:      document.getElementById("table-of-contents").onclick = function() {
   549 #+HTML_HEAD:          var elem = document.getElementById("text-table-of-contents");
   550 #+HTML_HEAD:          elem.style.display = elem.style.display == "block" ? "none" : "block";
   551 #+HTML_HEAD:      }
   552 #+HTML_HEAD:  });
   553 #+HTML_HEAD:  document.addEventListener('DOMContentLoaded',function() {
   554 #+HTML_HEAD:      document.getElementById("nav").onclick = function() {
   555 #+HTML_HEAD:          var elem = document.getElementById("text-index");
   556 #+HTML_HEAD:          elem.style.display = elem.style.display == "block" ? "none" : "block";
   557 #+HTML_HEAD:      }
   558 #+HTML_HEAD:  });
   559 #+HTML_HEAD:
   560 #+HTML_HEAD:  var url = document.location.href;
   561 #+HTML_HEAD:  var orgsource = url.substring(0, url.lastIndexOf("."))+".org";
   562 #+HTML_HEAD:  function show_org_source(){
   563 #+HTML_HEAD:      document.location.href = orgsource;
   564 #+HTML_HEAD:  }
   565 #+HTML_HEAD:</script>
   566 #+BEGIN_EXPORT latex
   567 \newpage
   568 #+END_EXPORT