2026-01-06 12:41:27 -08:00
<!DOCTYPE html>
< html lang = "en" >
2026-01-07 14:42:15 -08:00
< head >
< title > Palette | the historic Beall Greenhouses</ 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 = "/palette/" />
< meta name = "description" content = "Palette | the historic Beall Greenhouses" />
< meta name = "robots" content = "index,follow" />
< meta property = "og:title" content = "Palette | the historic Beall Greenhouses" />
< meta property = "og:type" content = "article" />
< meta property = "og:url" content = "/palette/" />
< meta property = "og:description" content = "Palette | the historic Beall Greenhouses" />
2026-01-08 10:08:14 -08:00
< 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-01-06 12:41:27 -08:00
2026-01-07 14:42:15 -08:00
<!-- JS -->
< script src = "/assets/scripts/nav.js" defer ></ script >
2026-01-06 12:41:27 -08:00
2026-01-07 14:42:15 -08:00
<!-- CSS -->
< link rel = "stylesheet" href = "/assets/styles/main.css" >
< link rel = "stylesheet" href = "/assets/styles/nav.css" >
< link rel = "stylesheet" href = "/assets/styles/palette.css" >
2026-01-06 12:41:27 -08:00
2026-01-07 14:42:15 -08:00
<!-- Font -->
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel = "stylesheet" >
</ head >
< body >
< div id = "content" >
< header > <!-- auto-populated by nav.js --> </ header >
2026-01-06 12:41:27 -08:00
2026-01-07 14:42:15 -08:00
< main id = "main" >
< h1 > Site Palette</ h1 >
< div class = "color" >
< p id = "concrete" > #e5e0c7</ p >
< p id = "concrete-alt" > #d1cbab</ p >
< p id = "green" > #142b15</ p >
< p id = "green-alt" > #1a3b1b</ p >
< p id = "teal-light" > #4ba19e</ p >
< p id = "teal-dark" > #0c6a74</ p >
</ div >
</ main >
</ div >
< footer id = "footer" > <!-- auto-populated by nav.js --> </ footer >
</ body >
2026-01-06 12:41:27 -08:00
</ html >
