2026-01-27 13:42:34 -08:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > {{title}}< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta charset = "utf-8" >
<!-- Meta -->
<!-- <link rel="icon" type="image/x - icon" href="/favicon.ico"> -->
< link rel = "canonical" href = "/" / >
< meta name = "description" content = "{{description}}" / >
< meta name = "robots" content = "index,follow" / >
< meta property = "og:title" content = "{{title}}" / >
< meta property = "og:type" content = "article" / >
< meta property = "og:url" content = "/" / >
< meta property = "og:description" content = "{{description}}" / >
<!-- <meta property="og:image" content="/assets/img/logo.jpg" />
< meta property = "og:image:alt" content = "block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'" / > -->
2026-02-03 10:44:52 -08:00
<!-- JS -->
< script src = "/assets/scripts/nav.js" defer > < / script >
2026-01-27 13:42:34 -08:00
<!-- CSS -->
< link rel = "stylesheet" href = "/assets/styles/main.css" >
< link rel = "stylesheet" href = "/assets/styles/palette.css" >
2026-01-28 10:53:44 -08:00
< link rel = "stylesheet" href = "/assets/styles/nav.css" >
2026-01-27 13:42:34 -08:00
< / head >
< body >
< header >
2026-02-03 10:44:52 -08:00
< nav id = "top-nav" > <!-- auto - generated by nav.js --> < / nav >
2026-01-27 13:42:34 -08:00
< / header >
< main id = "main" >
< h1 > Site palette< / h1 >
< p class = "color" id = "dark" > #130024< / p >
< p class = "color" id = "light" > #ffdff3< / p >
< p class = "color" id = "purple-dark" > #570d93< / p >
2026-01-28 10:52:51 -08:00
< p class = "color" id = "purple-light" > #be70fe< / p >
2026-01-27 13:42:34 -08:00
< p class = "color" id = "pink-dark" > #8f0d66< / p >
< p class = "color" id = "pink-light" > #e771c2< / p >
< p class = "color" id = "orange-dark" > #ba4f1d< / p >
< p class = "color" id = "orange-light" > #e88a5c< / p >
< / main >
2026-02-03 10:44:52 -08:00
< footer id = "footer" > <!-- auto - generated by nav.js --> < / footer >
2026-01-27 13:42:34 -08:00
< / body >
< / html >
