annotate booket.html @ 12:948048e40fab

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