MinTab

A minimal, elegant, easy to configure startpage.

Features

• Themeable.
• Easy to configure.
• Time format can be set to 24 or 12 hours (24h is default).
• New quotes everytime you open a new tab.
• Full icons support from Remix Icon.

Usage

As Home Page:

1. Fork this repo.
2. Enable the Github Pages service Settings > GitHub Pages > Source [master branch] > Save.
3. Set it as Home Page:
   • Click the menu button. and select Options. Preferences.
   • Click the Home panel.
   • Click the menu next to Homepage and new windows and choose to show custom URLs and add your Github Pages link

As New Tab:

You can use different Add-ons/Extensions for it

• If you use Firefox: Custom New Tab Page
• If you use Chromium (Brave, Vivaldi, Chrome): Custom New Tab URL

Customization

Links

You can change icons and list links in the config.js file. Just select an icon from Remix Icon or a name, and a link:

const ICONS = [
  {
    icon: "ri-youtube-fill",
    link: "https://www.youtube.com/"
  },
  {
    icon: "ri-whatsapp-fill",
    link: "https://web.whatsapp.com/"
  },
  {
    icon: "ri-reddit-fill",
    link: "https://www.reddit.com/"
  },
  {
    icon: "ri-github-fill",
    link: "https://www.github.com/"
  }
]

const LIST_ITEMS = [
  {
    name: "music",
    link: "https://music.youtube.com"
  },
  {
    name: "netflix",
    link: "https://www.netflix.com/"
  },
  {
    name: "r/unixporn",
    link: "https://www.reddit.com/r/unixporn/"
  },
  {
    name: "r/firefoxcss",
    link: "https://www.reddit.com/r/firefoxcss/"
  },
]

You can copy this format and add as many links as you want.

Clock

You can set hour format for 24 or 12 hour clock in the config.js file. Just set hour12 to true or false:

const CONFIG = {
  hour12  : false
}

Theme

You can change colors, font and animation speed at the top of the styles.css file:

:root {
  --fgColor   : #ffffff; /* foreground color */
  --bgColor   : #212121; /* background color */
  --bgFilter  : rgba(0, 0, 0, 0.1); /* background image filter */
  --font      : "Roboto"; /* custom font */

  --animationSpeed  : 0.2s; /* speed for animations when hovering/resizing */
}

Also, you can change the background image by overwriting the bg.jpg file.

Thanks to

• imreyesjorge/root-startpage: A simple and clean startpage.
• migueravila/Bento: Minimalist, elegant and simple startpage inspired by the Bento box!.
• teiem1: r/startpages moderator.
• ratabb: for implementing a quotes api.