Mercurial > projects > booket

annotate booket.html @ 24:6cf1ec2e8955

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use expanders for action forms
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sun, 05 Oct 2014 20:25:51 +0200
parents 69552aee9993
children 8c2f3e72d514
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
22
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
41 <div id="keyboard-shortcuts">
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
42 <h3>Keyboard Shortcuts</h3>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
43 <dl>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
44 <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
45 <dd>Select bookmark file to load</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
46 <dt><kbd>Prefix</kbd>+<kbd>l</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
47 <dd>Load selected bookmark file</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
48 <dt><kbd>Prefix</kbd>+<kbd>s</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
49 <dd>Save bookmark file</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
50 <dt><kbd>Prefix</kbd>+<kbd>a</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
51 <dd>Focus bookmark editor</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
52 <dt><kbd>Prefix</kbd>+<kbd>e</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
53 <dd>Select bookmark file to import</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
54 <dt><kbd>Prefix</kbd>+<kbd>m</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
55 <dd>Import selected file</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
56 <dt><kbd>Prefix</kbd>+<kbd>x</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
57 <dd>Export selected file</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
58 <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
59 <dd>Focus search field</dd>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
60 </dl>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
61 </div>
b19db583b5f8 Display keyboard shortcuts as an overly when pressing Alt
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 20
diff changeset
62
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
63 <template id="tag-input-template">
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
64 <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
65 pattern="[^,;]*" size="20" list="tag-datalist" placeholder="tag"></input>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
66 </label></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
67 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
68
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
69 <template id="bookmark-editor-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
70 <form class="bookmark-editor-form">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
71 <fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
72 <legend></legend>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
73 <input type="hidden" name="original-url"></input>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
74 <label class="top-label">URL <input type="url" required="required"
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
75 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
76 <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
77 placeholder="A Title"></input></label>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
78 <label class="top-label">Favicon <img width="16" height="16"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
79 src="missing-favicon.svg" class="bookmark-favicon" alt=""></img><input
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
80 type="hidden" name="favicon"></input></label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
81 <div>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
82 <ul class="tag-input-list"></ul>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
83 <button type="button" name="more-tags">Add more tags</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
84 </div>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
85 <label class="top-label">Import from Bookmarklet
6
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
86 <textarea name="bookmarklet-import" cols="60" rows="4"
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
87 spellcheck="false"></textarea></label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
88 <button type="reset" name="cancel">Cancel</button><button type="submit"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
89 name="save-bookmark">Save</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
90 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
91 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
92 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
93
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
94 <section id="actions">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
95 <h2>Actions</h2>
6
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
96 <aside id="bookmarklet">
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
97 <h3>Bookmarklet</h3>
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
98 <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
99 </aside>
e9ad4c625b7a Add bookmarklet for bookmarking
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 5
diff changeset
100
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
101 <form id="load-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
102 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
103 <legend tabindex="0" class="expander-label">Load Bookmarks</legend>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
104 <label accesskey="i" class="top-label">File <input type="file"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
105 accept="application/json" required="required"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
106 name="file"></input></label>
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
107 <label><input type="checkbox" name="merge"></input> Merge with existing
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
108 bookmarks</label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
109 <button type="submit" name="load-file" accesskey="l">Load</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
110 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
111 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
112
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
113 <form id="save-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
114 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
115 <legend tabindex="0" class="expander-label">Save Bookmarks</legend>
18
3642bb668af1 Indicate if there are unsaved changes
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 17
diff changeset
116 <p class="unsaved-changes-message" hidden="hidden"><strong>There are
3642bb668af1 Indicate if there are unsaved changes
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 17
diff changeset
117 unsaved changes to your bookmarks.</strong></p>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
118 <a href="#" id="save-link" hidden="hidden"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
119 download="bookmarks.json"></a>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
120 <button type="submit" name="save-file"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
121 accesskey="s">Save&#8230;</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
122 </fieldset>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
123 </form>
10
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
124
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
125 <form id="import-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
126 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
127 <legend tabindex="0" class="expander-label">Import Bookmarks</legend>
19
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
128 <label accesskey="e" class="top-label">File <input type="file"
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
129 accept="text/html" required="required" name="file"></input></label>
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
130 <label><input type="checkbox" name="merge"></input> Merge with existing
4a4d9527c06f Add merge options
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 18
diff changeset
131 bookmarks</label>
10
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
132 <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
133 </fieldset>
20902b548d9f Add Netscape bookmark file import function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 9
diff changeset
134 </form>
11
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
135
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
136 <form id="export-form">
24
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
137 <fieldset class="expander">
6cf1ec2e8955 Use expanders for action forms
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 23
diff changeset
138 <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
139 <a href="#" id="export-link" hidden="hidden"
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
140 download="bookmarks.html"></a>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
141 <button type="submit" name="export-file"
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
142 accesskey="x">Export&#8230;</button>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
143 </fieldset>
ef5d75bcac5e Add Netscape bookmark file export function
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 10
diff changeset
144 </form>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
145 </section>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
146
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
147 <main>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
148 <section id="bookmarks">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
149 <h2>Bookmarks</h2>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
150
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
151 <aside id="tags">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
152 <h3>Tags</h3>
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 <ul class="tag-list">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
155 <template id="tag-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
156 <li><button type="button" name="set-tag"></button><span
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
157 class="tag-count"></span><button type="button"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
158 name="toggle-tag"></button></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
159 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
160 </ul>
12
948048e40fab Add option for displaying tag list as a tag cloud
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 11
diff changeset
161
948048e40fab Add option for displaying tag list as a tag cloud
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 11
diff changeset
162 <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
163 cloud</label>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
164 </aside>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
165
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
166 <aside id="search">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
167 <h3>Search</h3>
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 <form id="search-form">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
170 <input type="search" name="search-term" size="20" placeholder="Search"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
171 accesskey="f"></input>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
172 <button type="submit" name="search">Search</button><button
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
173 type="reset" name="clear">Clear</button>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
174 </form>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
175 </aside>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
176
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
177 <p id="bookmark-message"></p>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
178
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
179 <ul id="bookmark-list">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
180 <template id="bookmark-tag-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
181 <li><button type="button" name="set-tag"></button><button
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
182 type="button" name="toggle-tag"></button></li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
183 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
184 <template id="bookmark-template">
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
185 <li>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
186 <div class="expander">
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
187 <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
188 height="16" class="bookmark-favicon"></img>
4
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
189 <a class="bookmark-link" target="_blank"></a>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
190 <span class="bookmark-hostname"></span>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
191 </p>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
192 <ul class="tag-list"></ul></div>
4
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
193 <div class="bookmark-actions">
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
194 <button type="button" name="edit-bookmark">Edit</button><button
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
195 type="button" name="delete-bookmark">Delete</button>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
196 </div>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
197 <dl class="bookmark-metadata">
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
198 <dt>URL</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
199 <dd class="bookmark-url"></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
200 <dt>Added</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
201 <dd><time class="ctime"></time></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
202 <dt>Last modified</dt>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
203 <dd><time class="mtime"></time></dd>
e78c3356b585 Hide bookmark details
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 3
diff changeset
204 </dl>
23
69552aee9993 Use custom expander instead of details element
Guido Berhoerster <guido+booket@berhoerster.name>
parents: 22
diff changeset
205 </div>
0
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
206 </li>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
207 </template>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
208 </ul>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
209 </section>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
210 </main>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
211
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
212 <footer><address>Copyright 2014
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
213 <a href="mailto:guido+booket@berhoerster.name"
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
214 title="guido+booket@berhoerster.name">Guido
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
215 Berhörster</a></address>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
216 </footer>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
217 </body>
c2248f662a2c Initial revision
Guido Berhoerster <guido+booket@berhoerster.name>
parents:
diff changeset
218 </html>