Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

The guides list should be clickable anywhere on the <li> #6

Merged
merged 1 commit into from
Apr 20, 2012
Merged

The guides list should be clickable anywhere on the <li> #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -126,6 +126,7 @@ footer a {
.home li {
padding:1.5em 0;
border-bottom:1px solid #ddd;
cursor: pointer;
}

.home li:last-child {
Expand Down Expand Up @@ -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 {
Expand Down
40 changes: 25 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>