Skip to content

Conversation

@TimidRobot
Copy link
Member

@TimidRobot TimidRobot commented May 21, 2025

Fixes

Description

Update site to use current Vocabulary design system. This not only increases the consistency across Creative Commons (CC) web sites, but also significantly reduces the complexity of the site (drops Vue in favor of minimal JavaScript).

Extra thanks 🙏🏻 to @Queen-codes for doing most of the work!

Technical details

NPM package changes

package list diff (click to expand)
--- npmlist.old	2025-05-21 15:06:17
+++ npmlist.new	2025-05-21 15:06:30
@@ -1,261 +1,84 @@
 webpack@ /Users/timidrobot/git/creativecommons/ccos-website-source/webpack
-├─┬ @babel/[email protected]
-│ ├─┬ @ampproject/[email protected]
-│ │ ├─┬ @jridgewell/[email protected]
-│ │ │ ├── @jridgewell/[email protected]
-│ │ │ ├── @jridgewell/[email protected]
-│ │ │ └── @jridgewell/[email protected] deduped
-│ │ └─┬ @jridgewell/[email protected]
-│ │   ├── @jridgewell/[email protected]
-│ │   └── @jridgewell/[email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected]
-│ │ ├── [email protected]
-│ │ └── [email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @jridgewell/[email protected] deduped
-│ │ ├── @jridgewell/[email protected] deduped
-│ │ └── [email protected]
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected]
-│ │ ├── @babel/[email protected]
-│ │ ├── [email protected] deduped
-│ │ ├─┬ [email protected]
-│ │ │ └── [email protected]
-│ │ └── [email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ ├─┬ @babel/[email protected]
-│ │ │ ├── @babel/[email protected] deduped
-│ │ │ └── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ └── @babel/[email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ └── @babel/[email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ └── @babel/[email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ └── @babel/[email protected] deduped
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── [email protected] deduped
-│ │ └── [email protected]
-│ ├─┬ @babel/[email protected]
-│ │ ├── @babel/[email protected]
-│ │ └── @babel/[email protected] deduped
-│ ├── [email protected]
-│ ├─┬ [email protected]
-│ │ └── [email protected]
-│ ├── [email protected]
-│ ├── [email protected]
-│ └── [email protected]
-├── @creativecommons/[email protected]
-├─┬ @octokit/[email protected]
-│ ├─┬ @octokit/[email protected]
-│ │ ├─┬ @octokit/[email protected]
-│ │ │ └── @octokit/[email protected] deduped
-│ │ ├─┬ @octokit/[email protected]
-│ │ │ ├── @octokit/[email protected] deduped
-│ │ │ ├── @octokit/[email protected] deduped
-│ │ │ └── [email protected] deduped
-│ │ ├─┬ @octokit/[email protected]
-│ │ │ ├── @octokit/[email protected] deduped
-│ │ │ ├── [email protected] deduped
-│ │ │ └─┬ [email protected]
-│ │ │   └── [email protected]
-│ │ ├─┬ @octokit/[email protected]
-│ │ │ ├─┬ @octokit/[email protected]
-│ │ │ │ ├── @octokit/[email protected] deduped
-│ │ │ │ ├── [email protected] deduped
-│ │ │ │ └── [email protected] deduped
-│ │ │ ├── @octokit/[email protected] deduped
-│ │ │ ├── @octokit/[email protected] deduped
-│ │ │ ├── [email protected]
-│ │ │ ├─┬ [email protected]
-│ │ │ │ ├── UNMET OPTIONAL DEPENDENCY encoding@^0.1.0
-│ │ │ │ └─┬ [email protected]
-│ │ │ │   ├── [email protected]
-│ │ │ │   └── [email protected]
-│ │ │ └── [email protected] deduped
-│ │ ├─┬ @octokit/[email protected]
-│ │ │ └── @octokit/[email protected]
-│ │ ├── [email protected]
-│ │ └── [email protected]
-│ ├─┬ @octokit/[email protected]
-│ │ ├── @octokit/[email protected] deduped
-│ │ └── @octokit/[email protected] deduped
-│ ├─┬ @octokit/[email protected]
-│ │ └── @octokit/[email protected] deduped
-│ └─┬ @octokit/[email protected]
-│   ├── @octokit/[email protected] deduped
-│   ├── @octokit/[email protected] deduped
-│   └── [email protected]
-├─┬ [email protected]
-│ ├─┬ [email protected]
-│ │ ├── [email protected] deduped
-│ │ ├── [email protected]
-│ │ ├── [email protected]
-│ │ └─┬ [email protected]
-│ │   ├── [email protected] deduped
-│ │   ├── [email protected]
-│ │   └── [email protected] deduped
-│ ├── [email protected]
-│ ├── [email protected]
-│ ├── [email protected]
-│ ├── [email protected]
-│ ├── [email protected]
-│ └─┬ [email protected]
-│   ├── [email protected]
-│   ├── [email protected] deduped
-│   └── [email protected] deduped
-├─┬ [email protected]
-│ ├── @babel/[email protected] deduped
-│ ├─┬ [email protected]
-│ │ ├── [email protected]
-│ │ ├── [email protected] deduped
-│ │ └─┬ [email protected]
-│ │   └─┬ [email protected]
-│ │     ├─┬ [email protected]
-│ │     │ └─┬ [email protected]
-│ │     │   └─┬ [email protected]
-│ │     │     └── [email protected]
-│ │     └── [email protected]
-│ ├─┬ [email protected]
-│ │ ├── [email protected]
-│ │ ├── [email protected]
-│ │ └── [email protected] deduped
-│ ├─┬ [email protected]
-│ │ └── [email protected] deduped
-│ ├─┬ [email protected]
-│ │ ├── @types/[email protected] deduped
-│ │ ├─┬ [email protected]
-│ │ │ └── [email protected] deduped
-│ │ └─┬ [email protected]
-│ │   ├── [email protected]
-│ │   ├── [email protected]
-│ │   ├── [email protected]
-│ │   └─┬ [email protected]
-│ │     └── [email protected]
-│ └── [email protected] deduped
-├─┬ [email protected]
-│ ├── [email protected]
-│ └── [email protected]
-├── [email protected]
-├─┬ [email protected]
-│ ├── [email protected] deduped
-│ ├─┬ [email protected]
-│ │ ├── @types/[email protected] deduped
-│ │ ├── [email protected] deduped
-│ │ └── [email protected] deduped
-│ └── [email protected] deduped
+├─┬ @octokit/[email protected]
+│ ├─┬ @octokit/[email protected]
+│ │ ├── @octokit/[email protected]
+│ │ ├─┬ @octokit/[email protected]
+│ │ │ ├── @octokit/[email protected] deduped
+│ │ │ ├── @octokit/[email protected] deduped
+│ │ │ └── [email protected] deduped
+│ │ ├─┬ @octokit/[email protected]
+│ │ │ └── @octokit/[email protected] deduped
+│ │ ├─┬ @octokit/[email protected]
+│ │ │ ├─┬ @octokit/[email protected]
+│ │ │ │ ├── @octokit/[email protected] deduped
+│ │ │ │ └── [email protected] deduped
+│ │ │ ├── @octokit/[email protected] deduped
+│ │ │ ├── @octokit/[email protected] deduped
+│ │ │ ├── [email protected]
+│ │ │ └── [email protected] deduped
+│ │ ├─┬ @octokit/[email protected]
+│ │ │ └── @octokit/[email protected]
+│ │ ├── [email protected]
+│ │ └── [email protected]
+│ ├─┬ @octokit/[email protected]
+│ │ ├── @octokit/[email protected] deduped
+│ │ └─┬ @octokit/[email protected]
+│ │   └── @octokit/[email protected]
+│ ├─┬ @octokit/[email protected]
+│ │ └── @octokit/[email protected] deduped
+│ └─┬ @octokit/[email protected]
+│   ├── @octokit/[email protected] deduped
+│   └─┬ @octokit/[email protected]
+│     └── @octokit/[email protected]
 ├─┬ [email protected]
 │ ├─┬ [email protected]
 │ │ └── [email protected]
 │ └── [email protected]
-├─┬ [email protected]
-│ ├── UNMET OPTIONAL DEPENDENCY fibers@>= 3.1.0
-│ ├── [email protected]
-│ ├── [email protected]
-│ ├── UNMET OPTIONAL DEPENDENCY node-sass@^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
-│ ├── UNMET OPTIONAL DEPENDENCY sass-embedded@*
-│ ├── [email protected] deduped
-│ └── [email protected] deduped
-├─┬ [email protected]
-│ ├─┬ @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── @parcel/[email protected]
-│ │ ├── [email protected]
-│ │ ├─┬ [email protected]
-│ │ │ └── [email protected]
-│ │ ├─┬ [email protected]
-│ │ │ ├─┬ [email protected]
-│ │ │ │ └─┬ [email protected]
-│ │ │ │   └─┬ [email protected]
-│ │ │ │     └── [email protected]
-│ │ │ └── [email protected]
-│ │ └── [email protected]
-│ ├─┬ [email protected]
-│ │ └── [email protected]
-│ ├── [email protected]
-│ └── [email protected]
-├─┬ [email protected]
-│ ├── [email protected] deduped
-│ ├─┬ [email protected]
-│ │ ├── @types/[email protected] deduped
-│ │ ├── [email protected] deduped
-│ │ └── [email protected] deduped
-│ └── [email protected] deduped
-├─┬ [email protected]
-│ ├── [email protected] deduped
-│ ├── [email protected] deduped
-│ ├─┬ [email protected]
-│ │ └── [email protected]
-│ ├─┬ [email protected]
-│ │ ├── @types/[email protected] deduped
-│ │ ├── [email protected] deduped
-│ │ └── [email protected] deduped
-│ └── [email protected] deduped
-├─┬ [email protected]
-│ └── [email protected] deduped
-├─┬ [email protected]
-│ ├─┬ @vue/[email protected]
-│ │ ├── @babel/[email protected] deduped
-│ │ ├── [email protected] deduped
-│ │ ├── [email protected]
-│ │ └── [email protected]
-│ └── [email protected]
-├─┬ [email protected]
-│ ├── @discoveryjs/[email protected]
-│ ├─┬ @webpack-cli/[email protected]
-│ │ ├── [email protected] deduped
-│ │ └── [email protected] deduped
-│ ├─┬ @webpack-cli/[email protected]
-│ │ ├── [email protected]
-│ │ └── [email protected] deduped
-│ ├─┬ @webpack-cli/[email protected]
-│ │ └── [email protected] deduped
+├─┬ [email protected]
+│ ├─┬ [email protected]
+│ │ └── [email protected]
+│ ├── [email protected]
+│ └── [email protected] deduped
+├─┬ [email protected]
+│ ├── @discoveryjs/[email protected]
+│ ├─┬ @webpack-cli/[email protected]
+│ │ ├── [email protected] deduped
+│ │ └── [email protected] deduped
+│ ├─┬ @webpack-cli/[email protected]
+│ │ ├── [email protected] deduped
+│ │ └── [email protected] deduped
+│ ├─┬ @webpack-cli/[email protected]
+│ │ ├── [email protected] deduped
+│ │ └── [email protected] deduped
 │ ├── [email protected]
-│ ├── [email protected]
+│ ├── [email protected]
 │ ├─┬ [email protected]
 │ │ ├── [email protected]
 │ │ ├─┬ [email protected]
 │ │ │ └── [email protected]
 │ │ └─┬ [email protected]
 │ │   └── [email protected]
+│ ├── [email protected]
 │ ├── [email protected]
 │ ├─┬ [email protected]
-│ │ ├── [email protected] deduped
+│ │ ├─┬ [email protected]
+│ │ │ └─┬ [email protected]
+│ │ │   ├─┬ [email protected]
+│ │ │   │ └─┬ [email protected]
+│ │ │   │   └─┬ [email protected]
+│ │ │   │     └── [email protected]
+│ │ │   └── [email protected]
 │ │ └─┬ [email protected]
 │ │   └── [email protected]
-│ ├── [email protected]
-│ ├─┬ [email protected]
+│ ├── [email protected]
+│ ├─┬ [email protected]
 │ │ └─┬ [email protected]
 │ │   ├─┬ [email protected]
 │ │   │ └─┬ [email protected]
 │ │   │   └── [email protected]
 │ │   ├── [email protected]
 │ │   └── [email protected]
-│ ├─┬ [email protected]
+│ ├─┬ [email protected]
 │ │ ├─┬ [email protected]
 │ │ │ ├─┬ [email protected]
 │ │ │ │ └── [email protected]
@@ -264,8 +87,8 @@
 │ │ │   └── [email protected] deduped
 │ │ ├── [email protected]
 │ │ └── [email protected]
-│ └── [email protected] deduped
-└─┬ [email protected]
+│ └── [email protected] deduped
+└─┬ [email protected]
   ├─┬ @types/[email protected]
   │ ├─┬ @types/[email protected]
   │ │ ├── @types/[email protected] deduped
@@ -313,11 +136,18 @@
   │ │ └── @xtuc/[email protected] deduped
   │ └── @webassemblyjs/[email protected]
   ├── [email protected]
-  ├── [email protected] deduped
+  ├─┬ [email protected]
+  │ ├── [email protected]
+  │ ├── [email protected]
+  │ ├── [email protected]
+  │ └─┬ [email protected]
+  │   ├── [email protected] deduped
+  │   ├── [email protected]
+  │   └── [email protected]
   ├── [email protected]
   ├─┬ [email protected]
   │ ├── [email protected] deduped
-  │ └── [email protected] deduped
+  │ └── [email protected] deduped
   ├── [email protected]
   ├─┬ [email protected]
   │ ├─┬ [email protected]
@@ -328,58 +158,50 @@
   ├── [email protected]
   ├── [email protected]
   ├── [email protected]
-  ├── [email protected] deduped
-  ├── [email protected] deduped
+  ├─┬ [email protected]
+  │ └── [email protected]
+  ├── [email protected]
   ├─┬ [email protected]
   │ ├── @types/[email protected] deduped
   │ ├─┬ [email protected]
-  │ │ └─┬ [email protected]
-  │ │   ├── [email protected] deduped
-  │ │   ├── [email protected] deduped
-  │ │   ├── [email protected]
-  │ │   └── [email protected] deduped
+  │ │ └── [email protected] deduped
   │ ├─┬ [email protected]
   │ │ ├── [email protected] deduped
-  │ │ └── [email protected] deduped
+  │ │ └── [email protected]
   │ └─┬ [email protected]
   │   ├── [email protected] deduped
   │   ├── [email protected]
   │   ├── [email protected]
   │   └── [email protected]
-  ├── [email protected]
+  ├── [email protected]
   ├─┬ [email protected]
-  │ ├── @jridgewell/[email protected] deduped
+  │ ├─┬ @jridgewell/[email protected]
+  │ │ ├── @jridgewell/[email protected]
+  │ │ └── @jridgewell/[email protected]
   │ ├─┬ [email protected]
-  │ │ ├─┬ @types/[email protected]
+  │ │ ├─┬ @types/[email protected]
   │ │ │ └── [email protected]
   │ │ ├── [email protected]
   │ │ └─┬ [email protected]
   │ │   └── [email protected]
-  │ ├─┬ [email protected]
-  │ │ ├── @types/[email protected] deduped
-  │ │ ├── [email protected] deduped
-  │ │ ├─┬ [email protected]
-  │ │ │ ├── [email protected] deduped
-  │ │ │ └── [email protected] deduped
-  │ │ └─┬ [email protected]
-  │ │   ├── [email protected] deduped
-  │ │   ├── [email protected] deduped
-  │ │   ├── [email protected]
-  │ │   └── [email protected] deduped
+  │ ├── [email protected] deduped
   │ ├─┬ [email protected]
   │ │ └─┬ [email protected]
   │ │   └── [email protected]
-  │ ├─┬ [email protected]
+  │ ├─┬ [email protected]
   │ │ ├─┬ @jridgewell/[email protected]
-  │ │ │ ├── @jridgewell/[email protected] deduped
+  │ │ │ ├─┬ @jridgewell/[email protected]
+  │ │ │ │ ├── @jridgewell/[email protected]
+  │ │ │ │ ├── @jridgewell/[email protected] deduped
+  │ │ │ │ └── @jridgewell/[email protected] deduped
   │ │ │ └── @jridgewell/[email protected] deduped
   │ │ ├── [email protected] deduped
   │ │ ├── [email protected]
   │ │ └─┬ [email protected]
   │ │   ├── [email protected]
-  │ │   └── [email protected] deduped
-  │ └── [email protected] deduped
-  ├─┬ [email protected]
+  │ │   └── [email protected]
+  │ └── [email protected] deduped
+  ├─┬ [email protected]
   │ ├── [email protected] deduped
   │ └── [email protected] deduped
   └── [email protected]

Checklist

  • My pull request has a descriptive title (not a vague title like Update index.md).
  • My pull request targets the default branch of the repository (main or master).
  • My commit messages follow best practices.
  • My code follows the established code style of the repository.
  • I added or updated tests for the changes I made (if applicable).
  • I added or updated documentation (if applicable).
  • I tried running the project locally and verified that there are no
    visible errors.

Developer Certificate of Origin

For the purposes of this DCO, "license" is equivalent to "license or public domain dedication," and "open source license" is equivalent to "open content license or public domain dedication."

Developer Certificate of Origin
Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.
1 Letterman Drive
Suite D4700
San Francisco, CA, 94129

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

Dev-JoyA and others added 30 commits October 13, 2024 17:24
…match-design-system

Align the navbar to meet the design system requirement
…m-header

Align header with the Vocabulary design system
…cy-with-design-system

Fixed the inconsistency in footer with vocabulary design system
@TimidRobot TimidRobot self-assigned this May 21, 2025
@TimidRobot TimidRobot requested review from a team as code owners May 21, 2025 13:05
@TimidRobot TimidRobot requested review from Cronus1007 and removed request for a team May 21, 2025 13:05
@github-project-automation github-project-automation bot moved this to Triage in TimidRobot May 21, 2025
@TimidRobot TimidRobot moved this from Triage to In review in TimidRobot May 21, 2025
Copy link
Contributor

@possumbilities possumbilities left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like a much better direction. Approved.

@TimidRobot TimidRobot merged commit 82ab5c9 into main May 21, 2025
2 checks passed
@TimidRobot TimidRobot deleted the vocab-refresh branch May 21, 2025 14:03
@github-project-automation github-project-automation bot moved this from In review to Done in TimidRobot May 21, 2025
@TimidRobot TimidRobot linked an issue May 27, 2025 that may be closed by this pull request
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

[Bug] missing assets serving 404s [Feature] Improve link-text color contrast to ensure accessibility.

4 participants