</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>
