Landing page and demo copy

Author: System Administrator

app/controllers/drafts_controller.rb

@@ -3,6 +3,10 @@ class DraftsController < ApplicationController
   require 'htmlentities'
   require 'stanfordparser'
 
+  def landing
+    @title = "Concise, rapid feedback for writing"
+  end
+  
   def compose
     @drft = Draft.find_by_url(params[:id])
     if !@drft
@@ -13,6 +17,7 @@ def compose
   end
 
   def create
+    @title = "Create a new draft"
     @the_url = params[:draft_id]
   end
 
@@ -69,6 +74,7 @@ def save
 
   def review
     @draft = Draft.find_by_public_url(params[:id])
+    @title = "Reviewing \"#{@draft.title}\""
     if session[:review_ids].nil? then session[:review_ids] = {} end
     if session[:review_ids][@draft.id].nil? # Time to set up a new review for this <draft, session>.
       reviewified = @draft.reviewify
@@ -125,6 +131,7 @@ def submit_review
 
   def feedback
     @drft = Draft.find_by_url(params[:id])
+    @title = "Feedback for \"#{@drft.title}\""
     @reviews = @drft.reviews.sort {|a, b| a.updated_at <=> b.updated_at}
   end
 end

app/models/draft.rb

@@ -50,7 +50,7 @@ def reviewify
     glob = HTMLEntities.new.decode(sentences.compact.join(" "))
     glob = glob.gsub(/<a class="sentence" href="#" id="sent\-\d">\.<\/a>/) {|s| ""}.gsub("</p>.", "</p>")
     glob = glob.gsub("< span style =", "<span class=\"heading\" style=").gsub("< \\\/ span >.", "</span>").gsub("< br >", "<br>").gsub("'' >", "\">")
-    glob = glob.gsub(" -LRB- ", " (").gsub(" -RRB-", ")")
+    glob = glob.gsub("-LRB- ", "(").gsub(" -RRB-", ")")
     glob = glob.gsub("</p></a>", "</a></p>")
     return {:content => glob, :n_sentences => "0" * (sentences.length + 1)}
   end

app/views/drafts/landing.html.erb

@@ -0,0 +1,31 @@
+<style type="text/css">
+	#wpbody {margin-left: 40px;}
+	h2 {font-family: Verdana;}
+	p {font-family: Verdana;}
+</style>
+<script language="javascript" src="/javascripts/simpleswap.js"></script>
+<div style="margin:0 auto; margin-top: 80px; margin-right: 40px;">
+<table style="width: 100%">
+	<tr colspan="3">
+		<div style="text-align: center; font-size: 32px; color: #444; margin-bottom: 20px;">
+			Get fine-grained feedback on your writing, fast.<br/><br/><br/>
+			<a href=""><img type="image" src="/images/button.png" oversrc="/images/button-hover.png"/></a>
+		</div>
+	</tr>
+	<tr>
+		<td valign="top" width="300px;">
+			<h2>Step 1: Write</h2>
+			<p>Write your draft in style, using our <strong>simple and beautiful rich-text editor</strong> ripped straight from Wordpress.</p>
+			<img src="/images/step-1.png" style="width: 266px; margin-left: 10px;"/>
+		</td>
+		<td valign="top" width="300px">
+			<h2>Step 2: Share</h2>
+			<p>Once your draft is ready, we create a special reviewing page that you can share with friends and colleagues. It lets them <strong>edit at the speed of reading</strong>. <a href="" style="font-weight: bold;">Try it!</a></p>
+		</td>
+		<td valign="top" width="300px;">
+			<h2>Step 3: Profit!</h2>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</td>
+	</tr>
+</table>
+</div>

app/views/drafts/review.html.erb

@@ -29,7 +29,7 @@ li {
 	line-height: 1.3em;
 	padding-top: 8px;
 	padding-bottom: 10px;
-	background-color: #ccc;
+	background-color: #ddd;
 	float: left;
 }
 #wpcontent {
@@ -443,14 +443,13 @@ $(document).ready(function() {
 <div id="mark" class="mark" style="position: absolute; display: none; font-size: 12px; color: #ff5544; z-index: 10">&#9679;</div>
 <div class="instructions">
 	<div style="float: right;"><a href="/drafts/refresh_review?public_url=<%= params[:id] %>&amp;draft_id=<%= @draft.id %>"><img src="/images/reload.png" alt="Refresh latest draft and clear markup" title="Refresh latest draft and clear markup"/></a></div>
-	<h2 style="margin: 2px 0px 5px 0px; font-size: 18px;">How it works:</h2>
-	<ol style="font-size: 12px;">
-		<li>Click a sentence <strong>once</strong> if you like it and <strong>twice</strong> if you don't.</li>
+	<ul style="font-size: 12px; font-family: Arial; list-style: disc inside">
+		<li>Click a sentence <strong>once</strong> if you like it and <strong>twice</strong> if you don't. Notice the colored underlines.</li>
 		<li>A window for <strong>quick notes</strong> will pop up in either case. <strong>Notes disappear</strong> if you don't type anything.</li>
 		<li><strong>Hit enter</strong> to close note windows. <strong>Everything will be saved automatically</strong>, once every 30 seconds.</li>
-		<li>A note will pop up if you <strong>SHIFT-click</strong> anywhere in the white area.</li>
+		<li>A box for <strong>freehand notes</strong> will pop up if you <strong>SHIFT-click</strong> anywhere in the white area.</li>
 		<li>To see notes, mouse over highlighted sentences or the little orange dots (<span style="font-size: 12px; color: #ff5544">&#9679;</span>). Click to edit.</li>
-	</ol>
+	</ul>
 </div>
 
 <div id="draft">

app/views/layouts/application.html.erb

@@ -3,7 +3,7 @@
 "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 	<head>
-		<title>[draft]back</title>
+		<title>[draft]back &raquo; <%= @title %></title>
 		<%= javascript_include_tag "jquery-1.3.2.min.js" %>
 		<%= stylesheet_link_tag "wp" %>
 		<%= stylesheet_link_tag "colors-fresh" %>

config/routes.rb

@@ -31,7 +31,7 @@
   #   end
 
   # You can have the root of your site routed with map.root -- just remember to delete public/index.html.
-  # map.root :controller => "welcome"
+  map.root :controller => "drafts", :action => "landing"
 
   # See how all your routes lay out with "rake routes"