Skip to content

dmccollough1/startpage

 
 

Repository files navigation

image

Live Preview

Preview: Startpage & New Tab Page

This is the page I use on every new window/tab load in my browsers. It's personalized for me, but of course I invite forks and mods. Enjoy.


Notes

There's a file JSON file named conf.json in the root of the project.

It should look like this:

{
  "ethplorerURL": "https://api.ethplorer.io/getAddressInfo/X?apiKey=X&showETHTotals=true",
  "etherscanURL": "https://api.etherscan.io/api?module=account&action=balance&address=X&tag=latest&apikey=X",
  "alchemyURL": "X",
  "techmemeURL": "X",
  "nytURL": "X",
  "redditURL": "X",
  "instapaperURL": "X",
  "lexiURL": "X",
  "counterURL": "X",
  "lastFMURL": "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=X&api_key=X&format=json&limit=1",
  "ipKey" : "X"
}

The params instapaperURL, techmemeURL, nytURL, redditURL, alchemyURL, lexiURL are websites where I render the html/rss into an HTML column.

counterURL is an endpoint I use to track pageviews. ethplorerURL gives wallet stats. etherscanURL is unused currently. lastFMURL gives my last played song and total count of scrobbles. ipKey is a free key you get for IP checks from https://ipinfo.io.

The background images are randomly chosen from a series of images I serve on my own website.


Keyboard Commands

There's some 'hidden' power user features in here in the form of keyboard commands:

Left Option (KeyCode 18) - Settings (reset on page refresh)

  • Use loption + i to toggle ("I"-nvert) light / dark mode.
  • Use loption + x to get the latest Now Playing song.
  • Use loption + c to toggle ("C"-olors) CSS/SVG based background animation.
  • Use loption + v to get refresh ("V"-iew) the background wallpaper.
  • Use loption + b to toggle ("B"-lur) background blur to better view the background image.
  • Use loption + ] to toggle news feed resize to get an alternative, larger news feed.
  • Use loption + Backspace to toggle the mouse cursor.

Left Option (KeyCode 18) - Search Toggles

  • Use loption + 1 to toggle search bar to PoE Wiki.
  • Use loption + 2 to toggle search bar to YouTube.
  • Use loption + 3 to toggle search bar to DuckDuckGo.
  • Use loption + 4 to toggle search bar to Google Translate (imperfect at the moment).
  • Use loption + 5 to toggle search bar to Apple Music.
  • Use loption + 6 to toggle search bar to LastFM.
  • Use loption + 7 to toggle search bar to Twitter.
  • Use loption + 8 to toggle search bar to Google News.
  • Use loption + 9 to toggle search bar to Github.
  • Use loption + 0 to toggle search bar to Google.
  • Use loption + - to toggle search bar to MidJourney.

Left Shift (KeyCode 16) - News Feed

  • Use lshift + 1 to toggle my Instapaper bookmarks.
  • Use lshift + 2 to toggle the Techmeme news feed.
  • Use lshift + 3 to toggle the New York Times news feed.
  • Use lshift + 4 to toggle the Reddit news feed.
  • Use lshift + 5 to toggle the NFT collection feed (imperfect at the moment).
  • Use lshift + 6 to toggle the Lexichronic feed.

Publishing

Publishing to Surge

surge . abstracted-war.surge.sh

About

Startpage / New Tab Page for Browsers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 44.1%
  • JavaScript 37.0%
  • CSS 18.9%