Code blocks now get data-copyable=true if they can be copied and data-file=the_file_name if they have a file name.
File names are rendered with CSS content: attr(data-file).
Copy-to-clipboard buttons are injected with JS. This has a few benefits: 1) smaller initial HTML, 2) if JS is disabled, the buttons won't render, 3) less strain on 11ty since I'm no longer using an include.
All replacements performed w/ VS Code's find & replace regex.
data-copyable=true
if they can be copied anddata-file=the_file_name
if they have a file name.content: attr(data-file)
.All replacements performed w/ VS Code's find & replace regex.