Quick Notes - Online Notepad
+ New ↓ Download 🖶 Print 💾 Save ☾ Dark <!-- Sidebar --> <div class="qn-sidebar"> <div class="qn-search-wrap"> <input class="qn-search" id="qn-search" type="search" placeholder="Search notes..." oninput="QN.onSearch(this.value)" /> </div> <div class="qn-note-list" id="qn-note-list"></div> <div class="qn-sidebar-footer"> <button class="qn-new-btn" onclick="QN.newNote()">+ New Note</button> </div> </div> <!-- Editor --> <div class="qn-editor-pane" id="qn-editor-pane"> <!-- empty state shown when no note selected --> <div class="qn-empty" id="qn-empty"> <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg> <p>No note selected.<br>Create one with <strong>+ New</strong>.</p> </div> <!-- title bar --> <div id="qn-title-bar" class="qn-title-bar" style="display:none"> <input class="qn-note-name-input" id="qn-note-name" type="text" placeholder="Note title..." oninput="QN.onTitleChange(this.value)" /> </div> <!-- textarea --> <textarea class="qn-textarea" id="qn-textarea" placeholder="Start writing your note here..." style="display:none" oninput="QN.onTextChange(this.value)"></textarea> <!-- status bar --> <div class="qn-status" id="qn-status" style="display:none"> <span id="qn-words">0 words</span> <span id="qn-chars">0 chars</span> <span class="qn-saved hidden" id="qn-saved-indicator">Saved ✓</span> </div> </div> ...