Updated the product tour with an analogy to index cards.

NEWS

@@ -1,3 +1,6 @@
+1.4.17: July 24, 2008:
+ * Updated the product tour with an analogy to index cards.
+
 1.4.16: July 18, 2008:
  * Slightly increased the size of the file upload pulldown to look better in
    various browsers (and not cut off text within the frame).

static/css/product.css

@@ -236,11 +236,15 @@
   border: 1px solid #999999;
 }
 
+.tour_card {
+  margin: 1em 1em 0.25em 1em;
+}
+
 .tour_text {
   text-align: left;
   font-weight: bold;
   width: 500px;
-  margin: 0 auto;
+  margin: 1em auto;
 }
 
 .tour_list {

view/Front_page.py

@@ -40,7 +40,7 @@ class Front_page( Product_page ):
               Td(
                 Li( u"Gather all of your ideas into one place." ),
                 Li( u"Easily link together related concepts." ),
-                Li( u"Share your wiki with anyone." ),
+                Li( u"As simple to use as index cards." ),
                 align = u"left",
               ),
               align = u"center",

view/Tour_page.py

@@ -20,6 +20,40 @@ class Tour_page( Product_page ):
             alt = u"Luminotes tour",
           ),
         ),
+        Div(
+          Img( src = u"/static/images/tour_card1.png", width = u"400", height = u"243", class_ = u"tour_card" ),
+          P(
+            u"Using index cards to take notes is really easy. You just write a title at the top and then jot down some notes.",
+            class_ = u"tour_text",
+          ),
+        ),
+        Div(
+          Img( src = u"/static/images/tour_card2.png", width = u"400", height = u"243", class_ = u"tour_card" ),
+          P(
+            u"And if you make one index card per subject, you can keep your notes organized.",
+            class_ = u"tour_text",
+          ),
+          P(
+            u"""
+            But when your stack of cards grows larger than a few dozen, it becomes difficult to find the notes you're looking for.
+            """,
+            class_ = u"tour_text",
+          ),
+        ),
+        Div(
+          Img( src = u"/static/images/tour_card3.png", width = u"430", height = u"366", class_ = u"tour_card" ),
+          P(
+            u"""
+            If only there was something as simple for taking notes as index cards, but online, searchable, and with some way to make
+            links between your notes!
+            """,
+            class_ = u"tour_text",
+          ),
+          P(
+            u"Introducing Luminotes...",
+            class_ = u"tour_text",
+          ),
+        ),
         Div(
           Img( src = u"/static/images/tour_screenshot1.png", width = u"725", height = u"560", class_ = u"tour_screenshot" ),
           Div(