diff options
Diffstat (limited to 'html/index.html')
| -rw-r--r-- | html/index.html | 216 |
1 files changed, 216 insertions, 0 deletions
diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..6199372 --- /dev/null +++ b/html/index.html @@ -0,0 +1,216 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="UTF-8"> +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<link rel="icon" href="https://adelie.liz.coffee/img/favicon.ico" /> +<title>liz.coffee</title> +<style> + @font-face { + font-family: 'Latin Modern'; + font-style: normal; font-weight: normal; font-display: swap; + src: url('https://cdn.jsdelivr.net/gh/vincentdoerig/latex-css@1.10.0/fonts/LM-regular.woff2') format('woff2'); + } + @font-face { + font-family: 'Latin Modern'; + font-style: italic; font-weight: normal; font-display: swap; + src: url('https://cdn.jsdelivr.net/gh/vincentdoerig/latex-css@1.10.0/fonts/LM-italic.woff2') format('woff2'); + } + @font-face { + font-family: 'Latin Modern'; + font-style: normal; font-weight: bold; font-display: swap; + src: url('https://cdn.jsdelivr.net/gh/vincentdoerig/latex-css@1.10.0/fonts/LM-bold.woff2') format('woff2'); + } + @font-face { + font-family: 'Latin Modern'; + font-style: italic; font-weight: bold; font-display: swap; + src: url('https://cdn.jsdelivr.net/gh/vincentdoerig/latex-css@1.10.0/fonts/LM-bold-italic.woff2') format('woff2'); + } + + :root { + --ink: #1a1a1a; + --link: #003399; + --stain: 150, 62, 22; + } + + * { margin: 0; padding: 0; box-sizing: border-box; } + + html { background: #54575c; } + + body { + font-family: 'Latin Modern', 'Computer Modern Serif', 'CMU Serif', Georgia, serif; + color: var(--ink); + font-size: 15.5px; + line-height: 1.45; + padding: 2.5rem 0.75rem 4rem; + } + + .page { + position: relative; + max-width: 51rem; + margin: 0 auto; + background: #fffdf7; + box-shadow: 0 0 4px rgba(0,0,0,.45), 0 10px 30px rgba(0,0,0,.35); + padding: 4.5rem 5.5rem 3.5rem; + overflow: hidden; + } + @media (max-width: 700px) { + .page { padding: 3rem 1.4rem 2.5rem; } + .arxiv { display: none; } + } + + .arxiv { + position: absolute; + left: 1.1rem; top: 24rem; + transform: rotate(180deg); + writing-mode: vertical-rl; + font-family: 'Latin Modern', Georgia, serif; + font-size: .95rem; + letter-spacing: .02em; + color: #333; + } + + .stain { position: absolute; border-radius: 50%; pointer-events: none; } + .stain.ring { + border: 9px solid rgba(var(--stain), .13); + box-shadow: + inset 0 0 6px 2px rgba(var(--stain), .10), + 0 0 5px 1px rgba(var(--stain), .07), + inset 8px 4px 12px rgba(var(--stain), .08); + filter: blur(.4px); + } + .stain.blotch { + background: radial-gradient(ellipse at 40% 40%, + rgba(var(--stain), .16) 0%, + rgba(var(--stain), .08) 45%, + rgba(var(--stain), .13) 62%, + rgba(var(--stain), 0) 72%); + filter: blur(.6px); + } + .stain.drop { background: rgba(var(--stain), .11); filter: blur(.5px); } + + #stain1 { width: 190px; height: 178px; top: -48px; right: -55px; transform: rotate(12deg); } + #stain1b { width: 145px; height: 140px; top: -22px; right: -30px; } + #stain2 { width: 120px; height: 112px; top: 44rem; left: -58px; transform: rotate(-9deg); border-width: 12px; } + #stain3 { width: 16px; height: 13px; top: 46.5rem; left: 70px; } + #stain3b { width: 8px; height: 8px; top: 45.5rem; left: 92px; } + #stain4 { width: 230px; height: 215px; bottom: 6rem; right: -80px; transform: rotate(31deg); } + #stain5 { width: 11px; height: 10px; bottom: 16rem; right: 130px; } + + .center { text-align: center; } + h1 { + font-size: 1.55rem; font-weight: normal; + text-align: center; + margin: 1.2rem auto 1.6rem; + max-width: 36rem; + line-height: 1.3; + } + .authorblock { text-align: center; margin-bottom: .4rem; } + .authorblock .author { font-size: 1.1rem; } + .authorblock .affil { font-style: italic; font-size: .95rem; margin-top: .15rem; } + .date { text-align: center; font-size: .95rem; margin: .8rem 0 1.6rem; } + tt, .tt { font-family: 'CMU Typewriter Text', ui-monospace, 'Cascadia Mono', Menlo, monospace; font-size: .88em; } + + .navline { text-align: center; margin-bottom: 2.2rem; } + .navline a { margin: 0 .35rem; } + + a { color: var(--link); text-decoration: none; } + a:hover { text-decoration: underline; } + + .abstract { max-width: 38rem; margin: 0 auto 2rem; } + .abstract .head { text-align: center; font-weight: bold; font-size: .95rem; margin-bottom: .5rem; } + .abstract p { font-size: .92rem; text-align: justify; hyphens: auto; } + + .epigraph { + max-width: 22rem; margin: 0 0 2rem auto; + font-style: italic; font-size: .92rem; text-align: right; + } + .epigraph .src { font-style: normal; font-size: .88rem; } + + h2 { + font-size: 1.15rem; font-weight: bold; + margin: 1.9rem 0 .8rem; + } + h2 .no { margin-right: 1em; } + + p { text-align: justify; hyphens: auto; margin-bottom: .75rem; } + p.indent { text-indent: 1.6em; margin-bottom: 0; } + +</style> +</head> +<body> + +<div class="page"> + <div class="stain blotch" id="stain1"></div> + <div class="stain ring" id="stain1b"></div> + <div class="stain ring" id="stain2"></div> + <div class="stain drop" id="stain3"></div> + <div class="stain drop" id="stain3b"></div> + <div class="stain ring" id="stain4"></div> + <div class="stain drop" id="stain5"></div> + + <div class="arxiv">arXiv:2607.0404v3 [cs.DOG] <span id="arxiv-date">5 Jul 2026</span></div> + + <div class="authorblock"> + <div class="author">Elizabeth / Alexander Hunt (she/he)</div> + <div class="affil">Department of Penguins</div> + <div><a class="tt" href="mailto:me@liz.coffee">me@liz.coffee</a></div> + </div> + <div class="date" id="today">July 4, 2026</div> + + <div class="navline tt"> + [<a href="https://code.liz.coffee">code</a>] · + [<a href="https://linkedin.com/in/emprespresso">linkedin</a>] · + [<a href="https://instagram.com/emprespresso">instagram</a>] · + [<a href="https://x.com/emprespresso">twitter</a>] + </div> + + <div class="abstract"> + <div class="head">Abstract</div> + <p>We introduce the author and establish some of her fundamental properties. If it's a proof you're looking for, well, the sourdough did that.</p> + <div class="center"><img src="assets/bread.jpeg" width="400"><br><em>Fig. 1 - The bread, proven. Also, baked.</em></div> + </div> + + <h2>1. Introduction</h2> + <p> + The author is a programmer at a Big Ol' Tech™ company in Seattle. She was previously at USU studying CS and Math, thankfully escaping from BYU-I at 16. + </p> + <p class="indent">She enjoys recreational programming and studying outside of work; some of her interests are in functional programming, compilers/PLs, game programming, overengineering her homelab, and low level fun. She hacks on some LISP, drives Emacs, and is generally fond of free software (from 2021 to 2023 she was the president of the <a href="https://linux.usu.edu">Free Software and Linux Club</a>).</p> + <p class="indent"> + When not computing, she runs, bikes, watches anime, rides trains, bakes bread, daydreams about going back to school. On rare occassions when nostalgic, she is heard practicing violin. She is overly fascinated by penguins and visits them when possible. + </p> + <p class="indent"> + The author is also the advisor to PhD (PHuckin-cuteass Dog) candidate Gus, whose current work involves proving something about squirrels. + <br><br> + <div class="center"><img src="assets/gus.jpeg" height="400"><br><em>Fig. 2 - PhD Candidate.</em></div> + </p> + + <!-- + <h2>2. Webtoys</h2> + <p>Some hacky little toys left around.</p> + + <ul style="margin-left: 2rem"> + <li><a href="/toys/tabloid">Tabloid IDE (now including closures!)</a></li> + <li><a href="/toys/turing">Turing Machine</a></li> + <li><a href="https://the-abstraction-engine.pages.dev">The Abstraction Engine</a></li> + <li><a href="/toys/godel">Godel Number Explorer</a></li> + <li><a href="/toys/julia">Julia Set Viewer (gpu.js accelerated)</a></li> + <li><a href="/toys/fourier">Discrete Fourier Transform Playground</a></li> + </ul> + --> + <footer style="display: flex; align-items: center; justify-content: center;"> + <img width="100" src="/assets/penguin.gif"> + <a href="https://liz.coffee"><img src="https://adelie.liz.coffee/img/blinkies/liz--coffee.gif" width="150" height="20"></a> + </footer> +</div> + +<script> + const d = new Date(); + const long = d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); + document.getElementById('today').textContent = long; + document.getElementById('arxiv-date').textContent = + d.getDate() + ' ' + d.toLocaleDateString('en-US', { month: 'short' }) + ' ' + d.getFullYear(); +</script> + +</body> +</html> |