Wrote a stand-in upgrade/subscribe page until such a time as users can actually purchase subscriptions.

static/css/note.css

@@ -169,3 +169,17 @@ ol li {
   background-color: #fafafa;
   padding: 0.5em;
 }
+
+.thumbnail_left {
+  float: left;
+  border-width: 0;
+  padding-right: 2em;
+  padding-bottom: 1em;
+}
+
+.thumbnail_right {
+  float: right;
+  border-width: 0;
+  padding-left: 2em;
+  padding-bottom: 1em;
+}

static/html/faq.html

@@ -16,9 +16,10 @@ whenever you want.</p>
 
 <b>Does this cost me anything?</b><br />
 
-<p>Nope, use of your personal Luminotes wiki is completely free. In the
+<p>Nope, use of your personal Luminotes wiki is completely free. Soon you will
-future, I may introduce a separate premium service with additional features.
+also be able to <a href="/notebooks/%s?note_id=new">upgrade</a> your Luminotes
-But the features you're using now will always remain free.</p>
+account to get notebook sharing features and additional storage space. But the
+features you're using now will always remain free.</p>
 
 <b>What does Luminotes run on?</b><br />
 

static/html/upgrade.html

@@ -1,45 +1,53 @@
 <h3>upgrade</h3>
 
-<table border="1" cellspacing="0" cellpadding="10" id="upgrade_table">
+<p>
-<tr>
+In a few short weeks, you'll be able to upgrade your Luminotes account to get
-  <th>&nbsp;</th>
+notebook sharing features and additional storage space. Here are some of the
-  <th class="plan_name">Free</th>
+features you can look forward to.
-  <th class="plan_name">Basic<br /><span class="price_text">$5<span class="month_text">/month</span></span></th>
+</p>
-  <th class="plan_name">Standard<br /><span class="price_text">$9<span class="month_text">/month</span></span></th>
+
-  <th class="plan_name">Premium<br /><span class="price_text">$19<span class="month_text">/month</span></span></th>
+<h3>share your notebook</h3>
-<tr>
+
-  <td class="feature_name">included storage space</td>
+<p>
-  <td>30 MB</td>
+<a href="/static/images/share.png" target="_new"><img
-  <td>250 MB</td>
+src="/static/images/share_thumb.png" class="thumbnail_right" /></a>
-  <td>500 MB</td>
+Most of the time, you want to keep your personal wiki all to yourself. But
-  <td>2000 MB</td>
+sometimes you simply need to share your work with friends and colleagues. When
-</tr>
+you upgrade your Luminotes account, you'll be able to invite specific people
-<tr>
+to collaborate on your wiki simply by entering their email addresses. You can
-  <td class="feature_name">unlimited wiki notebooks</td>
+even give them full editing capbilities, so several people can contribute to
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+your wiki notebook.
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+</p>
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+<h3>access control</h3>
-</tr>
+
-<tr>
+<p>
-  <td class="feature_name">friendly email support</td>
+<a href="/static/images/access.png" target="_new"><img
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+src="/static/images/access_thumb.png" class="thumbnail_left" /></a>
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+With an upgraded Luminotes wiki, you'll decide exactly how much access to give
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+people. Collaborators can make changes to your notebook, while viewers can
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+only read your wiki. And owners have the same complete access to your notebook
-</tr>
+that you do. When you're done collaborating, a single click revokes a user's
-<tr>
+notebook access.
-  <td class="feature_name">multi-user collaboration</td>
+</p>
-  <td>&nbsp;</td>
+
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+<p>
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+Your wiki access control works on a per-notebook basis, so you can easily
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+share one notebook with your friends while keeping your other notebooks
-</tr>
+completely private.
-<tr>
+</p>
-  <td class="feature_name">wiki access control</td>
+
-  <td>&nbsp;</td>
+<h3>additional storage space</h3>
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+<p>
-  <td><img src="../../static/images/check.png" width="20" height="17" /></td>
+An upgraded Luminotes account gets you more than just notebook sharing
-</tr>
+features. You'll also be treated to way more room for your personal wiki. That
-</table>
+means you'll have more space for your notes and ideas, and you won't have to
+worry about running out of room anytime soon.
+</p>
+
+<h3>stay tuned</h3>
+
+More information about upgrading your Luminotes account will be added as it
+becomes available. Please consider subscribing to the <a href="/blog"
+target="_top">Luminotes blog</a> for updates!