add some explanatory text on /recent

app/assets/stylesheets/application.css

@@ -288,6 +288,9 @@ div#inside {
 	color: #ac130d;
 }
 
+div#leader {
+	padding: 4px 0px;
+}
 
 /* footer */
 

app/assets/stylesheets/mobile.css

@@ -8,12 +8,16 @@
 		padding: 0;
 	}
 
-	div#header {
+	div#header,
+	div#leader {
 		margin: 0;
 		padding: 8px 5px;
 		background-color: #eee;
 		border-bottom: 1px solid #ccc;
 	}
+	div#leader {
+		padding: 8px;
+	}
 
 	div#wrapper {
 		padding: 0;
@@ -49,6 +53,10 @@
 		margin: 0 8px;
 	}
 
+	div.legend {
+		margin-top: 0.5em;
+	}
+
 	ol.comments {
 		margin-left: 10px;
 	}

app/views/home/index.html.erb

@@ -1,3 +1,10 @@
+<% if @cur_url == "/recent" %>
+  <div class="box" id="leader">
+    <em>The <a href="/newest">newest</a> stories with a random sampling of
+    recently submitted stories that have not yet reached the front page.</em>
+  </div>
+<% end %>
+
 <ol class="stories list <%= @cur_url == "/hidden" ? "show_hidden" : "" %>">
   <%= render :partial => "stories/listdetail", :collection => @stories,
     :as => :story %>