Constitution HTML element IDs #350

Open
opened 1 year ago by r389li · 2 comments
r389li commented 1 year ago
Owner

Add HTML element IDs to label each point in the constitution (https://csclub.uwaterloo.ca/about/constitution/officers/) so it can be quickly seeked to.

Add HTML element IDs to label each point in the constitution (https://csclub.uwaterloo.ca/about/constitution/officers/) so it can be quickly seeked to.
r389li added the
Feature Request
label 1 year ago
j285he added the
Priority - Medium
label 1 year ago
Owner

Hey @r389li, could you elaborate a little more on this feature request? The Constitution page currently has a sidebar that you can use to quickly navigate to the different sections, so I'm not sure I see a significant benefit in also adding HTMl element IDs.

Hey @r389li, could you elaborate a little more on this feature request? The Constitution page currently has a sidebar that you can use to quickly navigate to the different sections, so I'm not sure I see a significant benefit in also adding HTMl element IDs.
Poster
Owner

@a258wang so each page has a lot of points, and it would be nice to have every point (i.e. each <li> tag (see image below for example) should have a unique (to the page) HTML element ID. This will probably have to involve some TS trickery since the source files are in Markdown, but it'd be nice to just be able to link to it (like https://en.wikipedia.org/wiki/HTML_element#Anchor, in this case Anchor is the ID of that element.) Speaking of anchors that might be an easier way to achieve the linking (I'm not that familiar with TS though).

Also, when I went to look for an example on the CSC website I couldn't find any, so just for ease of use and accessibility it might also be a good idea to programmatically do this for all headings on every page? This doesn't have to happen though, what are your thoughts?

example

@a258wang so each page has a lot of points, and it would be nice to have every point (i.e. each `<li>` tag (see image below for example) should have a unique (to the page) HTML element ID. This will probably have to involve some TS trickery since the source files are in Markdown, but it'd be nice to just be able to link to it (like https://en.wikipedia.org/wiki/HTML_element#Anchor, in this case `Anchor` is the ID of that element.) Speaking of anchors that *might* be an easier way to achieve the linking (I'm not that familiar with TS though). Also, when I went to look for an example on the CSC website I couldn't find any, so just for ease of use and accessibility it might also be a good idea to programmatically do this for all headings on every page? This doesn't have to happen though, what are your thoughts? ![example](/attachments/97d1b740-473f-401a-9daa-8779cb25cc55)
j285he added
Priority - Low
and removed
Priority - Medium
labels 11 months ago
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date

No due date set.

Dependencies

No dependencies set.

Reference: www/www-new#350
Loading…
There is no content yet.