Skip to content

Dontmindeme/custom-newpage

Repository files navigation

Screenshot

Custom New Tab

This is a custom new tab for my browser that I created after begin inspired by a post I saw on the r/firefoxCSS subreddit. Here's what it features:

  • A customizable Bookmark list
  • A Quote of the day from this api
  • A Tasklist
  • A Searchbar and clock
  • A List of youtube channels linking to their newest videos using the youtube api.

Installation

This is going to be a long install process, so buckle up. This guide assumes basic knowledge of javascript and json. If not google can help.

  • Download this repository

  • Install FiraCode-Regular.ttf after unzipping the file. ( This installs Fira Code which is necessary. )

  • Run the command npm run startup in your respective cmd after installing Node.js and running npm install. (This will install all the required packages and run webpack)

  • Write options.js: Create a file in the repo and name it options.js. You will need create a file similar to this example with your own preferences.

  • Install this chrome extension, open its options and set the new tab url to the index.html file in this repo.

  • Open a new tab and press Ctrl+Shift+J or open the console and type Startup()