diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2016-09-02 15:31:18 +0800 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2016-09-02 15:31:18 +0800 |
| commit | 1255eac7d9c0b0cdd364cde82e25ad99cb1471b1 (patch) | |
| tree | cd8bd9ac43be633f89dd424a6dd13391351bc2a5 | |
| parent | 24d78c8f76d091b44edc773e8465ea31431d0c20 (diff) | |
| download | my_new_personal_website-1255eac7d9c0b0cdd364cde82e25ad99cb1471b1.tar.xz my_new_personal_website-1255eac7d9c0b0cdd364cde82e25ad99cb1471b1.zip | |
Move nav-title and nav-author to :before
This is so that when CSS is disabled, the nav component is hidden
entirely instead of being displayed as two lines:
dl? cmplnts?
by Zhiming Wang
This for one makes the site look slightly nicer in text-based browsers,
e.g. w3m.
Diffstat (limited to '')
| -rw-r--r-- | source/css/theme.css | 10 | ||||
| -rw-r--r-- | source/template.html | 4 |
2 files changed, 10 insertions, 4 deletions
diff --git a/source/css/theme.css b/source/css/theme.css index 3a77d7f3..01b666d4 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -67,14 +67,20 @@ only screen and ( min-resolution: 1.25dppx) { font-size: 17px; font-weight: bold; margin: 2px 0 1px 0; + text-decoration: none; +} + +.nav-title:before { + content: "dl? cmplnts?"; } .nav-author { font-size: 13px; + text-decoration: none; } -.nav-link { - text-decoration: none; +.nav-author:before { + content: "by Zhiming Wang"; } .content, .content-separator, .footer { diff --git a/source/template.html b/source/template.html index 527e8375..f7e11237 100644 --- a/source/template.html +++ b/source/template.html @@ -35,8 +35,8 @@ $endif$ <body> <nav class="nav"> <a class="nav-icon" href="/" title="Home"><!--blog icon--></a> - <div class="nav-title"><a href="/" class="nav-link">dl? cmplnts?</a></div> - <div class="nav-author">by <a href="https://github.com/zmwangx" class="nav-link" target="_blank">Zhiming Wang</a></div> + <a class="nav-title" href="/"><!--blog title--></a> + <a class="nav-author" href="https://github.com/zmwangx" target="_blank"><!--blog author--></a> </nav> <article class="content"> $if(title)$ |