[tor-commits] [nyx/master] Make section headers anchors

[atagar at torproject.org]

commit 2c287587ac35c90b446726793e92bc7d62a5a389
Author: Damian Johnson <atagar at 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;
-}
-