diff --git a/static/html/help.html b/static/html/help.html index 122fcc4e6..dd8c687b9 100644 --- a/static/html/help.html +++ b/static/html/help.html @@ -1,9 +1,11 @@
-

To learn more about the various features of {site.name}, just select a topic on the left.

-

(Please note that this help section is a work in progress.)

+

To learn more about the various features of {site.name}, just select a topic on the left.

+

Please note that this help section is a work in progress.

+

For more information about pan.do/ra, the software behind this website, visit pan.do/ra.

+
-

Coming soon...

+

Help is coming soon...

-

Some views don't show lists of {itemName.plural}, but lists of video clips — for example clips matching your query, or related to a specific location on a map. Each clip is a video player. The video will load once you've selected it, and you can then simply click to play. If you doubleclick, you'll get to the {itemName.singular} itself, and its video player will be at the very position of the clip.

+

Some views don't show lists of {itemName.plural}, but lists of video clips — for example clips matching your query, or related to a specific location on a map. These clips can be sorted by various properties (like saturation, see below), and each clip is a video player. The video will load once you've selected it, and you can then simply click to play. If you doubleclick, you'll get to the {itemName.singular} itself, and its video player will be at the very position of the clip.

+
-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

+

In the editor view, you can add and edit time-based annotations. Just set an in point and an out point, and pick one of the different types of annotations to add.

@@ -130,14 +134,14 @@

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

-

Coming soon...

+

Help is coming soon...

diff --git a/static/jpg/help.clips.jpg b/static/jpg/help.clips.jpg new file mode 100644 index 000000000..e1cf6e0cd Binary files /dev/null and b/static/jpg/help.clips.jpg differ diff --git a/static/jpg/help.help.jpg b/static/jpg/help.help.jpg new file mode 100644 index 000000000..071592ed4 Binary files /dev/null and b/static/jpg/help.help.jpg differ diff --git a/static/jpg/help.player.jpg b/static/jpg/help.player.jpg new file mode 100644 index 000000000..124f1b83d Binary files /dev/null and b/static/jpg/help.player.jpg differ diff --git a/static/js/pandora/helpDialog.js b/static/js/pandora/helpDialog.js index a05bc2750..162c1ef4b 100644 --- a/static/js/pandora/helpDialog.js +++ b/static/js/pandora/helpDialog.js @@ -96,7 +96,7 @@ pandora.ui.helpDialog = function() { { id: 'title', visible: true, - width: 192 - Ox.UI.SCROLLBAR_SIZE + width: 128 - Ox.UI.SCROLLBAR_SIZE } ], items: pandora.site.help.map(function(value, index) { @@ -128,7 +128,7 @@ pandora.ui.helpDialog = function() { $panel = Ox.SplitPanel({ elements: [ - {element: $list, size: 192}, + {element: $list, size: 128}, {element: $text} ], orientation: 'horizontal' @@ -143,13 +143,15 @@ pandora.ui.helpDialog = function() { $text.html(text[id]); $text.find('img') .css({ - width: '100%' + width: '100%', + borderRadius: '8px' }); $text.find('td:first-child') .css({ height: '16px', paddingRight: '8px', - textAlign: 'right' + textAlign: 'right', + whiteSpace: 'nowrap' }); return that; }