| -rw-r--r-- | content/Makefile.am | 3 | ||||
| -rw-r--r-- | content/fireflix-panel.xul | 3 | ||||
| -rw-r--r-- | content/fireflix.css | 23 | ||||
| -rw-r--r-- | content/help.xml | 53 |
4 files changed, 81 insertions, 1 deletions
diff --git a/content/Makefile.am b/content/Makefile.am index abe3d6d..7d11964 100644 --- a/content/Makefile.am +++ b/content/Makefile.am @@ -7,3 +7,4 @@ xpichromecontent_DATA = \ fireflix.css \ - background.jpeg + background.jpeg \ + help.xml diff --git a/content/fireflix-panel.xul b/content/fireflix-panel.xul index 1278621..b961edb 100644 --- a/content/fireflix-panel.xul +++ b/content/fireflix-panel.xul @@ -33,2 +33,4 @@ oncommand="fireflix.on_cmd_auth_unauth()" /> + <command id="cmd_help" label="?" + oncommand="fireflix.openTab('chrome://fireflix/content/help.xml')" /> </commandset> @@ -107,2 +109,3 @@ tooltiptext="&panel.auth.flickr.tip;"/> + <button command="cmd_help"/> </hbox> diff --git a/content/fireflix.css b/content/fireflix.css index 9e7bf6b..47455f6 100644 --- a/content/fireflix.css +++ b/content/fireflix.css @@ -99 +99,24 @@ label#search_page { } + +html body { + font-family: arial, sans-serif; + font-size: 11pt; + margin: 1em 4em; + padding: 1em 4em; + border: double 3px gray; + background: #ffffc0; +} +html h1 { + font-size: 130%; color: maroon; +} +html p { + text-align: justify; +} + +html div.copyright { + font-size: 60%; + text-align: right; +} +html div.copyright a { + text-decoration: none; +} diff --git a/content/help.xml b/content/help.xml new file mode 100644 index 0000000..e71cd99 --- a/dev/null +++ b/content/help.xml @@ -0,0 +1,53 @@ +<?xml version="1.0" encoding="utf-8"?> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> + <head> + <title>Fireflix</title> + <link rel="stylesheet" href="fireflix.css" type="text/css"/> + </head> + <body> + + <p>This is a brief overview of things you can do with <a href="http://kin.klever.net/fireflix/">fireflix</a>.</p> + + <p>First, you should proceed with authorization. If you haven't done it yet, + it should happen automatically once you open fireflix sidebar. To clear + authorization token off of the preferences, right-click on the 'Authorization + info' part of the sidebar and select 'Sign off' from the pop up menu.</p> + + <h1>In the 'Search' tab</h1> + + <p>Basically, you can search flickr photos here. Either all or yours (keep + 'mine' checked to search your own photos).</p> + + <p>Once you have acquired search results you can browse through them. To open + any particular picture in a new tab either doubleclick it or hit ENTER.</p> + + <p>While moving through the list of pictures found you should have a little + preview at the bottom of the window.</p> + + <h1>In the 'Sets' tab</h1> + + <p>This is where you can browse your sets. You can edit some sets properties + here and, most importantly, you can generate HTML of linked thumbnails for + sets contents. Use your right mouse button on the photoset.</p> + + <h1>In The 'Uploads' tab</h1> + + <p>To upload pictures you don't even have to select this tab. Drag'n'drop into + fireflix sidebar should do. There is nothing wrong with going into the tab and + using 'Add' button either.</p> + + <p>You can add photos to the list, edit their titles and/or tags and once + you're done with it, trigger upload procedure. Once your images have been + uploaded, you will be prompted to create a photoset for newly uploaded photos. + You don't have to, though.</p> + + <h1>Feedback</h1> + + <p>As the extension is at the very early stage of development, feel free to + provide feedback at <a href="http://kin.klever.net/fireflix/feedback" title="click here to proceed to feedback form">http://kin.klever.net/fireflix/feedback/</a>.</p> + + <div class="copyright"> + <a href="http://www.klever.net/">© Klever Group</a> + </div> + </body> +</html> |