Create org chart in HTML Block in Wagtail

[johnnyporkchops]

Summary

What we're after:
Until there is a Wagtail template to create/edit the org chart in Wagtail, we can use the html in this issue 3130 to publish this in the mean time.

Related issues

#3130
#3072

Completion criteria

List action items that need to be done to complete this task. List in checklist formatting.

• Merge 3071 Org chart styles #3130
• Once full-width template is merged (Feature/3016 reporting dates table template #3188) Build org chart in html block in full-width page (Pair with content team on this so that they understand how to do this)
• Second pair of eyes
• Publish page
• Update https://www.fec.gov/about/leadership-and-structure/ to point to new page
• Put in redirect for old organization chart

Future work

#3072

[dorothyyeager]

Questions for @johnnyporkchops @rfultz @patphongs - Edited to add the answers from the amazing @patphongs

1. I found the template but it's not available to us in the "About the FEC section" (which is where we'd want it. Do we need a ticket for that work? Answer: No. It's available in the leadership and structure part of About the FEC, so I'll create the page there.

2. The template doesn't seem to be available at all in prod, just feature. Do we need to have that happen first before I can work on this ticket? Answer: Yes. Will be part of 10.2 and available when that's deployed to prod.

3. The footnotes in the org chart aren't in the HTML. When I tested out coding them in feature, I cannot get a space to appear between the chart and the footnotes. I tried putting them into separate HTML block and the same block. No luck. Answer: Will need to add a bit more code regarding the padding. We're going to put in a ticket for this work and other items like the buttons.

4. The link for the IG office in the HTML code provided was out of date. I updated it in my text file; should I do the same in the hard-coded file Pat linked me to? Answer: No need, that was just a prototype file to give us the chart structure

[dorothyyeager]

This is ready for review by a second pair of eyes; maybe @AmyKort if available? Also wondering if about the slug I've made. I have it as fec-offices so that whatever is developed to replace it in #3072 can use the slug of fec-organizational-chart. Does that work?

[dorothyyeager]

I've published the new chart at https://www.fec.gov/about/leadership-and-structure/fec-offices/ and updated the link on the "Leadership and structure" page. I've also added the new page to our redirect spreadsheet and we'll tackle it in the redirects at #3209 . We're ready to close this ticket.