Bilingual website for BnOS (Business OS / Bitcoin Nostr Operating System)
bnos.space/
├── index.html # ✅ Language selector with auto-detection
├── css/
│ └── style.css # ✅ Shared stylesheet (refactored from inline styles)
├── en/ # English version
│ ├── index.html # ✅ Main landing page
│ ├── comming.html # ✅ Coming soon page with countdown
│ └── manual.html # ✅ Full documentation/manual
└── lo/ # Lao version (ພາສາລາວ)
├── index.html # ⏳ To be completed (copy & translate from en/index.html)
├── comming.html # ✅ Coming soon page (Lao translation complete)
└── manual.html # ⏳ To be completed (copy & translate from en/manual.html)
- css/style.css - Centralized stylesheet
- Extracted common styles from inline CSS
- Includes:
- Navigation & language switcher
- Buttons & animations
- Background elements (stars, orbs, gradients)
- Footer styles
- Responsive design breakpoints
- Auto-detection: Detects browser language preference
- Manual selection: Language switcher on all pages
- Persistent: Remembers user's choice in localStorage
- Bilingual support: EN (English) and ລາວ (Lao)
- ✅ index.html - Full landing page with hero, features, etc.
- ✅ comming.html - Coming soon page with countdown timer
- ✅ manual.html - Complete documentation
- ✅ comming.html - Fully translated with Lao font support
- lo/index.html - Translate main landing page to Lao
- lo/manual.html - Translate documentation to Lao
-
Copy the English version:
cp en/index.html lo/index.html cp en/manual.html lo/manual.html
-
Update each file:
- Change
lang="en"tolang="lo" - Add Noto Sans Lao font in
<head>:<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
- Update font-family in CSS to include Lao font first
- Translate all text content to Lao
- Update language switcher links
- Update meta tags (title, description) to Lao
- Change
Deploy the website using:
./deploy-bnos.shThis script:
- Reads server config from
.env(SITE_SERVER, SITE_PORT, SITE_REMOTE_PATH) - Zips the entire
docs/bnos.spacedirectory - Uploads to
/var/www/bnos.space/html/ - Extracts and sets permissions
- Cleans up zip files
All pages should link to the shared stylesheet:
<link rel="stylesheet" href="../css/style.css" />.nav- Fixed navigation bar.lang-switcher- Language toggle buttons.btn-primary- Primary orange button.btn-secondary- Secondary outline button.orb,.orb-1,.orb-2- Floating gradient backgrounds.stars- Animated star field.footer- Fixed footer with social links
float- Floating orb animationpulse- Pulsing dot/borderrotate- 360° rotationtwinkle- Star twinklinglogoGlow- Logo glow effect
font-family:
"Inter",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;font-family:
"Noto Sans Lao",
"Inter",
-apple-system,
BlinkMacSystemFont,
sans-serif;When translating to Lao:
- Maintain structure: Keep HTML structure identical
- Font support: Always include Noto Sans Lao
- Text direction: Lao is left-to-right (same as English)
- Key terms:
- Business OS → ລະບົບປະຕິບັດການທຸລະກິດ
- Lightning → Lightning (keep English)
- Nostr → Nostr (keep English)
- Bitcoin → Bitcoin (keep English)
- Point of Sale → ລະບົບຈຸດຂາຍ
To view locally, use any static server:
# Python 3
python -m http.server 8000
# Node.js
npx serve .
# PHP
php -S localhost:8000Then visit http://localhost:8000
For questions about the website or translations, refer to the main DEPLOYMENT.md in the root directory.