+1

priv/dist/styles.css

··· 1 1 @import "output.css"; 2 2 @import "https://www.nerdfonts.com/assets/css/webfont.css"; 3 3 + @import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"; 3 4 4 5 @font-face { 5 6 font-family: maple-mono;

+8

priv/input.css

··· 37 37 } 38 38 39 39 @layer components { 40 40 + 40 41 h1, 41 42 h2, 42 43 h3, ··· 79 80 color: var(--mocha-surface0); 80 81 margin: 1rem 0; 81 82 border: 1px solid; 83 83 + } 84 84 + 85 85 + .jetbrains-mono-regular { 86 86 + font-family: "JetBrains Mono", monospace; 87 87 + font-optical-sizing: auto; 88 88 + font-weight: normal; 89 89 + font-style: normal; 82 90 } 83 91 84 92 .post-content {

+1 -1

src/blog/root.gleam

··· 22 22 "grid grid-cols-1 gap-4" 23 23 <> " px-10 my-8 bg-ctp-base" 24 24 <> " text-ctp-text text-lg selection:bg-ctp-surface0" 25 25 - <> " font-[maple-mono] scroll-smooth leading-normal" 25 25 + <> " jetbrains-mono-regular scroll-smooth leading-normal" 26 26 // Responsive Design 27 27 <> " mx-auto max-w-sm " 28 28 <> " sm:max-w-md md:max-w-lg"