Marcin "czach" Trzaska

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

— Marcin “czach” Trzaska reply-to: @czach@mastodon.argilus.online