extern/the-glorious-startpage
1
0
Fork 1
mirror of https://github.com/manilarome/the-glorious-startpage.git synced 2024-11-27 18:13:33 +01:00
Code Issues Packages Projects Releases Wiki Activity
eacf044f07
the-glorious-startpage/README.md
Gerome Matilla df3066687d fix link
2020-06-04 16:01:30 +08:00

3.2 KiB
Raw Blame History

a modern looking startpage

maintained contributions HitCount

A feature-rich modern-looking startpage and pretty much work in progress

Live Preview

Gallery

Searchbar Settings
screenshot screenshot
Web Menu Weather Forecast
screenshot screenshot

It looks good on mobile too

Searchbar Settings
screenshot screenshot
Web Menu Weather Forecast
screenshot screenshot

Features

  • Responsive UI
  • Mobile Support with Swipe Gestures
  • Theme Settings - Change colors on-the-fly
  • Weather Forecast - OpenWeatherMap
  • Search engine selection
  • Dynamic Background
  • Web menu with Fuzzy Search
  • Keyboard Navigation
  • Pure Javascript!
  • And many bugs!

Keybindings

  • alt + s - toggles dashboard
  • alt + e - toggles web menu
  • alt + x - toggles weather screen
  • Escape - close panels/toggles web menu
  • Backspace - toggles search box

TODO

  • GUI Settings
  • Weather Forecast
  • Dynamic Background
  • Cleaner codeWIP
  • Keyboard navigation
  • Swipe gestures for mobile

Important Note

  • I'm using the backdrop-filter property to have the blur effect for the panels. If you're using Firefox, find layout.css.backdrop-filter.enabled then enable it.

  • You can now set your default search engine and OpenWeatherMap credentials using the GUI. It uses the window.localStorage so it's completely safe. I also provided a button that will allow you to delete/clear your credentials.

  • Openweather map API key is not included!

    How to get a credentials for the weather forecast?

    • OpenWeatherMap is the weather provider, so go to OpenWeatherMap's website.
    • Register, log-in, and then go here to generate your very own API keys.
    • Put your credentials in the settings in settings panel.

  • You can easily add a button on the dock and web menu by just adding website name, icon name, and website url in an array. Open js/sites-list.js. Make sure to put an icon with .svg extension for that website in assets/webcons/.

  • Add your own keyboard bindings in js/keybindings.js.

  • The code could be better, this is my first time writing a startpage from the ground up. I will improve this from time to time.

  • Found a bug, error or do you have a suggestion, feel free to open an issue or pull request.

  • Tested only on Firefox and Google Chrome.