update help

static/html/help.html

@@ -8,6 +8,7 @@
     <p>Help is coming soon...</p>
 </div>
 <div id="navigation">
+    <p>{site.name}</p> 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>
     <p>
         <h2>Mouse and Keyboard Shortcuts</h2><br>
         <table>
@@ -36,7 +37,7 @@
     </p>
 </div>
 <div id="views">
-    <p>Lists of {itemName.plural}, and also individual {itemName.plural} 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>
+    <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>
     <p>
         <h2>List Views</h2><br>
         <table>
@@ -71,11 +72,11 @@
     <img src="/static/jpg/help.clips.jpg">
 </div>
 <div id="maps">
-    <p>Help is coming soon...</p>
+    <p>Any list of {itemName.plural}, just like every individual {itemName.singular}, can be displayed as a map. This map shows all places that appear in annotations, and selecting a place will display a list of all matching clips.</p>
     <img src="/static/jpg/help.maps.jpg">
 </div>
 <div id="calendars">
-    <p>Help is coming soon...</p>
+    <p>Calendars work just like maps (you can pan or zoom in and out), but they don't show places on a world map, but historic events on a timeline. Selecting an event will display a list of matching clips.</p>
     <img src="/static/jpg/help.calendars.jpg">
 </div>
 <div id="find">
@@ -86,7 +87,11 @@
     <img src="/static/jpg/help.filters.jpg">
 </div>
 <div id="lists">
-    <p>Help is coming soon...</p>
+    <p>A list is simply a list of {itemName.singular}, and you can create as many lists as you want. These lists behave like folders &mdash; you can add {itemName.plural} to them, either via drag &amp; drop or via copy &amp; paste, and you can also remove any item from a list.</p>
+    <p>Smart lists, on the other hand, are saved searches (like "all {itemName.plural} longer than one hour"), and they will update dynamically.</p>
+    <p>All personal lists you create are initially private, but you can share them by making them public, so that other users can find, browse and bookmark them. Your own favorite lists are initially empty, but if you click on "Manage Favorite Lists", you will see all public lists, and you can add the ones you're interested in to your favorites.</p>
+    <p>Finally, there are featured lists, which are selected public lists, picked by {site.name}.</p>
+    <img src="/static/jpg/help.lists.jpg">
 </div>
 <div id="player">
     <p>Help is coming soon...</p>