Skip to content
/r/startpage or new tab page
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit b24245f Nov 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
react google voice bookmark Nov 12, 2019
static moved to static folder Oct 27, 2019
.DS_Store gitignore Feb 19, 2019
.gitignore
README.md new link in readme Nov 2, 2019
manifest.json manifect.json Sep 2, 2019

README.md

startpage [demo]

a /r/startpage and new tab page

config

lastfm

to show your current scrobble from last.fm (or libre.fm), update the apikey and username.

apikey = ""; // FILL IN
apibase = "https://ws.audioscrobbler.com/2.0/";
user = ""; // FILL IN

weather

open weather map is being used, location is grabbed with navigator.geolocation, add your own api key in the api url.

xhr.open(
  "GET",
  "http://api.openweathermap.org/data/2.5/weather?zip=ZIPCODE,us&units=Imperial&appid=APIKEY"
);

links

just copy the filler links in the bookmark container and add your own!

search

add a definition to the searchmod dictionary with the following infortmation (example below)

"e:": ["example", "https://example.com/search?q=", "(to right, #fe8c00, #f83600)", "#fe8c00"]
  • the key is the what you type before your querty to search that site
  • the first element is the name displayed above the searchbar
  • the second element is the site's base search url
  • the third element is the background for the searchbox (i recommend gradients)
  • the fourth element is the color of the name displated above the searchbox

background switcher

you can add background to toggle throughy by adding images, colors, or gradients to the background array (example below)

["#08AEEA", "linear-gradient(to left, #e2e2e2 0%, #2AF598 100%)"];

the background will be set to both values, so you can add a fallback.


thanks to jaredk3nt and maxbeier for the resources and inspiration.

You can’t perform that action at this time.