My personal site.

feat: add hrs

+23 -6
+1 -1
notes/sprites-nix-package-manager.md
··· 41 41 - Add `trusted-users = root sprite` to `/etc/nix/nix.conf` 42 42 - Restart the nix daemon (using `sprite-env`) 43 43 44 - <hr> 44 + --- 45 45 46 46 `nix store info` hangs at `Store URL: daemon` 47 47
+1
src/layouts/BaseLayout.astro
··· 28 28 :root { 29 29 --bg: oklch(97% 0.001 106.424); 30 30 --fg: oklch(20.8% 0.042 265.755); 31 + --hr: color-mix(var(--fg), white 70%); 31 32 } 32 33 33 34 body {
+21 -5
src/layouts/PostLayout.astro
··· 11 11 font-display: swap; 12 12 } 13 13 14 - #info { 15 - margin-bottom: 36px; 14 + #published { 15 + text-align: center; 16 + margin-block: 24px; 16 17 } 17 18 18 - #published { 19 - text-align: center; 20 - margin-top: 24px; 19 + #info::after { 20 + content: ""; 21 + display: flex; 22 + width: 100%; 23 + height: 8px; 24 + mask-size: auto 100%; 25 + background-color: var(--hr); 26 + mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_568_582)'%3E%3Cpath d='M6 6.00005C6 2.68605 3.314 -2.619e-07 0 -5.85034e-07L1.92272e-07 2C2.21 2 4 3.79005 4 6.00005L6 6.00005Z' fill='black'/%3E%3Cpath d='M4 5.99995C4 9.31395 6.686 12 10 12L10 10C7.79 10 6 8.21 6 6L4 5.99995Z' fill='black'/%3E%3Cpath d='M15.9998 5.99995C15.9998 9.31395 13.3138 12 9.99976 12L9.99976 10C12.2098 10 13.9998 8.20995 13.9998 5.99995L15.9998 5.99995Z' fill='black'/%3E%3Cpath d='M14 6.00005C14 2.68605 16.686 -1.76522e-07 20 -3.94315e-07L20 2C17.79 2 16 3.79 16 6L14 6.00005Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_568_582'%3E%3Crect width='20' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 27 + mask-repeat: repeat-x; 21 28 } 22 29 23 30 .prose a { ··· 112 119 113 120 .prose li { 114 121 line-height: 2em; 122 + } 123 + 124 + hr { 125 + height: 3px; 126 + border: none; 127 + background-color: var(--hr); 128 + mask-image: url("data:image/svg+xml,%3Csvg width='18' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='18' y2='0' stroke='white' stroke-width='1' stroke-dasharray='2 1'/%3E%3C/svg%3E"); 129 + mask-repeat: repeat-x; 130 + mask-size: auto 100%; 115 131 } 116 132 </style> 117 133