Skip to content

Commit cac11b8

Browse files
isaacdurazoisaacdurazo
committed
Adding active state for menu buttons
1 parent d63a08c commit cac11b8

File tree

16 files changed

+83
-67
lines changed

16 files changed

+83
-67
lines changed

‎_includes/themes/twitter/default.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -27,18 +27,18 @@
2727

2828
</head>
2929

30-
<body>
30+
<body class="{{ page.title }}">
3131
<div class="navbar">
3232
<div class="navbar-inner" role="custom-dropdown">
3333
{% assign pages_list = site.pages %}
3434
{% assign group = 'navigation' %}
3535
<input type="checkbox" id="button">
3636
<label for="button" onclick=""></label>
3737
<ul class="nav">
38-
<li> <a href="{{ HOME_PATH }}">Home</a></li>
39-
<li> <a href="/about.html">About</a></li>
40-
<li> <a href="/archive.html">Archive</a></li>
41-
<li> <a href="/resources.html">Resources</a></li>
38+
<li> <a class="home" href="{{ HOME_PATH }}">Home</a></li>
39+
<li> <a class="about" href="/about.html">About</a></li>
40+
<li> <a class="archive" href="/archive.html">Archive</a></li>
41+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4242
</ul>
4343
</div>
4444
</div>

‎_site/about.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="About">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/archive.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Archive">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/assets/themes/twitter/css/style.css

+8
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,14 @@ p {
8181
left: -9999px;
8282
}
8383

84+
.navbar .nav>li>a.home, .About .navbar .nav>li>a.about, .Archive .navbar .nav>li>a.archive, .Resources .navbar .nav>li>a.resources{
85+
color: #7eafd7;
86+
}
87+
88+
.About .navbar .nav>li>a.home, .Archive .navbar .nav>li>a.home, .Resources .navbar .nav>li>a.home {
89+
color: white;
90+
}
91+
8492
.container > footer {
8593
margin-top: 20px;
8694
}

‎_site/atom.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title>OpenGenderTracking</title>
55
<link href="http://opengendertracking.github.com/atom.xml" rel="self"/>
66
<link href="http://opengendertracking.github.com"/>
7-
<updated>2013-03-15T14:29:33-04:00</updated>
7+
<updated>2013-03-15T14:46:28-04:00</updated>
88
<id>http://opengendertracking.github.com</id>
99
<author>
1010
<name>Irene Ros</name>

‎_site/blog/2013/01/04/Getting-Started/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Getting Started">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/blog/2013/01/08/Tracking-Gender-In-Online-News/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Tracking Gender In Online News">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/blog/2013/02/14/Visualizing-Uncertainty/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Visualizing Uncertainty">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/blog/2013/02/27/GenderTracker-Makes-an-Appearance/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="GenderTracker Makes an Appearance">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/categories.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Categories">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/contact.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Contact">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>
@@ -61,7 +61,7 @@
6161
<div class="row">
6262

6363
<div>
64-
<h1 id='id156'><a href='/blog/2013/02/27/GenderTracker-Makes-an-Appearance'>GenderTracker Makes an Appearance</a></h1>
64+
<h1 id='id200'><a href='/blog/2013/02/27/GenderTracker-Makes-an-Appearance'>GenderTracker Makes an Appearance</a></h1>
6565
<div class='posted-by'>
6666
Published: <span>27 February 2013</span>
6767

‎_site/pages.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Pages">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/resources.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Resources">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎_site/tags.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@
2828

2929
</head>
3030

31-
<body>
31+
<body class="Tags">
3232
<div class="navbar">
3333
<div class="navbar-inner" role="custom-dropdown">
3434

3535

3636
<input type="checkbox" id="button">
3737
<label for="button" onclick=""></label>
3838
<ul class="nav">
39-
<li> <a href="/">Home</a></li>
40-
<li> <a href="/about.html">About</a></li>
41-
<li> <a href="/archive.html">Archive</a></li>
42-
<li> <a href="/resources.html">Resources</a></li>
39+
<li> <a class="home" href="/">Home</a></li>
40+
<li> <a class="about" href="/about.html">About</a></li>
41+
<li> <a class="archive" href="/archive.html">Archive</a></li>
42+
<li> <a class="resources" href="/resources.html">Resources</a></li>
4343
</ul>
4444
</div>
4545
</div>

‎assets/themes/twitter/css/style.css

+8
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,14 @@ p {
8181
left: -9999px;
8282
}
8383

84+
.navbar .nav>li>a.home, .About .navbar .nav>li>a.about, .Archive .navbar .nav>li>a.archive, .Resources .navbar .nav>li>a.resources{
85+
color: #7eafd7;
86+
}
87+
88+
.About .navbar .nav>li>a.home, .Archive .navbar .nav>li>a.home, .Resources .navbar .nav>li>a.home {
89+
color: white;
90+
}
91+
8492
.container > footer {
8593
margin-top: 20px;
8694
}

0 commit comments

Comments
 (0)