A creative 404 error page featuring the word "lost" translated into 130+ languages, displayed in a visually appealing word cloud format.
- Multilingual: Contains "lost" translated into over 130 different languages
- Responsive Design: Adapts to all screen sizes (landscape and portrait)
- Full Screen: Always fills the entire viewport
- Centered Focus: The word "lost" remains centered at all times
- Random Layout: If JavaScript is enabled, the translations are randomly repositioned on each page load
- Pure CSS: No external dependencies required
- SVG-based: Scalable vector graphics for crisp rendering at any size
- Format: 16:9 aspect ratio (1920x1080 viewBox)
- Styling: Pure CSS with flexbox centering
- Languages: 130+ unique translations from various language families
- Font: Arial/Helvetica sans-serif
- Colors: White for "lost", various shades of gray for translations
Simply open index.html in any modern web browser. The page works without any server or build process.
# Open directly in browser
open index.htmlOr serve it with any static web server:
# Python 3
python -m http.server 8000
# Node.js (http-server)
npx http-serverYou can customize:
- Colors: Modify the
fillattributes in the SVG text elements - Fonts: Change the
font-familyin the SVG style section - Background: Adjust the
background-colorin the CSS - Translations: Add or modify words in the SVG
This repository includes a GitHub Actions workflow that automatically:
- Creates a ZIP file containing
index.html - Publishes it as a release named "last"
- Updates the release on every push to main/master branch
The workflow runs automatically on each push and creates a downloadable ZIP perfect for deploying to Cloudflare Pages or any static hosting service.
You can deploy this 404 page to Cloudflare Pages in several ways:
- Download the latest release: 404-page.zip
- Go to Cloudflare Pages
- Create a new project
- Upload the ZIP file directly
- Configure your custom 404 page in Cloudflare settings
- Connect your GitHub repository to Cloudflare Pages
- Configure build settings:
- Build command:
echo "No build needed" - Build output directory:
/
- Build command:
- Deploy automatically on each push
# Install Wrangler
npm install -g wrangler
# Deploy
wrangler pages deploy . --project-name=404-lost-in-translationThe index.html file is completely self-contained and can be deployed to:
- Netlify: Drag and drop the ZIP or connect via Git
- Vercel: Import the repository or use
vercelCLI - GitHub Pages: Enable in repository settings
- Any static hosting: Upload the HTML file
Works in all modern browsers that support:
- CSS Flexbox
- SVG
- ES6 JavaScript (for random shuffling)
Gracefully degrades if JavaScript is disabled - translations remain in their original positions.
MIT License - see LICENSE.md for details.
Ronan Le Meillat - SCTG Development
© 2025 All rights reserved.
Feel free to submit issues or pull requests if you'd like to add more translations or improve the design!
The page features "lost" translated into 131 languages:
- lost - English
- perdu - French
- kadonnut - Finnish
- verloren - German/Dutch
- потерянный - Russian
- 失われた - Japanese
- สูญหาย - Thai
- 丢失 - Chinese (Simplified)
- 잃어버린 - Korean
- فقد - Arabic
- אבד - Hebrew
- χαμένος - Greek
- förlorade - Swedish
- tapt - Norwegian
- tabt - Danish
- galduta - Basque
- elveszett - Hungarian
- missed - English
- изгубен - Macedonian
- खो गया - Hindi
- शेर हो गया - Hindi
- stracony - Polish
- borta - Swedish
- kayboldu - Turkish
- tévedt - Hungarian
- vermisst - German
- perdido - Spanish/Portuguese
- felizg - Unknown
- disperso - Italian/Spanish
- ztracený - Czech
- kadonnud - Estonian
- perdut - Catalan
- загублений - Ukrainian
- pierdut - Romanian
- tapita - Swahili
- zudis - Latvian
- paveldėti - Lithuanian
- 사라진 - Korean
- 失った - Japanese
- hilang - Malay/Indonesian
- tappato - Maltese
- നഷ്ടപ്പെട്ടു - Malayalam
- пропавший - Russian
- 消失した - Japanese
- desaparecido - Spanish/Portuguese
- 消えた - Japanese
- spărit - Romanian
- пропащий - Russian
- zagubiony - Polish
- zablúdený - Slovak
- extraviado - Spanish
- kayıp - Turkish
- perduto - Italian
- izmidzis - Latvian
- пропаднал - Bulgarian
- დაკარგული - Georgian
- կորած - Armenian
- жоғалған - Kazakh
- verlore - Afrikaans
- caduto - Italian
- difuminat - Romanian
- faillí - Irish
- hävinnyt - Finnish
- perdida - Spanish/Portuguese (feminine)
- izgubljen - Serbian/Croatian
- απολεσθέν - Greek (ancient)
- তলাশা - Bengali
- perso - Italian
- χαμένο - Greek
- ضاع - Arabic
- kaybolmuş - Turkish
- 失われる - Japanese
- שאבד - Hebrew
- förlust - Swedish
- kaybetti - Turkish
- caillte - Irish
- smarrito - Italian
- kadonneena - Finnish
- rătăcit - Romanian
- desaparegut - Catalan
- загубљен - Serbian (Cyrillic)
- жоғалды - Kazakh
- անհետացել - Armenian
- হারিয়ে - Bengali
- утерянный - Russian
- 行方不明 - Japanese
- stratený - Slovak
- ausente - Spanish/Portuguese
- исчезнувший - Russian
- elhagyott - Hungarian
- rozptýlený - Czech
- ztratil - Czech
- katonut - Finnish
- desapareguda - Catalan (feminine)
- втрачений - Ukrainian
- dispărut - Romanian
- umepotea - Swahili
- pazudis - Latvian
- dingo - Lithuanian
- 길잃은 - Korean
- 紛失 - Japanese
- kehilangan - Indonesian/Malay
- mitiet - Latvian
- extraño - Spanish
- נעלם - Hebrew
- затерянный - Russian
- desvanecido - Spanish
- kaybolan - Turkish
- verschwunden - German
- sparito - Italian
- 消逝 - Chinese
- norimet - Unknown
- égaré - French
- eltűnt - Hungarian
- 消える - Japanese
- zaginiony - Polish
- пропал - Russian
- absens - Latin
- ضائع - Arabic
- zâmbit - Romanian
- пропало - Russian
- കളഞ്ഞു - Malayalam
- dingęs - Lithuanian
- försvunnen - Swedish
- егарь - Belarusian
- изчезнал - Bulgarian
- સ્વાહા - Gujarati
Note: Some translations may have multiple variants or regional differences. Language identification is approximate for some words.