holm/the-glorious-startpage
1
0
Fork 0
forked from extern/the-glorious-startpage
Code Issues Pull Requests Packages Projects Releases Wiki Activity
a glorified startpage
47 Commits 2 Branches 0 Tags 52 MiB
JavaScript 62.7%
CSS 27.2%
HTML 10.1%
26e86af56f
Go to file
Gerome Matilla 26e86af56f documentation
2020-06-05 06:19:31 +08:00
assets add dock buttons 2020-06-04 08:14:24 +08:00
css use <a> tag as button for dockbuttons and webmenu buttons instead of mouseup event 2020-06-05 06:18:34 +08:00
fonts init 2020-06-04 07:31:49 +08:00
js documentation 2020-06-05 06:19:31 +08:00
scrots readme and scrots 2020-06-04 15:58:53 +08:00
index.html add keybinding 2020-06-04 15:09:22 +08:00
LICENSE readme and scrots 2020-06-04 15:59:06 +08:00
README.md fix link 2020-06-04 16:01:30 +08:00

README.md

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.