Mercurial > projects > booket

annotate booket.html @ 18:3642bb668af1

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