annotate booket.html @ 27:780a8c711ff7 version-5

Release version 5
author Guido Berhoerster <guido+booket@berhoerster.name>
date Mon, 06 Oct 2014 13:55:02 +0200
parents 8c2f3e72d514
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
1 <!DOCTYPE html>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
2 <!--
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
3 Copyright (C) 2014 Guido Berhoerster <guido+booket@berhoerster.name>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
4
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
5 Permission is hereby granted, free of charge, to any person obtaining
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
6 a copy of this software and associated documentation files (the
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
7 "Software"), to deal in the Software without restriction, including
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
8 without limitation the rights to use, copy, modify, merge, publish,
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
9 distribute, sublicense, and/or sell copies of the Software, and to
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
10 permit persons to whom the Software is furnished to do so, subject to
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
11 the following conditions:
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
12
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
13 The above copyright notice and this permission notice shall be included
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
14 in all copies or substantial portions of the Software.
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
15
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
16 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
17 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
18 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
19 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
20 CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
21 TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
22 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
23 -->
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
24 <html>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
25 <head>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
26 <meta charset="utf-8"></meta>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
27 <title>Booket</title>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
28 <link rel="stylesheet" type="text/css" href="booket.css"></link>
17
8445c729ba97 Add logo and favicon
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 15
diff changeset
29 <link rel="icon" type="image/png" href="booket-favicon.png"></link>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
30 <script src="booket.js"></script>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
31 </head>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
32 <body>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
33 <header>
17
8445c729ba97 Add logo and favicon
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 15
diff changeset
34 <img src="booket-logo.svg" alt="Booket Logo" id="logo"><img>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
35 <h1>Booket</h1>
27
780a8c711ff7 Release version 5
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 26
diff changeset
36 <p>Version 5</p>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
37 </header>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
38
5
39c95b9826d2 Add autocompletion for tags
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 4
diff changeset
39 <datalist id="tag-datalist"></datalist>
39c95b9826d2 Add autocompletion for tags
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 4
diff changeset
40
26
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
41 <section id="notifications">
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
42 <div id="keyboard-shortcuts">
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
43 <h3>Keyboard Shortcuts</h3>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
44 <dl>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
45 <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
46 <dd>Select bookmark file to load</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
47 <dt><kbd>Prefix</kbd>+<kbd>l</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
48 <dd>Load selected bookmark file</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
49 <dt><kbd>Prefix</kbd>+<kbd>s</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
50 <dd>Save bookmark file</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
51 <dt><kbd>Prefix</kbd>+<kbd>a</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
52 <dd>Focus bookmark editor</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
53 <dt><kbd>Prefix</kbd>+<kbd>e</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
54 <dd>Select bookmark file to import</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
55 <dt><kbd>Prefix</kbd>+<kbd>m</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
56 <dd>Import selected file</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
57 <dt><kbd>Prefix</kbd>+<kbd>x</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
58 <dd>Export selected file</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
59 <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
60 <dd>Focus search field</dd>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
61 </dl>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
62 </div>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
63
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
64 <p class="unsaved-changes-message" hidden="hidden"><strong>There are
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
65 unsaved changes to your bookmarks.</strong></p>
8c2f3e72d514 Create new view for notifications
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 24
diff changeset
66 </section>
22
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
67
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
68 <template id="tag-input-template">
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
69 <li><label class="top-label">Tag <input type="text" name="tag"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
70 pattern="[^,;]*" size="20" list="tag-datalist" placeholder="tag"></input>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
71 </label></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
72 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
73
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
74 <template id="bookmark-editor-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
75 <form class="bookmark-editor-form">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
76 <fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
77 <legend></legend>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
78 <input type="hidden" name="original-url"></input>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
79 <label class="top-label">URL <input type="url" required="required"
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
80 name="url" size="60" placeholder="http://example.com/"></input></label>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
81 <label class="top-label">Title <input type="text" name="title" size="60"
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
82 placeholder="A Title"></input></label>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
83 <label class="top-label">Favicon <img width="16" height="16"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
84 src="missing-favicon.svg" class="bookmark-favicon" alt=""></img><input
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
85 type="hidden" name="favicon"></input></label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
86 <div>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
87 <ul class="tag-input-list"></ul>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
88 <button type="button" name="more-tags">Add more tags</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
89 </div>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
90 <label class="top-label">Import from Bookmarklet
6
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
91 <textarea name="bookmarklet-import" cols="60" rows="4"
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
92 spellcheck="false"></textarea></label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
93 <button type="reset" name="cancel">Cancel</button><button type="submit"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
94 name="save-bookmark">Save</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
95 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
96 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
97 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
98
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
99 <section id="actions">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
100 <h2>Actions</h2>
6
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
101 <aside id="bookmarklet">
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
102 <h3>Bookmarklet</h3>
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
103 <a title="Create Bookmark" id="bookmarklet-link">Create Bookmark</a>
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
104 </aside>
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
105
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
106 <form id="load-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
107 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
108 <legend tabindex="0" class="expander-label">Load Bookmarks</legend>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
109 <label accesskey="i" class="top-label">File <input type="file"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
110 accept="application/json" required="required"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
111 name="file"></input></label>
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
112 <label><input type="checkbox" name="merge"></input> Merge with existing
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
113 bookmarks</label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
114 <button type="submit" name="load-file" accesskey="l">Load</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
115 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
116 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
117
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
118 <form id="save-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
119 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
120 <legend tabindex="0" class="expander-label">Save Bookmarks</legend>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
121 <a href="#" id="save-link" hidden="hidden"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
122 download="bookmarks.json"></a>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
123 <button type="submit" name="save-file"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
124 accesskey="s">Save&#8230;</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
125 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
126 </form>
10
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
127
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
128 <form id="import-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
129 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
130 <legend tabindex="0" class="expander-label">Import Bookmarks</legend>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
131 <label accesskey="e" class="top-label">File <input type="file"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
132 accept="text/html" required="required" name="file"></input></label>
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
133 <label><input type="checkbox" name="merge"></input> Merge with existing
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
134 bookmarks</label>
10
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
135 <button type="submit" name="import-file" accesskey="m">Import</button>
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
136 </fieldset>
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
137 </form>
11
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
138
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
139 <form id="export-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
140 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
141 <legend tabindex="0" class="expander-label">Export Bookmarks</legend>
11
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
142 <a href="#" id="export-link" hidden="hidden"
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
143 download="bookmarks.html"></a>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
144 <button type="submit" name="export-file"
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
145 accesskey="x">Export&#8230;</button>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
146 </fieldset>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
147 </form>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
148 </section>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
149
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
150 <main>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
151 <section id="bookmarks">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
152 <h2>Bookmarks</h2>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
153
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
154 <aside id="tags">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
155 <h3>Tags</h3>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
156
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
157 <ul class="tag-list">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
158 <template id="tag-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
159 <li><button type="button" name="set-tag"></button><span
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
160 class="tag-count"></span><button type="button"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
161 name="toggle-tag"></button></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
162 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
163 </ul>
12
948048e40fab Add option for displaying tag list as a tag cloud
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 11
diff changeset
164
948048e40fab Add option for displaying tag list as a tag cloud
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 11
diff changeset
165 <label><input type="checkbox" name="show-tag-cloud"></input> Show tag
948048e40fab Add option for displaying tag list as a tag cloud
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 11
diff changeset
166 cloud</label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
167 </aside>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
168
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
169 <aside id="search">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
170 <h3>Search</h3>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
171
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
172 <form id="search-form">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
173 <input type="search" name="search-term" size="20" placeholder="Search"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
174 accesskey="f"></input>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
175 <button type="submit" name="search">Search</button><button
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
176 type="reset" name="clear">Clear</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
177 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
178 </aside>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
179
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
180 <p id="bookmark-message"></p>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
181
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
182 <ul id="bookmark-list">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
183 <template id="bookmark-tag-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
184 <li><button type="button" name="set-tag"></button><button
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
185 type="button" name="toggle-tag"></button></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
186 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
187 <template id="bookmark-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
188 <li>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
189 <div class="expander">
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
190 <div class="expander-label" tabindex="0"><p><img width="16"
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
191 height="16" class="bookmark-favicon"></img>
4
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
192 <a class="bookmark-link" target="_blank"></a>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
193 <span class="bookmark-hostname"></span>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
194 </p>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
195 <ul class="tag-list"></ul></div>
4
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
196 <div class="bookmark-actions">
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
197 <button type="button" name="edit-bookmark">Edit</button><button
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
198 type="button" name="delete-bookmark">Delete</button>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
199 </div>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
200 <dl class="bookmark-metadata">
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
201 <dt>URL</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
202 <dd class="bookmark-url"></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
203 <dt>Added</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
204 <dd><time class="ctime"></time></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
205 <dt>Last modified</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
206 <dd><time class="mtime"></time></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
207 </dl>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
208 </div>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
209 </li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
210 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
211 </ul>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
212 </section>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
213 </main>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
214
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
215 <footer><address>Copyright 2014
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
216 <a href="mailto:guido+booket@berhoerster.name"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
217 title="guido+booket@berhoerster.name">Guido
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
218 Berhörster</a></address>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
219 </footer>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
220 </body>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
221 </html>