Citations

by Manuel Souto Pico

HTML

<h3>First instance:</h3>
<p>Foo bar.</p>

<h3>Cited:</h3>
<p class="quoted">Foo bar.</p>
<q>Foo bar.</q>
<!-- 
 <q> adds the quotation marks without CSS
 but would only work if we can handle it 
 as a block-level tag, like p, in the XML filter 
-->

<hr/>

CSS

.quoted::before {
    content: "“";
}

.quoted::after {
    content: "”";
}

JavaScript

document.body.innerHTML = document.body.innerHTML.replaceAll("☺", "😊");