Search Autosuggestion | Settings |
---|---|
Web Menu | Weather Forecast |
---|---|
r/
+ subreddit name
will open the subreddit.w/
+ search query
to search in wikipedia.u/
+ search query
to search for an image/photo in unsplash.a/
+ search query
to search a product in amazon.e/
+ search query
to search a product in ebay.y/
+ search query
to search a video in youtube.n/
+ comic id
to search a "comic" in a certain "comic" website.Theme Engine
section.#RGB
, #RRGGBB
, and #RRGGBBAA
.px
suffix.s
and ms
.Add more buttons or web shortcuts in web menu by editing the webSites
array in js/config.js
. Make sure to put an icon with svg
format for the shortcut in assets/webcons/
folder.
const webSites = [
{
site: 'Reddit',
icon: 'reddit',
url: 'https://reddit.com/',
category: 'social'
},
...
]
To add more web shortcuts/buttons in the dock, you have to edit the dockSites
array in js/config.js
. Make sure to put an icon with svg
format for the shortcut in assets/webcons/
folder.
const dockSites = [
{
site: 'Reddit',
icon: 'reddit',
url: 'https://reddit.com/'
},
...
]
Add more search engine in selection by editing the searchEngines
object in js/config.js
. Make sure to follow the format below:
const searchEngines = {
'duckduckgo': {
name: 'Duckduckgo',
prefix: 'https://duckduckgo.com/?q='
},
...
}
Add more quick search shortcuts by editing the quickSearchData
object in js/config.js
. Make sure to follow the format below:
const quickSearchData = {
'r/': {
urlPrefix: 'https://reddit.com/r/'
},
...
Setting up your OpenWeatherMap credential is a breeze.
If you don't have an API key, follow this guide:
How to get a credentials for the weather forecast?
After this you can choose two locator modes - Geolocation
and City
.
In City Mode, you have to get your City ID in OpenWeatherMap website.
While Geolocation
mode offers GPS tracking. You don't need to get an ID. Note that you must allow the location permission request.
Put your API key in the Weather Settings
.
It's recommended to still put your City ID if you plan to use the geolocation
mode.
Apply.
Note:
If you're using firefox and you're planning to use the geolocation
, make sure to set the value of geo.provider.network.url
to https://location.services.mozilla.com/v1/geolocate?key=test
in about:config
. Google changed its policies, so now it requires a valid API key when accessing their geolocation service. This tells us that you need a valid API key in place of %GOOGLE_LOCATION_SERVICE_API_KEY%
. Citation.
If you're on mobile, make sure to enable your GPS and allow the location permission if you want to use geolocation
.
If you just set the startpage locally, the location permission will always pop-up even if you already accept/denied it. It's better to run it on a web server.
Google is the default search engine of the search bar, if you want to change it to DuckDuckGo or something:
Search Engine
section and select your preferred search engine.user.png
image file in assets/
.The background image changes based on time.
assets/backgrounds/
.webp
format.js/keybindings.js
.Make sure that javascript is enabled!
If you're using NoScript
and Dark Mode Reader
extensions make sure to disable them on the starpage! NoScript will disable javascript making this startpage useless. While, Dark Mode Reader will change the ligher CSS colors to dark, ruining the design.
If you're using firefox and blur effect is not enabled, open about:config
, accept the risks, find layout.css.backdrop-filter.enabled
, and set it to true to enable it. Refresh the startpage.
If you're using firefox and planning to use the geolocation, set the value of geo.provider.network.url
to https://location.services.mozilla.com/v1/geolocate?key=test
in about:config
.
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.