Adjusted Makefile and CSS to properly highlight current page
parent
a30bf60d92
commit
9734b883f0
4
Makefile
4
Makefile
|
@ -31,7 +31,9 @@ $(outdir)/images/%.png: images/%.png | $(outdir)
|
||||||
cp -r $< $@
|
cp -r $< $@
|
||||||
|
|
||||||
$(outdir)/%.html: %.html $(header) $(footer) | $(outdir)
|
$(outdir)/%.html: %.html $(header) $(footer) | $(outdir)
|
||||||
cat $(header) $< $(footer) > $@
|
cat $(header) \
|
||||||
|
| sed 's/\(<body\)/\1 class="$*"/' \
|
||||||
|
| cat - $< $(footer) > $@
|
||||||
|
|
||||||
clean:
|
clean:
|
||||||
${RM} -r webroot
|
${RM} -r webroot
|
||||||
|
|
|
@ -16,9 +16,11 @@
|
||||||
|
|
||||||
<div id="menu">
|
<div id="menu">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="selected"><a href="/">About</a></li>
|
<li id="about"><a href="/">About</a></li>
|
||||||
<li><a href="manual-select.html">Manual</a></li>
|
<li id="manual"><a href="manual-select.html">Manual</a></li>
|
||||||
<li><a href="https://github.com/mikegerwitz/easejs">Source Code</a></li>
|
<li id="source">
|
||||||
|
<a href="https://github.com/mikegerwitz/easejs">Source Code</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -117,11 +117,13 @@ html, body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu a:hover,
|
#menu a:hover,
|
||||||
#menu ul li.selected a {
|
body.index #about a,
|
||||||
|
body.manual-select #manual a {
|
||||||
background-color: #204a87;
|
background-color: #204a87;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu ul li.selected a {
|
body.index #about a,
|
||||||
|
body.manual-select #manual a {
|
||||||
color: #f57900;
|
color: #f57900;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue