Mercurial > projects > booket

annotate booket.html @ 26:8c2f3e72d514

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Create new view for notifications Create new view for notifications which handles the keyboard shortcuts overlay message and the unsaved changes notification. This ensures that the unsaved changes notification is always visible, even when the save form expander is closed.
author Guido Berhoerster <guido+booket@berhoerster.name>
date Mon, 06 Oct 2014 13:52:50 +0200
parents 6cf1ec2e8955
children 780a8c711ff7
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>
20
55bc20390185 Release version 4
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 19
diff changeset
36 <p>Version 4</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>