https://github.com/Jaredk3nt/homepage

Custom homepage for use locally in browser
https://github.com/Jaredk3nt/homepage

homepage startpage startpages website

Last synced: about 1 month ago
JSON representation

Custom homepage for use locally in browser

• Host: GitHub
• URL: https://github.com/Jaredk3nt/homepage
• Owner: Jaredk3nt
• License: mit
• Created: 2017-12-25T17:47:47.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-07-22T16:02:01.000Z (5 months ago)
• Last Synced: 2024-08-01T12:18:32.205Z (4 months ago)
• Topics: homepage, startpage, startpages, website
• Language: HTML
• Homepage:
• Size: 20.5 KB
• Stars: 518
• Watchers: 12
• Forks: 150
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-startpage - Jaredk3nt's homepage - Custom homepage for use locally in browser. (Projects / Static)
• awesome-landing-page - https://github.com/Jaredk3nt/homepage

README

        
# [Homepage](https://danggoodcode.com/startpage)

![homepage](https://i.redd.it/cbnzq36zj3601.gif)

## Customization

### Customize Bookmarks

Bookmarks are now held in the `bookmarks.js` file for easy updating. `bookmarks` is an array of objects with a `title` and `links` property. The `title` defines what the header of the "bookmark section" box will be. `link` is an array of link objects each with a name and a url to link to.

> The way the site is currently styled bookmarks should always have a length of `4` if you want to have more sections you need to change the `width` property of the css class `bookmark-set`

### Customize Search Engine

You can change the search engine used by the search overlay by updating the url value stored in the `searchUrl` var in `index.html` to the correct string for your engine.

Examples:

- DuckDuckGo: `https://duckduckgo.com/?q=`

- Bing: `https://www.bing.com/search?q=`

### Customize Styling

Styles are handled through CSS variables. To update the colors you just need to change the variable definitions defined in `:root`.

| Variable           | default                    | description                                                                                                                |

| ------------------ | -------------------------- | -------------------------------------------------------------------------------------------------------------------------- |

| `--bg`             | `#5f4b8b`                  | Defines the body background color                                                                                          |

| `--fg`             | `#ffffff`                  | Defines the primary foreground (text) color for clock, weather, and titles                                                 |

| `--secondaryFg`    | `#b3b3b3`                  | Defines the foreground (text) color for links                                                                              |

| `--containerBg`    | `#272727`                  | Defines the background color of the boxes                                                                                  |

| `--searchBg`       | `--containerBg`            | Defines the background color of the search overlay                                                                         |

| `--scrollbarColor` | `#3f3f3f`                  | Defines the color of the custom scrollbars                                                                                 |

| `--fontFamily`     | `"Roboto Mono", monospace` | Defines the font used. To change to a custom font you will also have to import that font from whatever source is available |