Constitution HTML element IDs #350

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.

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.

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

image.png

88 KiB