commit 2c287587ac35c90b446726793e92bc7d62a5a389 Author: Damian Johnson atagar@torproject.org Date: Sun Jul 23 22:18:15 2017 -0700
Make section headers anchors
Deep linking is important. Might as well support it from the get-go. --- web/index.html | 4 ++-- web/styles.css | 14 +++++++------- 2 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/web/index.html b/web/index.html index 3f5c081..1d40517 100644 --- a/web/index.html +++ b/web/index.html @@ -23,8 +23,8 @@ </div>
<div class="content" id="home"> - <div class="header-line"></div> - <h1>Welcome to Nyx</h1> + <div class="section" id="welcome"></div> + <a href="#welcome" class="section-title">Welcome to Nyx</a>
<p>Nyx is a command-line monitor for <a href="https://www.torproject.org/">Tor</a>. With this you can get detailed real-time information about your relay such as bandwidth usage, connections, logs, and much more.</p>
diff --git a/web/styles.css b/web/styles.css index e6ca4ae..37bfc4a 100644 --- a/web/styles.css +++ b/web/styles.css @@ -90,12 +90,17 @@ a:hover { text-align: center; }
-.header-line { +.content p { + margin: 20px 0px 0px; + text-align: justify; +} + +.section { border-top: 1px solid #856231; margin-bottom: -16px; }
-.content h1 { +.section-title { background: white; color: #856231; display: inline-block; @@ -105,8 +110,3 @@ a:hover { position: relative; }
-.content p { - margin: 20px 0px 0px; - text-align: justify; -} -