diff options
| author | Dan McGee <dan@archlinux.org> | 2012-04-26 21:44:52 +0200 |
|---|---|---|
| committer | Dan McGee <dan@archlinux.org> | 2012-04-26 21:44:52 +0200 |
| commit | fbbcc8534a25d3e78ef3a319c8aeb127bc5085f0 (patch) | |
| tree | bc8dfa8154a4b8853aa2c37f9ac2cf5fdeb52c55 | |
| parent | b5ce0079643a9d026bee4871ba618c65ee4c4d1b (diff) | |
| download | archweb-fbbcc8534a25d3e78ef3a319c8aeb127bc5085f0.tar.gz archweb-fbbcc8534a25d3e78ef3a319c8aeb127bc5085f0.tar.xz | |
Add hover header links to the developer profiles pages
This is a lot like you can see in the Python API documentation, and
makes it easy to copy a link to a given place on a page.
Signed-off-by: Dan McGee <dan@archlinux.org>
| -rw-r--r-- | sitestatic/archweb.css | 10 | ||||
| -rw-r--r-- | templates/public/developer_list.html | 4 |
2 files changed, 12 insertions, 2 deletions
diff --git a/sitestatic/archweb.css b/sitestatic/archweb.css index bc666d7..dcf0276 100644 --- a/sitestatic/archweb.css +++ b/sitestatic/archweb.css @@ -122,6 +122,16 @@ a { color: #e90; } +/* special anchor elements */ +a.headerlink { + visibility: hidden; + padding-left: 0.5em; +} + +h3:hover > a.headerlink { + visibility: visible; +} + /* headings */ h2 { font-size: 1.5em; diff --git a/templates/public/developer_list.html b/templates/public/developer_list.html index 00d93a5..376ab43 100644 --- a/templates/public/developer_list.html +++ b/templates/public/developer_list.html @@ -17,8 +17,8 @@ <img src="{{ prof.picture.url }}" height="125" width="125" alt="Image for {{ prof.alias }}"/> </td> <td> - <a name="{{ dev.username }}"></a> - <h3>{{ dev.get_full_name }}{% if prof.latin_name %} ({{ prof.latin_name}}){% endif %}</h3> + <h3>{{ dev.get_full_name }}{% if prof.latin_name %} ({{ prof.latin_name}}){% endif %} + <a class="headerlink" name="{{ dev.username }}" id="{{ dev.username }}" href="#{{ dev.username }}" title="Permalink">ΒΆ</a></h3> <table class="bio bio-{{ dev.username }}"> <tr> <th>Alias:</th> |