A simple, dependency-less, customizable web page for your browser to open up to using Web Components.
- Customizable Color Scheme
- Easy to add your own sites
- Responsive to different screen sizes (still working on that part)
Very little setup is required to set this project up. Here's the steps:
- add a
sites.js
file in the js folder - create a variable named
siteList
, which is an array ofSite
objects - reload your browser
Example:
const siteList = [
new Site("Example", "https://www.example.com", "example.png"),
];
Folders can also be created. Each folder can hold an unlimited number of sites, but folders cannot be nested:
// ... siteList etc
new Folder("folderName", [
new Site("Example", "https://www.example.com", "example.png"),
]);
Images should be stored in /img
in css/vars.css
, you'll see a list of css variables that can be used on your
landing page. Feel free to customize them however you see fit.