akko/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Hopefully fix non-rendering icons on mobile

Browse Source
This commit is contained in:
Akko
2025-11-27 17:02:15 +01:00
parent 0e4910137d
commit 17d6399458
56 changed files with 1532 additions and 1168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
html/source.html
View File

@@ -190,6 +190,9 @@
{ background-color: #ffff00; color: #000000; font-weight: bold; }
.org-svg { }
</style>
<!-- Fix flashes of unstyled content -->
<style>html{visibility: hidden;opacity:0;}</style>
<link rel="stylesheet" href="/static/fonts.css" type="text/css"/>
<link rel="stylesheet" href="/static/style.css" type="text/css"/>
<link rel="icon" type="image/png" href="/static/favicon_96.png" sizes="96x96" />
@@ -211,13 +214,13 @@
</div>
</div>
<div id="content" class="content">
<div id="outline-container-org758629b" class="outline-2">
<h2 id="org758629b">Webbieweb.org Literate Sources&#xa0;&#xa0;&#xa0;<span class="tag"><span class="h4left">h4left</span>&#xa0;<span class="h5left">h5left</span>&#xa0;<span class="h3underline">h3underline</span></span></h2>
<div class="outline-text-2" id="text-org758629b">
<div id="outline-container-org554f3ce" class="outline-2">
<h2 id="org554f3ce">Webbieweb.org Literate Sources&#xa0;&#xa0;&#xa0;<span class="tag"><span class="h4left">h4left</span>&#xa0;<span class="h5left">h5left</span>&#xa0;<span class="h3underline">h3underline</span></span></h2>
<div class="outline-text-2" id="text-org554f3ce">
</div>
<div id="outline-container-org39eb1a4" class="outline-3">
<h3 id="org39eb1a4">Introduction</h3>
<div class="outline-text-3" id="text-org39eb1a4">
<div id="outline-container-orged7bd8f" class="outline-3">
<h3 id="orged7bd8f">Introduction</h3>
<div class="outline-text-3" id="text-orged7bd8f">
<p>
These are the <a href="https://en.wikipedia.org/wiki/Literate_programming">literate</a> sources of <i>webbieweb.org</i>. The code blocks here constitute the actual sources; therefore, this document is guaranteed to be up to date.
</p>
@@ -225,7 +228,7 @@ These are the <a href="https://en.wikipedia.org/wiki/Literate_programming">liter
<p>
This page is self-contained; the only dependency is <code>ox-publish</code>. The following directory structure is expected:
</p>
<pre class="example" id="org2a0961a">
<pre class="example" id="org78777cb">
.
|-- html ;; Export destination; you can copy this dir to any static file host and host the website that way.
|-- org ;; Org-mode sources; these will get compiled and the output copied to html/.
@@ -243,14 +246,14 @@ This page is self-contained; the only dependency is <code>ox-publish</code>. The
</div>
</div>
</div>
<div id="outline-container-orgb238363" class="outline-3">
<h3 id="orgb238363">Export Commands</h3>
<div class="outline-text-3" id="text-orgb238363">
<div id="outline-container-orgb18e273" class="outline-3">
<h3 id="orgb18e273">Export Commands</h3>
<div class="outline-text-3" id="text-orgb18e273">
<p>
Load this file up in Emacs and hit C-c C-c on the code block below to export changes to HTML.
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp" id="org2fe0061">&lt;&lt;blog-scaffolding&gt;&gt;
<pre class="src src-emacs-lisp" id="org2ea948f">&lt;&lt;blog-scaffolding&gt;&gt;
<span class="org-rainbow-delimiters-depth-1">(</span><span class="org-function-name">blog/publish</span><span class="org-rainbow-delimiters-depth-1">)</span>
<span class="org-rainbow-delimiters-depth-1">(</span><span class="org-constant">org-babel-tangle</span><span class="org-rainbow-delimiters-depth-1">)</span>
</pre>
@@ -261,22 +264,22 @@ The one below will ignore caching; necessary in some situations, for instance: c
Currently the habit tracker table also gets erronously cached.
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp" id="org58fe7db">&lt;&lt;blog-scaffolding&gt;&gt;
<pre class="src src-emacs-lisp" id="org0f3aa49">&lt;&lt;blog-scaffolding&gt;&gt;
<span class="org-rainbow-delimiters-depth-1">(</span><span class="org-function-name">blog/force-publish</span><span class="org-rainbow-delimiters-depth-1">)</span>
<span class="org-rainbow-delimiters-depth-1">(</span><span class="org-constant">org-babel-tangle</span><span class="org-rainbow-delimiters-depth-1">)</span>
</pre>
</div>
</div>
</div>
<div id="outline-container-org7b230fa" class="outline-3">
<h3 id="org7b230fa">Elisp</h3>
<div class="outline-text-3" id="text-org7b230fa">
<div id="outline-container-org59ada8c" class="outline-3">
<h3 id="org59ada8c">Elisp</h3>
<div class="outline-text-3" id="text-org59ada8c">
</div>
<div id="outline-container-orgd78a86b" class="outline-4">
<h4 id="orgd78a86b">Basic Settings/Scaffolding&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orgd78a86b">
<div id="outline-container-orgafca541" class="outline-4">
<h4 id="orgafca541">Basic Settings/Scaffolding&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orgafca541">
<div class="org-src-container">
<pre class="src src-emacs-lisp" id="orgde97495"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-constant">require</span> <span class="org-highlight-quoted-quote">'</span><span class="org-constant">ox-publish</span><span class="org-rainbow-delimiters-depth-1">)</span>
<pre class="src src-emacs-lisp" id="org015c28f"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-constant">require</span> <span class="org-highlight-quoted-quote">'</span><span class="org-constant">ox-publish</span><span class="org-rainbow-delimiters-depth-1">)</span>
&lt;&lt;no-sitemap&gt;&gt;
@@ -377,18 +380,18 @@ Currently the habit tracker table also gets erronously cached.
</div>
</div>
</div>
<div id="outline-container-org086fb82" class="outline-3">
<h3 id="org086fb82">Features</h3>
<div class="outline-text-3" id="text-org086fb82">
<div id="outline-container-orgd336d7c" class="outline-3">
<h3 id="orgd336d7c">Features</h3>
<div class="outline-text-3" id="text-orgd336d7c">
</div>
<div id="outline-container-org74b6268" class="outline-4">
<h4 id="org74b6268">Sitemap&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org74b6268">
<div id="outline-container-orgffdbf85" class="outline-4">
<h4 id="orgffdbf85">Sitemap&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orgffdbf85">
<p>
Files with <code>#+FILETAGS: :no-sitemap:</code> at the top will be excluded from <a href="./sitemap.html">the sitemap</a>. Every directory <code>dir/</code> will link to <code>dir/index.org</code>, with <code>index.org</code> being removed as a child entry.
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp" id="org9a537e0"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-keyword">defun</span> <span class="org-function-name">blog/sitemap-format-entry</span>
<pre class="src src-emacs-lisp" id="orgd848de5"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-keyword">defun</span> <span class="org-function-name">blog/sitemap-format-entry</span>
<span class="org-rainbow-delimiters-depth-2">(</span>entry style project<span class="org-rainbow-delimiters-depth-2">)</span>
<span class="org-comment-delimiter">;; </span><span class="org-comment">Blank out entries with :no_sitemap:</span>
<span class="org-rainbow-delimiters-depth-2">(</span><span class="org-keyword">let*</span> <span class="org-rainbow-delimiters-depth-3">(</span><span class="org-rainbow-delimiters-depth-4">(</span>tags <span class="org-rainbow-delimiters-depth-1">(</span><span class="org-constant">org-publish-find-property</span> entry <span class="org-builtin">:filetags</span> project<span class="org-rainbow-delimiters-depth-1">)</span><span class="org-rainbow-delimiters-depth-4">)</span>
@@ -423,9 +426,9 @@ Files with <code>#+FILETAGS: :no-sitemap:</code> at the top will be excluded fro
</div>
</div>
</div>
<div id="outline-container-org2f503c0" class="outline-4">
<h4 id="org2f503c0">Tag-based Section Control&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org2f503c0">
<div id="outline-container-org47263d2" class="outline-4">
<h4 id="org47263d2">Tag-based Section Control&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org47263d2">
<p>
Org-mode headers support tags:
</p>
@@ -463,9 +466,9 @@ We will hide the tags themselves:
</div>
</div>
</div>
<div id="outline-container-orge9285d3" class="outline-4">
<h4 id="orge9285d3">Header Styling Tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orge9285d3">
<div id="outline-container-org2d0301d" class="outline-4">
<h4 id="org2d0301d">Header Styling Tags&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org2d0301d">
<p>
Tags for granular styling. This page has <code>:h4left:h5left:h3underline:</code> at the top level.
</p>
@@ -485,16 +488,16 @@ Tags for granular styling. This page has <code>:h4left:h5left:h3underline:</code
</div>
</div>
</div>
<div id="outline-container-org070fe9a" class="outline-4">
<h4 id="org070fe9a">Journal&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org070fe9a">
<div id="outline-container-org7053edb" class="outline-4">
<h4 id="org7053edb">Journal&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org7053edb">
<p>
Here&rsquo;s a template for the journal files, as reference for what follows:
</p>
</div>
<div id="outline-container-org11a5c86" class="outline-5">
<h5 id="org11a5c86">Template&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org11a5c86">
<div id="outline-container-org4b9163f" class="outline-5">
<h5 id="org4b9163f">Template&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org4b9163f">
<div class="org-src-container">
<pre class="src src-org"><span class="org-org-meta-line">#+FILETAGS: :no_sitemap:</span>
<span class="org-org-meta-line">#+TODO: NO(n) | YES(y) EXCELLENT(e) FREED(f)</span>
@@ -545,9 +548,9 @@ Here&rsquo;s a template for the journal files, as reference for what follows:
</div>
</div>
</div>
<div id="outline-container-org8fb6b9b" class="outline-5">
<h5 id="org8fb6b9b">Styling</h5>
<div class="outline-text-5" id="text-org8fb6b9b">
<div id="outline-container-orgd9cb96d" class="outline-5">
<h5 id="orgd9cb96d">Styling</h5>
<div class="outline-text-5" id="text-orgd9cb96d">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-property">div</span>:has(h3 .tag .journal) {
<span class="org-css-property">border</span>: none;
@@ -580,18 +583,18 @@ Here&rsquo;s a template for the journal files, as reference for what follows:
</div>
</div>
</div>
<div id="outline-container-org7426e2e" class="outline-4">
<h4 id="org7426e2e">Habit Tracker&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org7426e2e">
<div id="outline-container-org611824e" class="outline-4">
<h4 id="org611824e">Habit Tracker&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org611824e">
<p>
Implements the habit tracking table on the <a href="./index.html">front page</a>. Habits are extracted from journal entries and rendered into a table, including a &ldquo;streak&rdquo; heatmap and the ability to click cells to see the corresponding entry.
</p>
</div>
<div id="outline-container-org5c681d2" class="outline-5">
<h5 id="org5c681d2">Elisp&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org5c681d2">
<div id="outline-container-org1cb00bf" class="outline-5">
<h5 id="org1cb00bf">Elisp&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org1cb00bf">
<div class="org-src-container">
<pre class="src src-emacs-lisp" id="orge56906b"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-keyword">defun</span> <span class="org-function-name">akk0/org-to-html</span> <span class="org-rainbow-delimiters-depth-2">(</span>org-string<span class="org-rainbow-delimiters-depth-2">)</span>
<pre class="src src-emacs-lisp" id="org10ae3de"><span class="org-rainbow-delimiters-depth-1">(</span><span class="org-keyword">defun</span> <span class="org-function-name">akk0/org-to-html</span> <span class="org-rainbow-delimiters-depth-2">(</span>org-string<span class="org-rainbow-delimiters-depth-2">)</span>
<span class="org-doc">"Convert ORG-STRING to HTML."</span>
<span class="org-rainbow-delimiters-depth-2">(</span><span class="org-keyword">with-temp-buffer</span>
<span class="org-rainbow-delimiters-depth-3">(</span><span class="org-constant">insert</span> org-string<span class="org-rainbow-delimiters-depth-3">)</span>
@@ -787,9 +790,9 @@ Implements the habit tracking table on the <a href="./index.html">front page</a>
</div>
</div>
</div>
<div id="outline-container-org51765e4" class="outline-5">
<h5 id="org51765e4">Expansion Section&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org51765e4">
<div id="outline-container-org162b258" class="outline-5">
<h5 id="org162b258">Expansion Section&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org162b258">
<p>
A bit of JS for enabling the expanding of entries.
</p>
@@ -831,9 +834,9 @@ A bit of JS for enabling the expanding of entries.
</div>
</div>
</div>
<div id="outline-container-org1f9bcc5" class="outline-5">
<h5 id="org1f9bcc5">CSS&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-org1f9bcc5">
<div id="outline-container-orgf64180f" class="outline-5">
<h5 id="orgf64180f">CSS&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h5>
<div class="outline-text-5" id="text-orgf64180f">
<p>
Color habit entries based on their completion status:
</p>
@@ -909,9 +912,9 @@ Style the cells, set legible text color, outline clickable:
</div>
</div>
</div>
<div id="outline-container-orgafd9ef6" class="outline-4">
<h4 id="orgafd9ef6">Header Collapsing&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orgafd9ef6">
<div id="outline-container-org5c1e768" class="outline-4">
<h4 id="org5c1e768">Header Collapsing&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org5c1e768">
<p>
Sections can be expanded and collapsed by clicking on their headers; this will assign <code>.orgjq-expanded</code> and <code>.orgjq-contracted</code> CSS classes as appropriate. Headers with the <code>:autocollapse:</code> tag will be collapsed by default (like this section).
</p>
@@ -1030,9 +1033,9 @@ Sections can be expanded and collapsed by clicking on their headers; this will a
</div>
</div>
</div>
<div id="outline-container-org8a7d603" class="outline-4">
<h4 id="org8a7d603">Hover Notes&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org8a7d603">
<div id="outline-container-org689fb7a" class="outline-4">
<h4 id="org689fb7a">Hover Notes&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org689fb7a">
<p>
Turns org-mode footnotes (<code>[fn::Like this]</code>) into hover-notes<sup><a id="fnr.1" class="footref" href="#fn.1" role="doc-backlink">1</a></sup>.
</p>
@@ -1087,20 +1090,35 @@ Turns org-mode footnotes (<code>[fn::Like this]</code>) into hover-notes<sup><a
document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, enableFootnotes);
</pre>
</div>
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">.footnote-tooltip</span> {
<span class="org-css-property">position</span>: <span class="org-string">'absolute'</span>;
<span class="org-css-property">z-index</span>: <span class="org-highlight-numbers-number">1000</span>;
<span class="org-css-property">background-color</span>: var(<span class="org-variable-name">--background-tooltip</span>);
<span class="org-css-property">border</span>: 1px solid var(<span class="org-variable-name">--accent1</span>);
<span class="org-css-property">border-radius</span>: = 4px;
<span class="org-css-property">padding</span>: 8px 12px;
<span class="org-css-property">max-width</span>: 300px;
<span class="org-css-property">font-size</span>: calc(var(<span class="org-variable-name">--font-size</span>) * <span class="org-highlight-numbers-number">0.9</span>);
<span class="org-css-property">box-shadow</span>: 1px 1px 1px var(<span class="org-variable-name">--grey2</span>);
}
</pre>
</div>
</div>
</div>
<div id="outline-container-org745cfa4" class="outline-3">
<h3 id="org745cfa4">Appearance</h3>
<div class="outline-text-3" id="text-org745cfa4">
</div>
<div id="outline-container-org9695bbe" class="outline-4">
<h4 id="org9695bbe">Global&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org9695bbe">
<div id="outline-container-orga3ac252" class="outline-3">
<h3 id="orga3ac252">Appearance</h3>
<div class="outline-text-3" id="text-orga3ac252">
</div>
<div id="outline-container-orgf35b316" class="outline-5">
<h5 id="orgf35b316">Variables</h5>
<div class="outline-text-5" id="text-orgf35b316">
<div id="outline-container-org3bee62a" class="outline-4">
<h4 id="org3bee62a">Global&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org3bee62a">
</div>
<div id="outline-container-org7219aed" class="outline-5">
<h5 id="org7219aed">Variables</h5>
<div class="outline-text-5" id="text-org7219aed">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">:root</span> {
<span class="org-variable-name">--site-width</span>: 1000px;
@@ -1108,7 +1126,7 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
<span class="org-variable-name">--font-size</span>: 1.2rem;
<span class="org-variable-name">--line-height</span>: 1.6rem;
<span class="org-variable-name">--font-family</span>: <span class="org-string">"Source Serif Pro"</span>;
<span class="org-variable-name">--font-family</span>: <span class="org-string">"Source Serif Pro"</span>, <span class="org-string">"Noto Sans Symbols 2"</span>;
<span class="org-variable-name">--scale</span>: <span class="org-highlight-numbers-number">2</span>;
}
@@ -1116,9 +1134,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org64f3d96" class="outline-5">
<h5 id="org64f3d96">Color Variables</h5>
<div class="outline-text-5" id="text-org64f3d96">
<div id="outline-container-org56bb95d" class="outline-5">
<h5 id="org56bb95d">Color Variables</h5>
<div class="outline-text-5" id="text-org56bb95d">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">:root</span> {
<span class="org-variable-name">--green1</span>: <span class="custom-28">#123218</span>;
@@ -1162,9 +1180,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-orgcd474cc" class="outline-5">
<h5 id="orgcd474cc">Background image</h5>
<div class="outline-text-5" id="text-orgcd474cc">
<div id="outline-container-orgf601d46" class="outline-5">
<h5 id="orgf601d46">Background image</h5>
<div class="outline-text-5" id="text-orgf601d46">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">body::before,</span>
<span class="org-css-selector">body::after</span> {
@@ -1199,8 +1217,8 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
<ul class="org-ul">
<li><a id="org03ecfb0"></a><span class="todo TODO">TODO</span> This is a weird approach and has some issues<br>
<div class="outline-text-6" id="text-org03ecfb0">
<li><a id="orga18284a"></a><span class="todo TODO">TODO</span> This is a weird approach and has some issues<br>
<div class="outline-text-6" id="text-orga18284a">
<ul class="org-ul">
<li>White line in center in some setups</li>
<li>Crunchy lines depending on DPI</li>
@@ -1209,9 +1227,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</li>
</ul>
</div>
<div id="outline-container-org957f0fb" class="outline-5">
<h5 id="org957f0fb">Fonts</h5>
<div class="outline-text-5" id="text-org957f0fb">
<div id="outline-container-orgcdfad92" class="outline-5">
<h5 id="orgcdfad92">Fonts</h5>
<div class="outline-text-5" id="text-orgcdfad92">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">body</span> {
<span class="org-css-property">font-family</span>: var(<span class="org-variable-name">--font-family</span>);
@@ -1224,9 +1242,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org89d5226" class="outline-5">
<h5 id="org89d5226">Header/Content/Footer blocks</h5>
<div class="outline-text-5" id="text-org89d5226">
<div id="outline-container-org5682b05" class="outline-5">
<h5 id="org5682b05">Header/Content/Footer blocks</h5>
<div class="outline-text-5" id="text-org5682b05">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">#content, #header, #footer</span> {
<span class="org-css-property">min-width</span>: 500px;
@@ -1289,13 +1307,13 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-orgf729b02" class="outline-4">
<h4 id="orgf729b02">Colors&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-orgf729b02">
<div id="outline-container-org8f4537f" class="outline-4">
<h4 id="org8f4537f">Colors&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org8f4537f">
</div>
<div id="outline-container-org2474dd1" class="outline-5">
<h5 id="org2474dd1">Color Assignments</h5>
<div class="outline-text-5" id="text-org2474dd1">
<div id="outline-container-org1f0e862" class="outline-5">
<h5 id="org1f0e862">Color Assignments</h5>
<div class="outline-text-5" id="text-org1f0e862">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">body</span> {
<span class="org-css-property">color</span>: var(<span class="org-variable-name">--</span><span class="custom"><span class="custom-1">black</span></span>);
@@ -1306,9 +1324,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org760610d" class="outline-5">
<h5 id="org760610d">Syntax Highlighting</h5>
<div class="outline-text-5" id="text-org760610d">
<div id="outline-container-org184444f" class="outline-5">
<h5 id="org184444f">Syntax Highlighting</h5>
<div class="outline-text-5" id="text-org184444f">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">pre</span> {<span class="org-css-property">background-color</span>:var(<span class="org-variable-name">--grey1</span>); <span class="org-css-property">color</span>:var(<span class="org-variable-name">--grey5</span>);}
<span class="org-css-selector">pre span.org-builtin</span> {<span class="org-css-property">color</span>:var(<span class="org-variable-name">--blue4</span>);<span class="org-css-property">font-weight</span>:bold;}
@@ -1348,13 +1366,13 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org6c0bd29" class="outline-4">
<h4 id="org6c0bd29">General CSS&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org6c0bd29">
<div id="outline-container-org6be48f8" class="outline-4">
<h4 id="org6be48f8">General CSS&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org6be48f8">
</div>
<div id="outline-container-org55dee7b" class="outline-5">
<h5 id="org55dee7b">Et Cetera</h5>
<div class="outline-text-5" id="text-org55dee7b">
<div id="outline-container-orgfe5ae1b" class="outline-5">
<h5 id="orgfe5ae1b">Et Cetera</h5>
<div class="outline-text-5" id="text-orgfe5ae1b">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">tbody</span> { <span class="org-css-property">border-bottom</span>: 1px dotted var(<span class="org-variable-name">--grey1</span>); }
<span class="org-css-selector">thead</span> { <span class="org-css-property">border-bottom</span>: 1px solid var(<span class="org-variable-name">--grey1</span>); }
@@ -1407,9 +1425,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org172437c" class="outline-5">
<h5 id="org172437c">Utility Classes</h5>
<div class="outline-text-5" id="text-org172437c">
<div id="outline-container-orga07248b" class="outline-5">
<h5 id="orga07248b">Utility Classes</h5>
<div class="outline-text-5" id="text-orga07248b">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">.center</span> {
<span class="org-css-property">display</span>: block;
@@ -1458,13 +1476,13 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org7037a5b" class="outline-4">
<h4 id="org7037a5b">Elements&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org7037a5b">
<div id="outline-container-org547d137" class="outline-4">
<h4 id="org547d137">Elements&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org547d137">
</div>
<div id="outline-container-orgd71c9a0" class="outline-5">
<h5 id="orgd71c9a0">Looking for Work</h5>
<div class="outline-text-5" id="text-orgd71c9a0">
<div id="outline-container-org31a63f5" class="outline-5">
<h5 id="org31a63f5">Looking for Work</h5>
<div class="outline-text-5" id="text-org31a63f5">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">#looking-for-work</span> {
<span class="org-css-property">background-color</span>: var(<span class="org-variable-name">--red2</span>);
@@ -1484,9 +1502,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org40f74a8" class="outline-5">
<h5 id="org40f74a8">Code Blocks</h5>
<div class="outline-text-5" id="text-org40f74a8">
<div id="outline-container-orgb0af65b" class="outline-5">
<h5 id="orgb0af65b">Code Blocks</h5>
<div class="outline-text-5" id="text-orgb0af65b">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">.src, .example</span> {
<span class="org-css-property">font-family</span>: monospace;
@@ -1496,9 +1514,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org99d9f1d" class="outline-5">
<h5 id="org99d9f1d">Publish/modified Date</h5>
<div class="outline-text-5" id="text-org99d9f1d">
<div id="outline-container-org04c9528" class="outline-5">
<h5 id="org04c9528">Publish/modified Date</h5>
<div class="outline-text-5" id="text-org04c9528">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">#publish-date, #modified-date</span> {
<span class="org-css-property">font-style</span>: italic;
@@ -1507,9 +1525,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org62e295a" class="outline-5">
<h5 id="org62e295a">Table of Contents</h5>
<div class="outline-text-5" id="text-org62e295a">
<div id="outline-container-orgefcb551" class="outline-5">
<h5 id="orgefcb551">Table of Contents</h5>
<div class="outline-text-5" id="text-orgefcb551">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">#table-of-contents</span> {
<span class="org-css-property">z-index</span>: <span class="org-highlight-numbers-number">1</span>;
@@ -1560,9 +1578,9 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-orgca69abe" class="outline-5">
<h5 id="orgca69abe">To-Dos</h5>
<div class="outline-text-5" id="text-orgca69abe">
<div id="outline-container-org7d06f1a" class="outline-5">
<h5 id="org7d06f1a">To-Dos</h5>
<div class="outline-text-5" id="text-org7d06f1a">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">.TODO</span> { <span class="org-css-property">color</span>: var(<span class="org-variable-name">--red3</span>); }
<span class="org-css-selector">.DONE</span> { <span class="org-css-property">color</span>: var(<span class="org-variable-name">--green3</span>); }
@@ -1571,6 +1589,18 @@ document.addEventListener(<span class="org-string">'DOMContentLoaded'</span>, en
</div>
</div>
</div>
<div id="outline-container-org9c05c5e" class="outline-4">
<h4 id="org9c05c5e">No unstyled content&#xa0;&#xa0;&#xa0;<span class="tag"><span class="autocollapse">autocollapse</span></span></h4>
<div class="outline-text-4" id="text-org9c05c5e">
<div class="org-src-container">
<pre class="src src-css"><span class="org-css-selector">html</span> {
<span class="org-css-property">visibility</span>: visible;
<span class="org-css-property">opacity</span>: <span class="org-highlight-numbers-number">1</span>;
}
</pre>
</div>
</div>
</div>
</div>
</div>
<div id="footnotes">