Git Product home page Git Product logo

startpage's Introduction

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

startpage's People

Contributors

arbitrarily avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.