Mercurial > projects > booket
comparison booket.html @ 6:e9ad4c625b7a
Add bookmarklet for bookmarking
Add a bookmarklet which gathers the URL and title of the current page which
can then be copied and pasted into Booket
author | Guido Berhoerster <guido+booket@berhoerster.name> |
---|---|
date | Wed, 10 Sep 2014 19:45:23 +0200 |
parents | 39c95b9826d2 |
children | a1a934adff8d |
comparison
equal
deleted
inserted
replaced
5:39c95b9826d2 | 6:e9ad4c625b7a |
---|---|
53 placeholder="A Title"></input></label> | 53 placeholder="A Title"></input></label> |
54 <div> | 54 <div> |
55 <ul class="tag-input-list"></ul> | 55 <ul class="tag-input-list"></ul> |
56 <button type="button" name="more-tags">Add more tags</button> | 56 <button type="button" name="more-tags">Add more tags</button> |
57 </div> | 57 </div> |
58 <label>Import from Bookmarklet | |
59 <textarea name="bookmarklet-import" cols="60" rows="4" | |
60 spellcheck="false"></textarea></label> | |
58 <button type="reset" name="cancel">Cancel</button><button type="submit" | 61 <button type="reset" name="cancel">Cancel</button><button type="submit" |
59 name="save-bookmark">Save</button> | 62 name="save-bookmark">Save</button> |
60 </fieldset> | 63 </fieldset> |
61 </form> | 64 </form> |
62 </template> | 65 </template> |
63 | 66 |
64 <section id="actions"> | 67 <section id="actions"> |
65 <h2>Actions</h2> | 68 <h2>Actions</h2> |
69 <aside id="bookmarklet"> | |
70 <h3>Bookmarklet</h3> | |
71 <a title="Create Bookmark" id="bookmarklet-link">Create Bookmark</a> | |
72 </aside> | |
73 | |
66 <aside id="keyboard-shortcuts"> | 74 <aside id="keyboard-shortcuts"> |
67 <h3>Keyboard Shortcuts</h3> | 75 <h3>Keyboard Shortcuts</h3> |
68 <dl> | 76 <dl> |
69 <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt> | 77 <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt> |
70 <dd>Select bookmark file to load</dd> | 78 <dd>Select bookmark file to load</dd> |
76 <dd>Focus bookmark editor</dd> | 84 <dd>Focus bookmark editor</dd> |
77 <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt> | 85 <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt> |
78 <dd>Focus search field</dd> | 86 <dd>Focus search field</dd> |
79 </dl> | 87 </dl> |
80 </aside> | 88 </aside> |
89 | |
81 <form id="load-form"> | 90 <form id="load-form"> |
82 <fieldset> | 91 <fieldset> |
83 <legend>Load Bookmarks</legend> | 92 <legend>Load Bookmarks</legend> |
84 <label accesskey="i">File <input type="file" accept="application/json" | 93 <label accesskey="i">File <input type="file" accept="application/json" |
85 required="required" name="file"></input></label> | 94 required="required" name="file"></input></label> |