diff --git a/resources/index.html b/resources/index.html
index 5879b3e..5b9968a 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -1,27 +1,42 @@
<!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Neutralinojs sample app</title>
- <link rel="stylesheet" href="/styles.css">
- </head>
- <body>
- <div id="neutralinoapp">
- <h1>Neutralinojs</h1>
- <div id="info"></div>
- <br/>
- <img src="/icons/logo.gif" alt="Neutralinojs" />
- <div>
- <a href="#" onclick="openDocs();">Docs</a> ·
- <a href="#" onclick="openTutorial();">Video tutorial</a>
- </div>
+ <html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Notes</title>
+ <link rel="stylesheet" href="styles.css">
+ </head>
+ <body>
+
+ <div class="app-wrapper">
+ <div class="saved-column" id="savedColumn">
+ <div class="column-header">
+ <h2>Saved Notes</h2>
+ <button class="toggle-btn" id="toggleBtn">−</button>
+ </div>
+ <div class="docs-content">
+ <div id="docList"></div>
+ </div>
</div>
- <!-- Neutralino.js client. This file is gitignored,
- because `neu update` typically downloads it.
- Avoid copy-pasting it.
- -->
- <script src="/js/neutralino.js"></script>
- <!-- Your app's source files -->
- <script src="/js/main.js"></script>
- </body>
+
+ <div class="content-column">
+ <h1>Notes</h1>
+ <textarea id="editor" spellcheck="true" placeholder="Write something..."></textarea>
+ <br>
+ <div id="countContainer">
+ <div id="wordCount">0 words</div> |
+ <div id="charCount">0 characters</div>
+ </div>
+ <div id="linkBtnContainer">
+ <button class="link-btn" id="saveBtn">Save Note</button>
+ <button class="link-btn" id="newBtn">New Note</button>
+ <button class="link-btn" id="exportBtn">Export as TXT</button>
+ </div>
+ <div id="docStatus"></div>
+ </div>
+ </div>
+
+ <script src="js/neutralino.js"></script>
+ <script src="js/app.js"></script>
+ </body>
</html>