Browse files

Makes the clickable area bigger on the index page.

  • Loading branch information...
1 parent b696389 commit 31437cc5adbdfb88a787d61b0d7c551024e5f90c @matiaskorhonen committed Apr 20, 2012
Showing with 38 additions and 15 deletions.
  1. +13 −0 css/style.css
  2. +25 −15 index.html
View
13 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 {
View
40 index.html
@@ -14,31 +14,41 @@
<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>

0 comments on commit 31437cc

Please sign in to comment.