Makes the clickable area bigger on the index page.

mislav · Apr 20, 2012 · 31437cc · 31437cc
1 parent b696389
commit 31437cc
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 15 deletions.
diff --git a/css/style.css b/css/style.css
@@ -126,6 +126,7 @@ footer a {
 .home li {
     padding:1.5em 0;
     border-bottom:1px solid #ddd;
+    cursor: pointer;
 }
 
 .home li:last-child {
@@ -156,9 +157,21 @@ footer a {
     -moz-transition:0.10s background-color ease-in;
 }
 
+
+.home a,
+.home a:hover {
+  color: inherit;
+  text-decoration: none;
+}
+
 .home h3 {
     margin:0 0 0.5em;
     margin-left:90px;
+    color:#E0330C;
+}
+
+.home li:hover h3 {
+  text-decoration: underline;
 }
 
 .home p {

diff --git a/index.html b/index.html
@@ -14,31 +14,41 @@ <h2>Rails Girls Guides</h2>
 <ul class="home">
 
     <li>
-        <i> ★</i>
-        <h3><a href="guide">How to Organize a Rails Girls Event</a></h3>
-        <p>This guide has been put together to help you get started organizing your first Rails Girls event.</p>
+        <a href="guide">
+          <i> ★</i>
+          <h3>How to Organize a Rails Girls Event</h3>
+          <p>This guide has been put together to help you get started organizing your first Rails Girls event.</p>
+        </a>
     </li>
 
     <li>
-        <i>1</i>
-        <h3><a href="install">Guide to Install Rails</a></h3>
-        <p>To build apps and other things with Ruby on Rails, we need to setup some software and developer environment for your computer (OS X, Windows, Linux).</p>
+        <a href="install">
+          <i>1</i>
+          <h3>Guide to Install Rails</h3>
+          <p>To build apps and other things with Ruby on Rails, we need to setup some software and developer environment for your computer (OS X, Windows, Linux).</p>
+        </a>
     </li>
 
     <li>
-        <i>2</i>
-        <h3><a href="app">Build Your First App</a></h3>
-        <p>Guide to teach or build your first app with Ruby on Rails.</p>
+        <a href="app">
+          <i>2</i>
+          <h3>Build Your First App</h3>
+          <p>Guide to teach or build your first app with Ruby on Rails.</p>
+        </a>
     </li>
     <li>
-        <i>3</i>
-        <h3><a href="heroku">Put Your App Online With Heroku</a></h3>
-        <p>Instructions to get your app running on Heroku.</p>
+        <a href="heroku">
+          <i>3</i>
+          <h3>Put Your App Online With Heroku</h3>
+          <p>Instructions to get your app running on Heroku.</p>
+        </a>
     </li>
     <li>
-        <i>?</i>
-        <h3><a href="contributing">Submit Your Own Guide</a></h3>
-        <p>We are accepting guides to extend the application to our <a href="http://github.com/railsgirls/railsgirls.github.com">Github repository &rarr;</a></p>
+        <a href="contributing">
+          <i>?</i>
+          <h3>Submit Your Own Guide</h3>
+          <p>We are accepting guides to extend the application to our <a href="http://github.com/railsgirls/railsgirls.github.com">Github repository &rarr;</a></p>
+        </a>
     </li>
 </ul>