`
` 要素が太字で表示されている。</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>
<aside class="sidebar">
<nav class="bottom-nav">
<a href="/global" class="nav-item "
aria-label="Global Feed">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
</svg>
</a>
<a href="/login" class="nav-item " aria-label="Login">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
</svg>
</a>
</nav>
</aside>
</div>
</body>
</html> 