update help

static/html/help.html

@@ -6,6 +6,7 @@
 </div>
 <div id="accounts">
     <p>Help is coming soon...</p>
+    <img src="/static/jpg/help.accounts.jpg">
 </div>
 <div id="navigation">
     <p>{site.name} looks, feels and works more like a desktop application than like a usual website. It has a menu on top that shows most of the site's functionality, including keyboard shortcuts. Most other interface elements are resizable, or can be collapsed and expanded, dialogs can be moved around, and any list of {itemName.plural} or clips can be sorted in different ways. {site.name} remembers these settings &mdash; the next time you visit the site, everything will be just as you left it.</p>
@@ -35,6 +36,7 @@
             <tr><td>Space</td><td>Show preview (list of {itemName.plural}) or play/pause video (list of clips)</td></tr>
         </table>
     </p>
+    <img src="/static/jpg/help.navigation.jpg">
 </div>
 <div id="views">
     <p>Lists of {itemName.plural}, and also individual {itemName.singular} themselves, can be displayed in different views. Both for lists and for {itemName.plural}, you'll find the menu to switch between views in the toolbar near the top of the screen.</p>
@@ -62,6 +64,7 @@
             <tr><td>Calendar</td><td>A calendar with all events that appear in the current {itemName.singular}</td></tr>
         </table>
     </p>
+    <img src="/static/jpg/help.views.jpg">
 </div>
 <div id="timelines">
     <p>A timeline is a visual signature of a {itemName.singular}. It provides an instant overview of what is happening in a {itemName.singular}, and can be used for navigation. You can switch between different types of timelines: anti-alias (average colors), slit-scan (see below), keyframes (full frames) and waveform (audio).</p>
@@ -81,6 +84,7 @@
 </div>
 <div id="find">
     <p>Help is coming soon...</p>
+    <img src="/static/jpg/help.views.jpg">
 </div>
 <div id="filters">
     <p>Help is coming soon...</p>