tszhong0411 / Bonjourr

Minimalist & lightweight startpage inspired by iOS

Bonjourr is a home page for your Internet browser inspired by the looks of iOS.
While it aims to look and feel minimal, it still brings you lots of options to customise it to your liking. Here's some features:

• 🍏 iOS design language
• 🏞 Dynamic 4K backgrounds that change according to the mood of the day
• ⚡️ Fast & lightweight!
• 🔎 Search bar (compatible with all search engines)
• 🕰 Analog clock with multiple clock faces
• 🌤 Weather
• 🔗 Quick Links
• 👋 Greets you by your name
• 🌘 Dark mode
• 🥖 Emoji as favicon
• 🧑‍💻 Custom CSS styling
• 📝 Custom fonts
• 🔒 Privacy focused
• 🌎 Multilanguage

🚀 Install Bonjourr!

Chrome • Firefox • Edge • Safari • or try it online

👋 Get in touch

Check out our Telegram group where we discuss ideas, features and bug reports. You can also send us an email or follow us on Twitter :)

✍️ Contribute

Here's a list of things you can do to help us out:

• Give us feedback (positive and negative!) on how you use Bonjourr
• Suggest new features or improvements of the existing ones
• Create new CSS snippets or custom profiles
• Translate to a new language, or complete an existing one
• Contribute to our website
• Add new quotes (especially non english/french) to the API
• Suggest new Unsplash photos

🌟 Spread the word!

If you just want to say thank you and support our work, here's some ideas:

• Tweet what you like about Bonjourr! (tag us, @BonjourrTeam)
• Leave a review on Chrome, Firefox or Edge
• Add a GitHub Star to the repository ⭐️

☕ Donate

If you feel like we've earned it and you want to support independant open source developpers, we'll gladly accept your donations! It motivates us to keep improving Bonjourr and makes it feel more real :)

Our Ko-Fi Page • or donate in crypto

👨‍💻 Running Bonjourr locally

Chrome

Initialize

• Install npm
• npm install -g pnpm
• pnpm install

Build

• pnpm run build

Run & watch

• pnpm run chrome

Browser extension launch

• Go to chrome://extensions
• Enable Developer mode
• Load unpacked and select /release/chrome folder

Firefox

• Follow the initialize and build steps from Chrome

Run & watch

• pnpm run firefox

Browser extension launch

• Go to about:debugging#/runtime/this-firefox
• Select "Load temporary Add-on"
• Select manifest.json in /release/firefox folder

Edge

• Follow the initialize and build steps from Chrome

Run & watch

• pnpm run edge

Browser extension launch

• Go to edge://extensions
• Enable Developer mode
• Load unpacked and select /release/edge folder
• Replace manifest with /src/manifests/edge.json
• And rename edge.json to manifest.json

Safari

• Follow install steps on the Safari repository

Online

• Follow the initialize and build steps from Chrome

Run & watch

• pnpm run online

Web server launch

• Open a live server from /release/online folder

🔧 Built with

• Styled with Sass
• Scripts with pure JS
• Releases bundled with Gulp, see dependencies
• Our tiny hands 🙌

👀 Authors

• Tahoe Beetschen · portfolio · GitHub
• Victor Azevedo · portfolio · GitHub

🧑‍💻 Contributors and translations

• 🇸🇪 Swedish translation · Benjamin Horn · GitHub
• 🇳🇱 Dutch translation · Osman Temiz
• 🇵🇱 Polish translation · Mateusz K & Jakub Mikuło
• 🇷🇺 Russian translation · OemDef
• 🇨🇳 Simplified Chinese translation · Shuhuai Cao · GitHub
• 🇧🇷 Brazilian Portuguese translation · Adilson Santos · Github
• 🇸🇰 Slovak translation · Roman Bartík
• 🇩🇪 German translation · Bernhard Wittmann · GitHub
• 🇮🇹 Italian translation · Trazalca · GitHub
• 🇪🇸 Spanish translation · José Alberto · GitHub
• 🇺🇦 Ukrainian translation · Anton Boksha · GitHub
• 🇹🇷 Turkish translation · Müslüm Barış Korkmazer · GitHub
• 🇮🇩 Indonesian translation · Imam Ali Mustofa · GitHub
• 🇩🇰 Danish translation · kar1 · GitHub
• 🇫🇮 Finnish translation · jaajko · Jaajko · GitHub
• 🇭🇺 Hungarian translation · cook3r · GitHub
• 🇭🇰 Traditional Chinese translation · Pu · GitHub