A sleek and modern startpage
MIT License
r/
+ subreddit name
will open the subreddit if valid or existing.
r/unixporn
r/startpages
w/
+ search query
to search on wikipedia.
w/linux
w/Javascript
u/
+ search query
to search for an image/photo on unsplash.
u/nature
u/technology
a/
+ search query
to search a product on amazon.
a/intel celeron
a/windows 10 source code
e/
+ search query
to search a product on ebay.
e/pentium 4
e/uranium core
y/
+ search query
to search a video on youtube.
y/how to build a nuclear reactor
y/strange alien sightings in oregon
n/
+ comic id
to search a "comic" on a certain "comic" website.
n/177013
g/
+ search query
to search a for a repo/user on github.
g/manilarome
g/squareup
g/manilarome/squareup
Searching a valid URL will redirect you to the said URL. Note that a protocol, https://
for example, is required.
https://haveibeenpwned.com/
query is valid, so you will be redirected to https://haveibeenpwned.com/.google.com
is not a valid URL, so it will search it on your default search engine.www.duckduckgo.com
is also invalid because it doesn't have a protocol.You can also pass a query by using the q
parameter. The default search engine will be used.
manilarome.github.io/squareup?q=how to build a nuclear reactor at home
127.0.0.1?q=how to download more RAM in google play store
file:///PATH/TO/squareup/index.html?q=how to restore system32
Change the color scheme by just clicking a button!
Dark
- Dark colorscheme. Good for the night.Light
- Bright colorscheme. Good for killing the eyes.Auto
- Load a colorscheme based on time. Edit light/dark mode hours on js/config.js
To add more web shortcuts/buttons on the dock, you have to edit the panelSites
array in js/config.js
. Make sure to put an icon with svg
format for the shortcut in assets/webcons/
folder.
// Example
const panelSites = [
{
site: 'Reddit',
icon: 'reddit',
url: 'https://reddit.com/'
},
...
]
Add more items or web shortcuts in the 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.
// Example
const webSites = [
{
site: 'Reddit',
icon: 'reddit',
url: 'https://reddit.com/',
category: 'social'
},
...
]
Add more quick search shortcuts by editing the quickSearchData
object in js/config.js
. Make sure to follow the format below:
// Example
const quickSearchData = {
'r/': {
urlPrefix: 'https://reddit.com/r/'
},
...
}
Startpage is the default search engine, if you want to change it, just click the switcher button on the panel.
Available search engines:
Add more search engine by editing the searchEngines
object in js/config.js
. Make sure to follow the format below:
// Example
const searchEngines = {
'duckduckgo': {
name: 'Duckduckgo',
prefix: 'https://duckduckgo.com/?q='
},
...
}
There are two clock modes available - 24-hour
and 12-hour
. Switch between clock modes by just clicking on the clock. Simple.
NoScript
and Dark Mode Reader
extensions on this homepage.css/animated-background.css
.Squareup will sit between minimal and bloated. The items in this TODO list are the only one I'm planning to implement in this homepage.
Feel free to open one!
That would be great!
Check my other works related to this startpage.