added explanation for sizing to index

fojas · Jul 24, 2012 · 546195a · 546195a
1 parent f1a34c5
commit 546195a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/public/css/style.css b/public/css/style.css
@@ -385,8 +385,17 @@ p {
   font-size: 2em;
 }
 
+p#explanation {
+  font-size: 1.2em;
+  text-align: center;
+  border-style: none;
+  border-radius: 10px;
+  background-color: rgba(256,256,256, .2);
+  padding: 10px;
+}
+
 p.footer {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 
 /* right side */

diff --git a/views/index.rhtml b/views/index.rhtml
@@ -10,8 +10,17 @@
 			<div id="content">
 				<div class="grid_6 left">
 					<h1>Behold, the Cage!</h1>
+
 					<p>You have found yourself at the foot of something great. And that something is Nicolas Cage.</p>  
+
 					<p>The Cage is in all of us; everyone, and everything.  Discover <a href="/random">the truth</a> for yourself.</p>
+
+					<p id="explanation">
+						like this: <a href="/200/300">"/200/300"</a>
+						<br />
+						or grayscale: <a href="/g/200/300">"/g/200/300"</a>
+					</p>
+
 					<p class="footer">
 						Written with <a href="http://www.sinatrarb.com/">Sinatra</a> and <a href="http://rmagick.rubyforge.org/">RMagick</a><br />
 						Inspired by the pages and code of <a href="http://placekitten.com/">placekitten</a> and <a href="http://placedog.com/">PlaceDog</a><br />