Consider using kind 31. We put some thought into the tags, to meet academic citation standards.
{
"kind": 31,
"pubkey": "",
"tags": [
// mandatory tags
["u", ""]
["accessed_on", ""],
["title", "
"],</p><p>["author", "<author to display for citation>"],</p><p>// additional, optional tags</p><p>["published_on", "<date-time in ISO 8601 format>"],</p><p>["published_by", "<who published the citation>"],</p><p>["version", "<version or edition of the publication>"],</p><p>["location", "<where was it written or published>"],</p><p>["g", "<geohash of the precise location>"],</p><p>["open_timestamp", "<`e` tag of kind 1040 event>"],</p><p>["summary", "<short explanation of which topics the citation covers>"],</p><p>],</p><p>"content": "<text cited>"</p><p>}</p>
</div>
</div>
<div class="reply-form">
<h3>Reply to this note</h3>
<p>Please <a href="/login">Login</a> to reply.</p>
</div>
<div class="replies">
<h3>Discussion</h3>
<p>No replies yet.</p>
</div>
</div>
<script>
function toggleNote(noteId) {
const body = document.getElementById('body-' + noteId);
const indicator = document.getElementById('ind-' + noteId);
const toggle = document.querySelector('#note-' + noteId + ' .collapse-toggle');
if (body.style.display === 'none') {
body.style.display = 'block';
indicator.style.display = 'none';
toggle.textContent = '[-]';
} else {
body.style.display = 'none';
indicator.style.display = 'block';
toggle.textContent = '[+]';
}
}
</script>
</main>
</div>
<script>
(function() {
const html = document.documentElement;
const themeToggle = document.getElementById('themeToggle');
const sunIcon = document.getElementById('sunIcon');
const moonIcon = document.getElementById('moonIcon');
function setTheme(theme) {
html.setAttribute('data-theme', theme);
localStorage.setItem('theme', theme);
if (theme === 'dark') {
sunIcon.style.display = 'block';
moonIcon.style.display = 'none';
} else {
sunIcon.style.display = 'none';
moonIcon.style.display = 'block';
}
}
const savedTheme = localStorage.getItem('theme') || 'light';
setTheme(savedTheme);
themeToggle.addEventListener('click', () => {
const currentTheme = html.getAttribute('data-theme');
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
setTheme(newTheme);
});
})();
</script>
</body>
</html> 
