commit e7da05520151ae1de960a45437ee6bd31a9d16ee Author: cypherpunks cypherpunks@torproject.org Date: Fri May 12 14:11:19 2017 +0000

Use the page-header class to accentuate headers

The page-header class uses a bottom border which makes using horizontal rules obsolete.

Closes #22239. --- index.html | 4 +++- templates/about.html | 4 ++-- templates/details/bridge.html | 6 +++--- templates/details/router.html | 6 +++--- templates/search/do.html | 2 ++ 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html index bbd70c2..6d2b684 100644 --- a/index.html +++ b/index.html @@ -52,8 +52,10 @@ </div> <div id="content"> <noscript> + <div class="page-header"> <h1>JavaScript required</h1> - <p>Please enable JavaScript to use this service.</p> + </div> + <p class="lead">Please enable JavaScript to use this service.</p> </noscript> </div> <hr/> diff --git a/templates/about.html b/templates/about.html index 1cff2b4..f24c807 100644 --- a/templates/about.html +++ b/templates/about.html @@ -1,9 +1,9 @@ -<header id="about"> +<div class="page-header"> <h1>Atlas</h1> +</div> <p class="lead"> Atlas is a web application to discover Tor relays. It provides useful information on how relays are configured along with graphics about their past. </p> -</header>

<div class="page-header"> <h1>Features</h1> diff --git a/templates/details/bridge.html b/templates/details/bridge.html index a34701b..c2e5b80 100644 --- a/templates/details/bridge.html +++ b/templates/details/bridge.html @@ -7,8 +7,9 @@ <% } %> </h1>

+<div class="page-header"> <h2>General <small>Overall information on the Tor bridge</small></h2> -<hr/> +</div>

<div class="row"> <div class="span6"> @@ -85,9 +86,8 @@ </div> </div>

-<div class="row"> +<div class="page-header"> <h2>Graphs <small>Pretty graphs</small></h2> -<hr/> </div>

<div class="row"> diff --git a/templates/details/router.html b/templates/details/router.html index 46f935f..7ea26bf 100644 --- a/templates/details/router.html +++ b/templates/details/router.html @@ -7,8 +7,9 @@ <% } %> </h1>

+<div class="page-header"> <h2>General <small>Overall information on the Tor relay</small></h2> -<hr/> +</div>

<div class="row"> <div class="span6"> @@ -139,9 +140,8 @@ </div> </div>

-<div class="row"> +<div class="page-header"> <h2>Graphs <small>Pretty graphs</small></h2> -<hr/> </div>

<div class="row"> diff --git a/templates/search/do.html b/templates/search/do.html index 02dbe1a..a117d0e 100644 --- a/templates/search/do.html +++ b/templates/search/do.html @@ -49,7 +49,9 @@ </div> <% } %>

+<div class="page-header"> <h1 id="search-title"></h1> +</div> <table class="table table-bordered table-striped" id="torstatus_results"> <thead> <tr>