summaryrefslogtreecommitdiffabout
path: root/content
Side-by-side diff
Diffstat (limited to 'content') (more/less context) (show whitespace changes)
-rw-r--r--content/Makefile.am3
-rw-r--r--content/fireflix-panel.xul3
-rw-r--r--content/fireflix.css23
-rw-r--r--content/help.xml53
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
@@ -5,7 +5,8 @@ xpichromecontent_DATA = \
photoset-props.js fireflix.js flickr.js util.js md5.js \
generated-content.js \
fireflix.css \
- background.jpeg
+ background.jpeg \
+ help.xml
sized_icons = \
$(addsuffix .png, \
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
@@ -31,6 +31,8 @@
oncommand="fireflix.openTab('http://www.flickr.com/')" />
<command id="cmd_auth_unauth" label="&panel.auth.unauth.label;"
oncommand="fireflix.on_cmd_auth_unauth()" />
+ <command id="cmd_help" label="?"
+ oncommand="fireflix.openTab('chrome://fireflix/content/help.xml')" />
</commandset>
<popupset>
@@ -105,6 +107,7 @@
<button id="b_auth_done" command="cmd_auth_done" hidden="true"/>
<button command="cmd_auth_open_flickr"
tooltiptext="&panel.auth.flickr.tip;"/>
+ <button command="cmd_help"/>
</hbox>
</groupbox>
diff --git a/content/fireflix.css b/content/fireflix.css
index 9e7bf6b..47455f6 100644
--- a/content/fireflix.css
+++ b/content/fireflix.css
@@ -97,3 +97,26 @@ label#search_page {
-moz-border-radius: 1em;
padding: 0.5ex 1ex;
}
+
+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>