summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDan McGee <dan@archlinux.org>2012-04-26 21:44:52 +0200
committerDan McGee <dan@archlinux.org>2012-04-26 21:44:52 +0200
commitfbbcc8534a25d3e78ef3a319c8aeb127bc5085f0 (patch)
treebc8dfa8154a4b8853aa2c37f9ac2cf5fdeb52c55
parentb5ce0079643a9d026bee4871ba618c65ee4c4d1b (diff)
downloadarchweb-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.css10
-rw-r--r--templates/public/developer_list.html4
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>