Skip to content

Add "permalink" anchor links to page subsections #461

Open
@jywarren

Description

@jywarren

We have a nice menu now to link down to subsections on the page, using id attributes and URL hashes, like this:

https://code.publiclab.org/#fto-author

The code for the menu looks like this:

<li><a class="line" href="#candidate">Candidates</a></li>
<li><a class="line" href="#fto-author">FTO Authors</a></li>
<li><a class="line" href="#contributer">Contributers</a></li>
<li><a class="line" href="#lang-sec">Languages Used</a></li>

Let's make each header into a link as well, so they're easy to "deep link" to, so you get right to the correct section. This will require adding an A tag around the text of each header, like <a href="#fto-author">...</a>, similarly to the above.

However, some sections get edited live by JavaScript, for example to update the counts, in sections like this, "Stale issues (COUNT)":

image

For those, we need to see if making that section into a link breaks this functionality, or if we need to adjust other areas of code to accommodate them being links.

This is therefore a little more complex than a first-timers-only issue! We'd still love help on it however!

Metadata

Metadata

Assignees

No one assigned

    Labels

    add-code-linksPlease help by adding links to where the code is for the described work.help wanted

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions