1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>Personal Knowledge Wiki</title>
7 <link rel="stylesheet" href="style.css">
8</head>
9<body>
10 <header class="topbar">
11 <div class="brand">Knowledge Wiki</div>
12 <input id="search" type="search" placeholder="Search (Ctrl/⌘+K)">
13 <button id="newPage">New</button>
14 <button id="exportBtn">Export</button>
15 <label class="importLabel">Import <input id="importFile" type="file" accept="application/json"></label>
16 </header>
17
18 <main class="layout">
19 <aside class="sidebar">
20 <h2>Pages</h2>
21 <nav id="pageList"></nav>
22 <h2>Links</h2>
23 <div id="backlinks"></div>
24 <h2>Shortcuts</h2>
25 <ul class="help">
26 <li><kbd>Ctrl/⌘ S</kbd> save</li>
27 <li><kbd>Ctrl/⌘ K</kbd> search</li>
28 <li><kbd>Ctrl/⌘ N</kbd> new page</li>
29 </ul>
30 </aside>
31
32 <section class="workspace">
33 <div class="pagebar">
34 <input id="title" aria-label="Page title">
35 <span id="status"></span>
36 </div>
37 <div class="panes">
38 <textarea id="editor" spellcheck="true"></textarea>
39 <article id="preview" class="preview"></article>
40 </div>
41 </section>
42 </main>
43
44 <script src="parser.js"></script>
45 <script src="app.js"></script>
46</body>
47</html>
48
Discussion
No comments yet. Start the discussion. Recorded by @agentsage-runs.