Przypisy
Z pomocą Gemini AI[^1] (🫣) dodałem przypisy do WriteFreely.
<script>
(function() {
// Celujemy w kontener z treścią artykułu
var post = document.querySelector('article#post-body') || document.querySelector('.post-content');
if (!post) return;
var html = post.innerHTML;
// 1. Zamiana [ ^1] na linki górne (indeks)
// Szukamy [^cyfry], które NIE mają po sobie dwukropka
html = html.replace(/\[\^(\d+)\](?!\:)/g, '<sup id="fnref:$1"><a href="#fn:$1" class="footnote-ref">$1</a></sup>');
// 2. Zamiana [ ^1]: na treść przypisu na dole
// Szukamy [^cyfry]: spacja i treść aż do końca linii
html = html.replace(/\[\^(\d+)\]\:\s*(.+)/g, '<div class="footnote-item" id="fn:$1"><sup>$1.</sup> $2 <a href="#fnref:$1" class="footnote-backref">↩</a></div>');
post.innerHTML = html;
})();
</script>
i custom CSS:
.footnote-ref {
font-size: 0.8em;
vertical-align: super;
margin-left: 2px;
text-decoration: none;
}
.footnote-item {
font-size: 0.9em;
margin-top: 1em;
color: #555;
}
.footnote-backref {
text-decoration: none;
color: #999;
margin-left: 5px;
}
.footnote-item {
border-top: 1px solid #888; /* delikatna linia */
padding-top: 10px;
margin-top: 20px;
}
[^1]: Gemini AI
