+1

src/layouts/Regular.astro

reviewed

··· 73 73 )} 74 74 /> 75 75 </footer> 76 76 + <slot name="afterfooter" /> 76 77 </Bare> 77 78 78 79 <style>

+3 -6

src/pages/works/[work].astro

reviewed

··· 152 152 ) : null 153 153 } 154 154 155 155 - <section class="metadata"> 156 156 - <pre>{YAML.stringify(metadata)}</pre> 155 155 + <section slot="afterfooter" class="metadata"> 157 156 <div class="swatches"> 158 157 { 159 159 - Object.entries(colors ?? {}).map(([name, color]) => ( 158 158 + Object.entries(colors ?? {}).map(([name, color], i) => ( 160 159 <code 161 160 class="swatch" 162 161 style={`background-color: ${color}; color: var(--${name === "primary" ? "secondary" : "primary"}, black)`} 163 162 > 164 164 - {name.charAt(0).toUpperCase()} 163 163 + #{i + 1} 165 164 </code> 166 165 )) 167 166 } ··· 266 265 267 266 .swatches .swatch { 268 267 padding: 0.5em 1em; 269 269 - border-radius: 0.25em; 270 270 - box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.1); 271 268 transition: transform 0.125s ease; 272 269 } 273 270 </style>