Skip to content

A simple startpage made with vanilla html, js, and css

License

Notifications You must be signed in to change notification settings

Dadangdut33/Startpage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Preview Preview

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 path from local file
  • Use the deployed link on github.
  • Host it yourself on your own website or Fork this repository and deploy it on your github account (if you prefer it that way).
  • Host it locally by using a simple web server like fenix (I recommend using the beta 3.0 version, it has auto startup and stuff)

Extension that you can use to override the new tab page:

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

Image sources:

About

A simple startpage made with vanilla html, js, and css

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published