added links to hyperchad anywhere

diff --git a/app/views/site/index.rhtml b/app/views/site/index.rhtml
index e89063dc3331416a79749f44fcb583df4119df7c..22903d9fcb6b500b941c7c2ec20793e01a250c2c 100644 (file)
--- a/app/views/site/index.rhtml
+++ b/app/views/site/index.rhtml
@@ -21,6 +21,20 @@ methods.</p>
 <% end %>
 </ul>
 
+<h2>HyperChad <em>Anywhere</em></h2>
+
+<p>You can also access HyperChad entirely over email or via SMS/text
+messages from your mobile phone using HyperChad anywhere. Email <%=
+link_to "vote\@mako.cc", "mailto:vote@mako.cc" %> with <tt>help</tt> in
+the body for more information or read the <%= link_to "documentation
+online", "hyperchad-anywhere.html"%>.</p>
+
+</td>
+
+<td width="6%"></td>
+
+<td width="47%" valign="top">
+
 <h2>Voters</h2>
 
 <p>If you have received an email with a token inviting you to vote in an
@@ -32,12 +46,6 @@ ongoing election, you can log in to vote using your token here.</p>
 <%= end_form_tag %>
 
 <p><%= link_to 'Lost or forgot your token?', :controller => 'voter', :action => 'forgot_password' %></p>
-</td>
-
-<td width="6%"></td>
-
-<td width="47%" valign="top">
-
 <% if session[:user] %>
   <%= render_partial 'user_summary' %> 
 <% else %>

diff --git a/public/stylesheets/hc.css b/public/stylesheets/hc.css
index a26157363e02f6c7972776e7d0e1cd8123042a0f..d4ee379b2916abdc9841f2b6ad2260cc460f2982 100644 (file)
--- a/public/stylesheets/hc.css
+++ b/public/stylesheets/hc.css
@@ -253,3 +253,61 @@ li.moveable {
   padding-right: 30px;
   text-align: left;
 }
+
+.example {
+  width: 400px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #73BF26;
+  padding: 7px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+.example h4 {
+  text-align: center;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  background-color: #73BF26;
+  color: #fff;
+  border-bottom: 0px;
+}
+                               
+.example p {
+  margin-bottom: 0;
+  padding: 5px;
+}
+
+
+.warning {
+  width: 400px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #4D801A;
+  padding: 7px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+.warning h4 {
+  text-align:
+  center;
+  font-weight:
+  bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  background-color: #4D801A;
+  color: #fff;
+  border-bottom: 0px;
+}
+
+.warning p {
+  margin-bottom: 0;
+  padding: 5px;
+}
+