|
|
@@ -13,31 +13,31 @@
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div class="header">
|
|
|
- <div class="title">KNotes</div>
|
|
|
- <div class="header-right">
|
|
|
- <span class="note-id" id="noteIdDisplay" style="display: none;"></span>
|
|
|
- <div class="theme-switch" id="themeSwitch" onclick="toggleTheme()" title="Toggle dark/light theme"></div>
|
|
|
- <button class="new-btn" onclick="showIdInput()">Open</button>
|
|
|
- <button class="new-btn" onclick="newNote()">New</button>
|
|
|
- </div>
|
|
|
+<div class="header">
|
|
|
+ <div class="title"><img src="logo.png" alt="kNotes logo"/> kNotes</div>
|
|
|
+ <div class="header-right">
|
|
|
+ <span class="note-id" id="noteIdDisplay" style="display: none;"></span>
|
|
|
+ <div class="theme-switch" id="themeSwitch" onclick="toggleTheme()" title="Toggle dark/light theme"></div>
|
|
|
+ <button class="new-btn" onclick="showIdInput()">Open</button>
|
|
|
+ <button class="new-btn" onclick="newNote()">New</button>
|
|
|
</div>
|
|
|
+</div>
|
|
|
|
|
|
- <div class="content">
|
|
|
- <textarea class="note-area" id="noteContent" placeholder="Start typing your note..."></textarea>
|
|
|
- </div>
|
|
|
+<div class="content">
|
|
|
+ <textarea class="note-area" id="noteContent" placeholder="Start typing your note..."></textarea>
|
|
|
+</div>
|
|
|
|
|
|
- <div id="idInputOverlay" class="id-input-overlay hidden">
|
|
|
- <div class="id-input-dialog">
|
|
|
- <h3>Open Note</h3>
|
|
|
- <input type="text" id="noteIdInput" class="id-input" placeholder="Enter note ID" />
|
|
|
- <div class="dialog-buttons">
|
|
|
- <button class="dialog-btn secondary" onclick="hideIdInput()">Cancel</button>
|
|
|
- <button class="dialog-btn primary" onclick="loadNoteFromInput()">Open</button>
|
|
|
- </div>
|
|
|
+<div id="idInputOverlay" class="id-input-overlay hidden">
|
|
|
+ <div class="id-input-dialog">
|
|
|
+ <h3>Open Note</h3>
|
|
|
+ <input type="text" id="noteIdInput" class="id-input" placeholder="Enter note ID"/>
|
|
|
+ <div class="dialog-buttons">
|
|
|
+ <button class="dialog-btn secondary" onclick="hideIdInput()">Cancel</button>
|
|
|
+ <button class="dialog-btn primary" onclick="loadNoteFromInput()">Open</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+</div>
|
|
|
|
|
|
- <script src="script.js"></script>
|
|
|
+<script src="script.js"></script>
|
|
|
</body>
|
|
|
</html>
|