Constitution HTML element IDs #350

New Issue

r389li · 2021-10-19T17:34:28-04:00

r389li commented

2021-10-19 17:34:28 -04:00

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 2021-10-19 17:34:28 -04:00

j285he added the

Priority - Medium

label 2021-11-30 01:37:21 -05:00

a258wang commented

2022-02-15 17:09:25 -05:00

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.

r389li commented

2022-02-15 18:18:13 -05:00

@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?

@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)

image.png

88 KiB

j285he added

Priority - Low

and removed

Priority - Medium

labels 2022-03-23 20:22:50 -04:00

Sign in to join this conversation.