About

A simple customizable startpage for your browser. Some ideas and design are inspired and taken from r/startpages.

Installation

To use this as your homepage, you have to change the homepage and new tab in your browser settings. You can either set local file, host it yourself, or use the deployed link on github. You can also fork this repository and deploy it yourself on your github account (if you prefer it that way).

Firefox: I use new tab override
Chromium: Custom new tab

Customization

This startpage is very customizable. You can change the search engine, window title, username, favicon, cover image, opacity, blur, bookmarks, page css, etc. background, the search engine, the links, and the colors.

Bookmarks

Bookmarks use json format. It's an array of objects that is formatted like this

[
  {
    "title": "Title",
    "links": [
      {
        "label": "Name",
        "value": "URL"
      }
    ]
  }
]

User styles

User styles are written in css. You can change the already provided :root variables. You can also override the classes that are already provided in the css files.

Default variables:

:root {
  --bg-image: url("");
  --bg-color: #282a36;
  --card-bg-color: #44475a4d;
  --card-shadow-color: #6272a4;
  --light-color: #dbdbdb;
  --light-dim-color: #b3b3b3;
  --primary-color: #50fa7b;
  --primary-dim-color: #05a82e;
  --secondary-color: #bd93f9;
  --secondary-dim-color: #a76ef7;
  --search-input-color: #f8f8f2;
  --search-btn-color: #6272a4;
  --search-btn-hover-color: #ffffff1a;
  --gray: #44475a;
  --warning-color: #ffb86c;
  --danger-color: #ff5555;
  --danger-dim-color: #ff0000;
}

Attribution

Base design and some ideas from r/startpages mainly startpagev2 by aman333nolawz
url validator by validator.js
Scanlines animation by LernyWensi