yum-slop/yummers.dev

source code for https://yummers.dev

git clone https://git.yummers.dev/yum-slop/yummers.dev

yumupdate fft article87796e2

master
branchesmasterall refs →
7.3 KiB254 linesraw
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
3<head>
4  <meta charset="utf-8" />
5  <meta name="generator" content="pandoc" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7  <meta name="color-scheme" content="light dark" />
8$for(author-meta)$
9  <meta name="author" content="$author-meta$" />
10$endfor$
11$if(date-meta)$
12  <meta name="dcterms.date" content="$date-meta$" />
13$endif$
14$if(keywords)$
15  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
16$endif$
17$if(description-meta)$
18  <meta name="description" content="$description-meta$" />
19$endif$
20  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
21  <meta property="og:title" content="$pagetitle$" />
22  <meta property="og:site_name" content="yummers.dev" />
23  <meta property="og:type" content="$if(top)$article$else$website$endif$" />
24$if(description-meta)$
25  <meta property="og:description" content="$description-meta$" />
26$endif$
27$if(url)$
28  <meta property="og:url" content="$url$" />
29  <link rel="canonical" href="$url$" />
30$endif$
31$if(image)$
32  <meta property="og:image" content="$image$" />
33$if(image-alt)$
34  <meta property="og:image:alt" content="$image-alt$" />
35$endif$
36  <meta name="twitter:card" content="summary_large_image" />
37  <meta name="twitter:image" content="$image$" />
38$endif$
39  <meta name="twitter:title" content="$pagetitle$" />
40$if(description-meta)$
41  <meta name="twitter:description" content="$description-meta$" />
42$endif$
43  <style>
44    $styles.html()$
45  </style>
46  <style>
47    /* regular text */
48    body {
49      font-family: sans-serif;
50    }
51    /* math */
52    math {
53      font-family: math;
54    }
55    /* code */
56    pre, code, kbd, samp {
57      font-family: monospace;
58    }
59    img, video {
60      max-width: 100%;
61      height: auto;
62    }
63    math[display="block"] {
64      display: block math;
65      overflow-x: auto;
66    }
67    /* MathML table cells default to compact math, but Pandoc uses tables for
68       display environments such as align and array. */
69    math[display="block"] mtd {
70      math-style: normal;
71    }
72    /* Opt large derivations into a wider area without widening prose. */
73    .wide-math {
74      width: min(90rem, calc(100vw - 2rem));
75      margin-left: 50%;
76      transform: translateX(-50%);
77      overflow-x: auto;
78      padding-block: 0.5em;
79    }
80    .wide-math math[display="block"] {
81      overflow: visible;
82    }
83    /* Tomorrow theme: https://github.com/chriskempson/tomorrow-theme */
84    :root {
85      color-scheme: light dark;
86      --background-color: #ffffff;
87      --current-line-color: #e0e0e0;
88      --selection-color: #d6d6d6;
89      --foreground-color: #4d4d4c;
90      --comment-color: #8e908c;
91      --red-color: #c82829;
92      --orange-color: #f5871f;
93      --yellow-color: #eab700;
94      --green-color: #718c00;
95      --aqua-color: #3e999f;
96      --blue-color: #4271ae;
97      --purple-color: #8959a8;
98    }
99    @media (prefers-color-scheme: dark) {
100      :root {
101        --background-color: #1d1f21;
102        --current-line-color: #282a2e;
103        --selection-color: #373b41;
104        --foreground-color: #c5c8c6;
105        --comment-color: #969896;
106        --red-color: #cc6666;
107        --orange-color: #de935f;
108        --yellow-color: #f0c674;
109        --green-color: #b5bd68;
110        --aqua-color: #8abeb7;
111        --blue-color: #81a2be;
112        --purple-color: #b294bb;
113      }
114    }
115    /* basic styling */
116    html {
117      background-color: var(--background-color);
118      color: var(--foreground-color);
119    }
120    a { color: var(--foreground-color); }
121    a:visited { color: var(--foreground-color); }
122    a:hover {
123      color: var(--aqua-color);
124    }
125    .article-date {
126      display: none;
127    }
128    #TOC a {
129      display: grid;
130      grid-template-columns: minmax(0, 1fr) 9em;
131      gap: 1em;
132      align-items: baseline;
133    }
134    #TOC .article-date {
135      display: block;
136      color: var(--comment-color);
137      text-align: right;
138      white-space: nowrap;
139      font-variant-numeric: tabular-nums;
140    }
141    .article-toc {
142      border: 1px solid var(--current-line-color);
143      border-radius: 0.5em;
144      margin: 1.5em 0;
145      padding: 0.75em 1em;
146    }
147    .article-toc h2 {
148      font-size: 1em;
149      margin: 0 0 0.5em;
150    }
151    .article-toc ul {
152      margin: 0;
153      padding-left: 1.25em;
154    }
155    blockquote {
156      color: var(--foreground-color);
157      border-left: 4px solid var(--current-line-color);
158    }
159    /* numbered citations rendered from Markdown footnotes */
160    .footnote-ref sup {
161      font-size: inherit;
162      vertical-align: baseline;
163    }
164    .footnote-ref sup::before { content: "["; }
165    .footnote-ref sup::after { content: "]"; }
166    ::selection {
167      background-color: var(--selection-color);
168    }
169    /* code */
170    div.sourceCode {
171      background-color: var(--current-line-color);
172      border-radius: 1em;
173    }
174    div.sourceCode > pre {
175      padding: 1em;
176      background: transparent;
177      color: var(--foreground-color);
178    }
179    /* Pandoc syntax highlighting token classes */
180    code span.co, code span.an, code span.do, code span.cv { color: var(--comment-color); }
181    code span.kw, code span.cf, code span.er { color: var(--red-color); }
182    code span.dt, code span.at, code span.re { color: var(--blue-color); }
183    code span.fu, code span.st, code span.ss, code span.wa, code span.vs { color: var(--yellow-color); }
184    code span.dv, code span.bn, code span.fl, code span.al { color: var(--orange-color); }
185    code span.op, code span.ot, code span.in, code span.sc, code span.ch { color: var(--aqua-color); }
186    code span.cn, code span.va, code span.bu, code span.ex { color: var(--purple-color); }
187    code span.im, code span.pp { color: var(--green-color); }
188    code span.co { font-style: italic; }
189    code span.er { text-decoration: underline; }
190    code span.al { font-weight: bold; }
191    @media print {
192      html, body {
193        background-color: white;
194        color: black;
195      }
196      a, a:visited {
197        color: black;
198      }
199    }
200    /* AI blurb */
201    .article h1 + p::after {
202      content: "All prose on this website is written by a human.";
203      display: block;
204      margin-top: 1em;
205      font-style: italic;
206    }
207  </style>
208$for(css)$
209  <link rel="stylesheet" href="$css$" />
210$endfor$
211$for(header-includes)$
212  $header-includes$
213$endfor$
214$if(math)$
215  $math$
216$endif$
217</head>
218<body class="$if(top)$article$else$home$endif$">
219$for(include-before)$
220$include-before$
221$endfor$
222$if(top)$
223$body$
224  <p><a href="/">back to main page</a></p>
225$else$
226  <h1>articles</h1>
227  <nav id="$idprefix$TOC" role="doc-toc">
228  $article-list$
229  </nav>
230  <h1>about</h1>
231  <p>
232  hello, my name is yum. i am a programmer/person interested in realtime
233  graphics and math. this website is a collection of my stray thoughts that i
234  feel ought to be written down. i think of it as something slightly more
235  public than a diary.
236  </p>
237  <p>
238  all prose on this website is written by a human (me). i do use ai when
239  developing software. in the past, i didn't always disclose it. unless you
240  see something in the README saying that i *didn't* use AI, assume i did.
241  </p>
242  <p>
243  links:
244  <ul>
245    <li><a href="https://git.yummers.dev">git server</a></li>
246    <li><a href="https://bsky.app/profile/yum-food.bsky.social">Bluesky</a></li>
247  </ul>
248  </p>
249$endif$
250$for(include-after)$
251$include-after$
252$endfor$
253</body>
254</html>