dotHome - hackable startpage.

dotHome is a hackable startpage for your browser. You can preview dotHome here.

📜 INDEX

• 🎉 FEATURES
• ✅ TODO
• ❓ USAGE
• 🎨 THEMES

🎉 FEATURES

dotHome currently includes the following features:

• Easy configuration through a single file.
• Customizable Color Themes
• Clock changeable between 12 / 24 hour formats
• Greetings are easily modifiable
• Weather for your location through OpenWeatherMap
• Icons from Lucide.dev

✅ TODO

Note

Still a very rough todo list. Will be updated asap, once I get new Ideas!

• Website

  • Logo (text)
  • Searchbar
  • Greet User, different Greetings depending on current time
  • Change current default theme
  • "Bookmarks"
    • Dividable into lists and buttons
    • Use either FontAwesome or Lucide.dev for icons
    • ALSO: allow custom, user-set icons

• User Customizability

  • Search Engine Customization
  • Colors customizable through Config.js, allowing for Themes
    • More Advanced Customization, allowing the user to change transparency of objects
  • Inject custom CSS -> tutorial?

• Other

  • Run through Docker?

❓ USAGE

dotHome can be used as:

• a startpage for your browser
  • By configuring it in you browser. See Firefox or Chrome
• a new tab page for your browser
  • Using either this Firefox or Chromium Extension
• a kitchen utensil
  • sadly not... yet.

🎨 THEMES

dotHome has a small list of premade themes made by me. Feel free to just plug them into your config.js, they (should) be actively maintained.

Catpuccin Mocha

window.inputBorderColor = '#6e6c7e';
window.inputTextColor = '#b4befe';
window.inputBackgroundColor = '#1e1e2e';
window.inputShadowColor = '#00000026';
window.inputShadowInsetColor = '#313244';
window.inputTextShadowColor = '#ffffffa8';
window.inputFocusBorderColor = '#b4befe';
window.inputFocusShadowColor = '#ffffff26';
window.inputFocusShadowInsetColor = '#b4befe';
window.inputPlaceholderColor = '#b4befe';
window.logoGradientColor1 = '#1e1e2e';
window.logoGradientColor2 = '#1e1e2e';
window.logoTextShadowColor1 = '#00000026';
window.logoTextShadowColor2 = '#313244';
window.logoHoverGradientColor1 = '#302D41';
window.logoHoverGradientColor2 = '#45475A';
window.logoHoverTextShadowColor1 = '#b4befe25';
window.logoHoverTextShadowColor2 = '#302D41';
window.backgroundGradientColorBottom = '#1e1e2e';
window.backgroundGradientColorTop = '#1e1e2e';
window.greetingTextColor = '#b4befe60';