mthus' cool startpage

This is a simple little browser startpage I made using HTML, CSS and JavaScript.

The goal was to make this as keyboard-centric as possible, so basically every action can be performed with a single keypress.

Here's what it kinda looks like:

You can switch between the two modes using the 1 and 2 keys (like WM workspaces) or clicking on them.

Other cool features include:

• Shortcut keys are highlighted in a random color everytime.
• For supported sites, lower case shortcuts make the search bar search the shortcut website in question.
• Upper case shortcuts take you to the website directly.
• 4chan shortcut (did this for a friend I don't use this website I swear) takes you to the board typed in the search bar.
• Add new links just by adding the name in the site list with the highlited letter preceded by an *.

Running

The list of websites and services you want displayed, as well as your location (for weather) must be placed on an env.js file similar to the example:

export const list_of_websites = [
    {'name': "*Backloggd", 'url': 'https://backloggd.com'}, 
    {'name': "Wi*kipedia", 'url': 'https://wikipedia.org'}, 
    ...]
export const list_of_services = [{
		'name': '*Cloud',
		'desc': 'Cloud Server',
		'url': 'https://cloud.example.com',
		'icon': 'fa-solid fa-cloud',
		'shortcut': 'c'
    }, ...]
export const location = {
    "lat": "<latitude>",
    "lon": "<longitude>",
    "tz": "<IANA Timezone Code>"
}

Side-image artwork by waneella