📖 Wiki

How the site works — architecture, the 13 supported UI languages, the 15 word lists, settings, achievements, and the developer API.

How It Works

The site is a pure client-side web app — no server, no data sent anywhere. Everything runs in the browser.

Key files

Load sequence

1. Page loads; an inline script resolves the UI language (URL lang param → saved CHBS_lang → browser language, defaulting to English), preloads its js/i18n.<lang>.min.js, and hides the page until that language is confirmed applied — avoiding a flash of the raw Dutch fallback text baked into the HTML. js/lang-detect.js separately picks a starter-data script (Dutch, English, French or German only) and inserts it before main.min.js runs.
2. main.min.js initialises window.CHBS, which knows about all 13 UI languages via CHBS_SUPPORTED_LANGS.
3. Saved options are read from localStorage (or URL params).
4. The active UI language is resolved again and applied via applyLanguage(); only once its callback confirms the UI text is translated does init() correct the wordlist checkboxes and reveal the page — this ordering prevents a flash of the wrong language or wordlist before things settle.
5. If the active word list is Dutch, English, French or German, its starter data lets a password appear instantly; the other 11 word lists wait for their first AJAX fetch before the first password appears.
6. The full word list for the active dictionary loads in the background and silently replaces the starter data.
7. achievements.js wraps CHBS.trackGenerate, trackCopy, and trackShare to intercept events and check badge conditions.

Dictionaries & Word Lists

There are 15 word lists in total: 13 language lists, plus the Heroes and HoHoHo novelty lists. Exactly one is active at a time (or none, in Random mode).

Selection rules (passphrase mode)

• English active → all words come exclusively from the English list.
• Heroes active → at least 2 words are forced from the Heroes list; each further word then has a 60% chance of coming from Heroes and a 40% chance of coming from English. The small 219-word Heroes list is mixed with English so passwords aren't trivially guessable.
• HoHoHo active → at least 2 words are forced from the HoHoHo list; each further word then has a 60% chance of coming from HoHoHo and a 40% chance of coming from Dutch (primary), for the same reason.
• Any other single list (French, German, Spanish, Italian, Portuguese, Finnish, Turkish, Greek, Russian, Esperanto, Japanese) → all words come exclusively from that list.
• Dutch (primary) → the default when no other list is selected.
• Only one list can be active at a time (radio behaviour). Switching deactivates all others.

Password Generation

Passphrase mode

1. Random words are drawn from the active dictionary (or mixed per the Heroes/HoHoHo rules above).
2. Words are capitalised if the "Uppercase" option is on.
3. Words are joined with the chosen separator character(s). When multiple separators are provided, one is chosen at random per gap.
4. If "Append number" is on, a random digit (0–9) is added after the last separator.
5. If the result is shorter than "Minimum length", one extra word is added and the process repeats until the target is reached.

Random mode

Generates a string of the configured length from a combined charset of uppercase, lowercase, digits, and the configured special characters. Duplicate characters are removed from the charset before sampling.

Strength scoring

Settings & Storage

Settings are saved under the localStorage key CHBSOptions as JSON, and can also be shared via URL query params.

Internationalisation

13 UI languages are supported. Only one language's translation file is kept in memory at a time — switching languages loads the new one and unloads the previous one.

Language resolution order

1. lang URL query parameter.
2. CHBS_lang in localStorage.
3. Browser's navigator.languages list — first match wins.
4. Falls back to Dutch.

Auto dictionary selection

On first visit (no saved options, no URL dict param), the detected browser language pre-selects the matching word list:

Stats & Sessions

Stats are persisted under the localStorage key CHBS_stats. A new session is counted once per tab (tracked via sessionStorage). Achievement badges are stored separately under CHBS_badges.

Easter Eggs

There are two hidden word lists, each unlocked by clicking a language label a specific number of times in quick succession (about 600ms between clicks).

🎅 HoHoHo (Christmas)

Triple-click the Dutch (NL) label (not the checkbox itself) while Dutch is the active word list. On the third click, the label changes to "🎅 HoHoHo" and the hohoho dictionary is activated. The Santa's Dirty Secret achievement unlocks at this point.

Click the label again while the Easter egg is active to reset it back to the Dutch list.

🦸 Secret Lair (Heroes)

Click the English (EN) label five times while English is the active word list. On the fifth click, the label changes to "🦸 Heroes" and the heroes dictionary is activated. The Secret Lair achievement unlocks at this point.

Click the label again while the Easter egg is active to reset it back to the English list.

Achievements

Achievements unlock automatically and appear as a toast notification. All unlocked badges are visible in the Stats panel. A handful — the three flagged as hidden (Hacker Man, The Matrix, Root Access) plus the two Easter-egg badges above — don't reveal themselves until earned.

Badge names and conditions below are pulled live from CHBSAchievements.badges and shown in the language you're currently reading this page in.

Generation milestones

Copy milestones

Sharing

Languages & word lists

Security & quality

Speed

Behaviour

Streaks & longevity

Time of day

Calendar dates

Password length novelties

Secret badges

These are hidden until earned and do not appear in the stats panel count beforehand.

Console API (Dev / Cheat)

Open the browser console and type CHBSAchievements.help() to see the full cheat sheet.