Awesome

<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> Catppuccin <a href="https://pivoshenko.github.io/catppuccin-startpage">Startpage</a> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> </h3> <p align="center"> <a href="https://github.com/pivoshenko/catppuccin-startpage/stargazers"> <img src="https://img.shields.io/github/stars/pivoshenko/catppuccin-startpage?style=for-the-badge&logo=starship&color=a6e3a1&logoColor=D9E0EE&labelColor=302D41"> </a> <a href="https://github.com/pivoshenko/catppuccin-startpage/issues"> <img src="https://img.shields.io/github/issues/pivoshenko/catppuccin-startpage?style=for-the-badge&logo=gitbook&color=fab387&logoColor=D9E0EE&labelColor=302D41"> </a> <a href="https://github.com/pivoshenko/catppuccin-startpage/contributors"> <img src="https://img.shields.io/github/contributors/pivoshenko/catppuccin-startpage?style=for-the-badge&logo=github&color=f38ba8&logoColor=D9E0EE&labelColor=302D41"> </a> </p> <p align="center"> <img src="assets/preview.png"/> </p>

🪴 Overview

Aesthetic and clean startpage in Catppuccin style, hosted on GitHub Pages. This startpage is based on the dawn, which has even more functionality. I've tweaked the page to match my dotfiles so check them out as well.

🧠 Main principles

Minimalism in everything
Consistency
Simplicity
One style
Reduced visual noise

🎨 Supported Palettes

Latte
Frappé
Macchiato
Mocha

🪵 Usage

Fork this repository and clone it
Optionally remove the .github directory as it contains only PR templates, issue labels, etc that are linked to this repository
Update userconfig.js:
- Set the desired palette: latte / frappe / macchiato / mocha
- Set your location for the weather widget
- Update the number of pages and their banners
- Update bookmarks and quick links for the one you are using the most :3

[!TIP] You can find icons for your bookmarks using tabler-icons

If you want to reduce the loading time of the icons, you could install the icon font locally and activate the option "localIcons": true in the config to disable the remote styles

As Homepage

Click the menu button and select Options/Preferences
Click the home panel
Click the menu next to the 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 and make sure you enable "Force links to open in the top frame (experimental)" in the extension's preferences page
If you use Chromium (Brave / Chrome): Custom New Tab URL

🖼️ Available banners

cbg-2	cbg-3	cbg-4	cbg-5
<img src="src/img/banners/cbg-2.gif" width=175>	<img src="src/img/banners/cbg-3.gif" width=175>	<img src="src/img/banners/cbg-4.gif" width=175>	<img src="src/img/banners/cbg-5.gif" width=175>

cbg-6	cbg-7	cbg-8	cbg-9
<img src="src/img/banners/cbg-6.gif" width=175>	<img src="src/img/banners/cbg-7.gif" width=175>	<img src="src/img/banners/cbg-8.gif" width=175>	<img src="src/img/banners/cbg-9.gif" width=175>

cbg-10	cbg-11	cbg-12	cbg-13
<img src="src/img/banners/cbg-10.gif" width=175>	<img src="src/img/banners/cbg-11.gif" width=175>	<img src="src/img/banners/cbg-12.gif" width=175>	<img src="src/img/banners/cbg-13.gif" width=175>