[Functionality] post Outreachy contribution period Vocabulary changes out of sync with downstream implementations

[possumbilities]

Description

Given the amount of changes made to upstream Vocabulary, updating the core vocabulary files will not be enough to sync those changes downstream to this repository. As such, many markup changes will be necessary across components and contexts to reflect those changes accurately.

This Issue will serve as the high-level documentation of changes to be made in this repository, tested, and verified. Once all relevant changes are stable, then the work can be more directly implemented within vocabulary-theme.

Technical details

First, Vocabulary itself needs to be updated to current.

Then, the following PRs need to be evaluated and implemented as relevant markup changes where necessary:

Sync Implementation PRs

• update core vocabulary files to current #74
  • fixes issue Named [Bug] person-page context profile image does not support mixed aspect ratios, expects a smaller square  vocabulary#95
  • Fix URL syntax in @font-face declarations for improved browser compatability vocabulary#102
  • [Fix] Fixes responsiveness issues for related posts section of prgram-index.html vocabulary#169
  • Update CSS to follow style rules vocabulary#193
  • fixes repeating padding in styles vocabulary#212
  • removed empty rulesets vocabulary#222
  • Ensure ../svg/ paths are simplified and consistent in vocabulary.css and library-vars.css vocabulary#258
  • Fix CSS Class typos and Variable Name. vocabulary#263
  • consistently use single quotes in CSS files vocabulary#322
• change span to figcaption element for attribution of figure elements across contexts #75
  • replaced span with figcaption vocabulary#77
• sync upstream Vocabulary markup, correct syntax errors across contexts #76
  • closed the div tag in the default page vocabulary#134
  • Fix syntax errors in program-index.html (modify <br> tag and correct ul closing tag) vocabulary#136
  • BugFix: Closed open <link> tags in files mentioned in issue #170 vocabulary#175
  • [Fix] Includes validation for newsletter form vocabulary#180
  • Changed the spelling of Ancilliary to Ancillary vocabulary#214
  • closing-anchor-tag-added vocabulary#233
  • Br tags closed vocabulary#237
  • fix-remove invalid attribute from <article> element-234 vocabulary#240
  • Extra spacing is reduced vocabulary#261
  • fix/issue-256-hyphen-to-non-breaking vocabulary#281
• update vocabulary.js core, add nullchecks, add meta charset, add ARIA to menus, extend .gitgnore #77
  • Added Null Checks in vocabulary.js vocabulary#202
  • Add charset meta tag to HTML files for proper character encoding vocabulary#217
  • Enhance accessibility by adding ARIA attributes and IDs to navigation elements vocabulary#243
  • fixes #291 Ignore .vscode folder to prevent workspace conflicts vocabulary#318
• add bluesky, remove twitter #78
  • add Bluesky to icon sprites and Global Footer, remove Twitter vocabulary#319

Resolution

• I would be interested in resolving this bug.

[possumbilities]

All relevant PRs are merged, sync complete!