Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daledavies/jump
Jump is a self-hosted startpage and real-time status page for your server designed to be simple, stylish, fast and secure.
https://github.com/daledavies/jump
dashboard directory docker home homepage javascript links php portal self-hosted selfhosted selfhosted-apps start startpage status-page unsplash weather
Last synced: about 1 month ago
JSON representation
Jump is a self-hosted startpage and real-time status page for your server designed to be simple, stylish, fast and secure.
- Host: GitHub
- URL: https://github.com/daledavies/jump
- Owner: daledavies
- License: mit
- Created: 2022-02-04T09:01:41.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-15T05:02:51.000Z (8 months ago)
- Last Synced: 2024-08-03T16:08:20.892Z (5 months ago)
- Topics: dashboard, directory, docker, home, homepage, javascript, links, php, portal, self-hosted, selfhosted, selfhosted-apps, start, startpage, status-page, unsplash, weather
- Language: PHP
- Homepage:
- Size: 28.8 MB
- Stars: 502
- Watchers: 9
- Forks: 35
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-startpage - Jump - Self-hosted startpage designed to be simple, stylish, fast and secure. (Projects / Hosted)
- awesome-homelab - Jump - hosted startpage and real-time status page for your server designed to be simple, stylish, fast and secure. | (Apps / Dashboard)
README
# Jump
Jump is a self-hosted startpage and real-time status page for your server designed to be simple, stylish, fast and secure.
### Features
- Fast, easy to deploy, secure.
- Easily add sites and use custom icons, or let Jump fetch their original favicons.
- Categorise sites with tags across multiple pages.
- Real-time status monitoring for each site.
- Use your own background images or get random background images from Unsplash.
- Fast search by name, tag, url with keyboard shortcut.
- Custom list of search engines accessed via search box.
- Open Weather Map integration for local time and weather.
- Several layout options, including responsive UI for mobile devices.
- Easily enable/disable all configuration options, tailor Jump to suit your needs.
### Demo - [jumpdemo.daledavies.co.uk](https://jumpdemo.daledavies.co.uk)
Note - the demo instance is hosted on a render.com free tier so may take a few seconds to wake up.
## Installation
### Docker Compose
Get the container image from Docker Hub (https://hub.docker.com/r/daledavies/jump).
The following will start Jump and serve the page at http://localhost:8123 with a custom site name, Open Weather Map support, and volumes to map Jump's "backgrounds", "favicon", "search" and "sites" directories to local directories on your machine.
`OWMAPIKEY` and `LATLONG` values below are just for example - refer to the [environment variables](https://github.com/daledavies/jump?tab=readme-ov-file#environment-variables).
```yaml
version: '3'
services:
web:
image: daledavies/jump
ports:
- 8123:8080
volumes:
- ./backgrounds:/backgrounds
- ./favicon:/favicon
- ./search:/search
- ./sites:/sites
environment:
SITENAME: 'Custom site name'
OWMAPIKEY: '0a1b2c3d4e5f6a7b8c9d0a1b'
LATLONG: '51.509865,-0.118092'
```
#### Volume Mapping
You can map the "backgrounds", "favicon", "search" and "sites" directories to local directories as shown in the Docker Compose example above. Your local directories will be populated with Jump's default files when the container is next started unless the local directories already contain files, in which case the local files will be used by Jump instead.
#### Docker
The same can be achieved just using Docker CLI...
```bash
docker run -d -p 8123:8080 \
--volume :/backgrounds \
--volume :/favicon \
--volume :/sites \
--volume :/search \
--env SITENAME='Custom site name' \
--env OWMAPIKEY='' \
--env LATLONG='' \
--name jump docker.io/daledavies/jump
```
### Kubernetes
There is a [Helm chart for Jump](https://artifacthub.io/packages/helm/djjudas21/jump), provided by @djjudas21.
Enable the Helm repo:
```sh
helm repo add djjudas21 https://djjudas21.github.io/charts/
```
Check out the default [values.yaml](https://github.com/djjudas21/charts/blob/main/charts/jump/values.yaml) and make your own copy,
overriding the values are necessary. All the same [environment variables](https://github.com/daledavies/jump?tab=readme-ov-file#environment-variables)
are supported.
The key difference is that there is no need to create and mount `sites.json` and `search.json`. Enter your sites and search engines config
as YAML in `values.yaml` and Helm will create Kubernetes [ConfigMap](https://kubernetes.io/docs/concepts/configuration/configmap/) resources
and mount them into the container as virtual files.
Finally, install Jump with Helm:
```sh
helm install my-jump djjudas21/jump -f values.yaml
```
### Without Docker
Clone this repository and copy everything within the `jumpapp` directory to your server, edit `config.php` accordingly.
Install dependencies via composer by running the following command within the web root...
```bash
composer install --no-dev
```
Make sure you have created a cache directory and given the web user permission to write to it, the cache directory should match your `config.php` entry for `cachedir`.
## Configuration
### Environment variables
You can use the following optional environment variables to configure/customise your Jump site...
- `SITENAME` - Custom site name.
- `SHOWCLOCK` - Show the clock (default: 'true').
- `AMPMCLOCK` - Show 12 hour clock format(default: 'false').
- `SHOWGREETING` - If false show the label "#home" instead of "good morning/evening" (default: 'true').
- `CUSTOMGREETING: 'Some other greeting message'` - Show a custom greeting message instead.
- `SHOWSEARCH` - Show the search button, enable/disable search (default: 'true').
- `ALTLAYOUT` - Display list of sites using an [alternative layout](/screenshots/screenshot-altlayout.png) (default: 'false').
- `CUSTOMWIDTH` - Set a custom max width in px for the page container/site list.
- `BGBLUR` - Background image blur percentage (e.g. 50).
- `BGBRIGHT` - Background image brightness percentage (e.g. 90).
- `UNSPLASHAPIKEY` - An API key for Unsplash, enables fetching random background images from Unsplash.
- `UNSPLASHCOLLECTIONS` - List of Unsplash collection ID's (separated by commas) to select random images from.
- `ALTBGPROVIDER` - An alternative background provider url.
- `OWMAPIKEY` - An API key for Open Weather Map, LATLONG (below) must also be defined.
- `LATLONG` - A latitude and longitude for the default location (e.g. "51.509865,-0.118092").
- `METRICTEMP:` - Metric (C) or imperial (F) temperature units (default: 'true').
- `CHECKSTATUS` - Enable/disable checking site availability status (default: 'true').
- `STATUSCACHE` - Duration in minutes to cache site availability status.
- `NOINDEX` - Include a robots noindex meta tag in site header (default: 'true').
- `WWWURL` - Useful if Jump is hosted in a sub-directory (e.g. "/startpage").
- `DISABLEIPV6` - Disable IPV6 if required (default: 'false').
- `DOCKERSOCKET` - Mounted docker socket location, for Docker integration without a proxy (e.g "/var/run/docker.sock").
- `DOCKERPROXYURL` - Docker proxy URL, for Docker integration with a proxy (e.g. "dockerproxy:2375").
- `DOCKERONLYSITES` - Set to true if you want to only use docker integration and not define a `sites.json` (default: 'false').
- `LANGUAGE` - Set to your chosen [language code](#language) (default: 'en').
- `CACHEBYPASS` - Bypass all caches, useful for testing changes (default: 'false').
- `DEBUG` - Enable debug mode (default: 'false').
**NOTE:** The `OWMAPIKEY` and `LATLONG` config options must be defined together. `DOCKERSOCKET` and `DOCKERPROXYURL` are mutually exclusive.
### Open Weather Map
You can configure Jump to get local time and weather updates by adding an Open Weather Map API key to `config.php` or passing the `OWMAPIKEY ` environment variable to the Docker container (as described above).
You will also need to provide a default `LATLONG` string (e.g. "51.509865,-0.118092"), Jump will use this until you press the location button and allow permission to get your location from the web browser.
### Sites
The `sites.json` file is where you can define default configuration for sites and add a list of sites manually to the startpage, this is great for adding sites that are hosted anywhere on the web.
Jump can also integrate with Docker to automatically list any sites you have running on the same Docker host.
#### Site defaults and manual configuration
Edit the `/sites/sites.json` file to include your own sites on the startpage...
```json
{
"default": {
"nofollow": true,
"icon": "my-default-icon.png",
"newtab": false
},
"sites": [
{
"name": "Github",
"url" : "https://github.com/daledavies/jump",
"description": "This is an example description",
"nofollow": false,
"newtab": true
},
{
"name": "Docker Hub",
"url" : "https://hub.docker.com/r/daledavies/jump"
},
{
"name": "Bitwarden",
"url" : "https://bitwarden.example.com",
"description": "This is another example of a site with a description",
"icon": "bitwarden.png",
"tags": ["stuff"]
},
{
"name": "Gitea",
"url" : "https://git.example.com",
"icon": "gitea.png",
"tags": ["stuff"]
},
{
"name": "Nextcloud",
"url" : "https://cloud.example.com",
"icon": "nextcloud.png",
"tags": ["home", "stuff", "things"]
}
{
"name": "Google",
"url" : "https://www.google.com",
"nofollow": false
},
{
"name": "Teapot",
"url" : "https://www.google.com/pagedoesnotexist",
"status": {
"allowed_status_codes": [418],
"request_method": "GET",
"url": "https://www.google.com/teapot",
"verify_cert": false
}
}
]
}
```
* `name` and `url` are mandatory.
* `description`, `tags`, `nofollow`, `newtab`, `icon` and `status` are optional.
##### Tags
Sites can be categorised using tags, for each site in your `sites.json` file you can list multiple tags as shown in the example above. Sites that have no tags are included on the home screen, however for sites with multiple tags you can specify the "home" tag to include them on the home screen.
The tag selector button will only appear in the top right of the page if you have tagged sites, clicking this will open a popup menu showing all the tags referenced in your `sites.json` file.
##### Default Options
Jump has a built-in default icon for sites that do not specify their own although you can override this and specify your own as shown above in the `default` section.
You can also override `nofollow` and `newtab` to be `true` for all sites.
##### Icons
You can provide custom icons for your sites by placing them in the `/sites/icons/` directory and referencing the filename in `sites.json` using the `icon` option. If you do not provide a custom icon for a site then Jump will attempt to retrieve that site's favicon, if it can't find one then the default icon will be shown.
Jump also supports [Dashboard Icons](https://github.com/walkxcode/dashboard-icons). To use these pick the icon you wish to use from the [Dashboard Icons repository](https://github.com/walkxcode/dashboard-icons/tree/main/svg) and add it's file name using the `icon` option, removing the file extension. For example... `adguard-home`.
##### nofollow
On a per-site basis use `"nofollow": true` to include `rel="nofollow"` on specific site links, if this is set as a global default then `"nofollow": false` can be used to remove `rel="nofollow"` for individual sites.
##### newtab
On a per-site basis use `"newtab": true` to open specific site links in a new browser tab.
##### status
Options to control how status checking works can be defined for each site...
- `allowed_status_codes`: A list of additional status codes (in the 4XX and 5XX ranges) that could represent the site is online, for example if the site responds with "418 I'm a teapot".
- `request_method`: By default Jump will make a HEAD request when checking a site's status, you can use this option to specify `GET` instead.
- `url`: An alternate status URL to check instead of the main site URL.
- `verify_cert`: Disable SSL certificate verification, useful for sites with self-signed certs.
#### Docker Integration
It is highly recommended to use a [docker socket proxy](https://github.com/Tecnativa/docker-socket-proxy) when setting up Docker integration, this does not directly expose your host's docker API to Jump.
##### Using a proxy
```yaml
# Configure docker socket proxy container
dockerproxy:
image: tecnativa/docker-socket-proxy:latest
environment:
- CONTAINERS=1 # Allow access to view containers
- POST=0 # Make the connection read only
volumes:
- /var/run/docker.sock:/var/run/docker.sock:ro # Read only mount for local socket
# Configure Jump to use docker socket proxy
web:
image: daledavies/jump
ports:
- 8123:8080
volumes:
- ./backgrounds:/backgrounds
- ./favicon:/favicon
- ./search:/search
- ./sites:/sites
environment:
SITENAME: 'Custom site name'
DOCKERPROXYURL: 'dockerproxy:2375' # Matches proxy hostname and ports from above
depends_on:
- dockerproxy # Ensure dockerproxy is available before starting jump
```
##### Configuring docker sites for Jump
Then each for each docker service you with to list on your startpage, configure labels as follows. Each label below matches the options found in the manual configuration section above...
```yaml
somesite:
image: dockerimage
labels:
jump.name: 'Test Site'
jump.url: 'https://test.site'
jump.description: 'This is a site for testing'
jump.tags: 'home, stuff, things'
jump.status.allowed_status_codes: '418, 500'
jump.status.request_method: 'GET'
jump.status.verify_cert: false
```
### Search
Edit the `/search/searchengines.json` file to customise the list of search engines available from the search dropdown, the first search engine in the list will be the default...
```json
[
{
"name": "Google",
"url": "https://www.google.co.uk/search?q="
},
{
"name": "DuckDuckGo",
"url": "https://duckduckgo.com/?q="
},
{
"name": "Bing",
"url": "https://www.bing.com/search?q="
}
]
```
For quick access to the search from the keyboard you can open the search bar using the `ctrl-shift-/` keyboard shortcut and start typing straight away.
### Background Images
To use your own background images just copy them to the `/backgrounds/` directory, Jump will pick up on them automatically ans show a random image every time the page loads.
If instead you want to use Unsplash for random background images add an Unsplash API key to `config.php` or pass the `UNSPLASHAPIKEY ` environment variable to the Docker container. You can provide a comma separated list of collection ID's using the `unsplashcollections` option in `config.php` or by passing them to the Docker container via the `UNSPLASHCOLLECTIONS` environment variable.
### Favicon
After mapping the `favicon` directory as shown in the Docker Compose or Docker examples above, replace the default `icon.png` file with whatever PNG icon image you want (ensuring that the filename is always `icon.png`).
### Language
Jump has been translated into the following languages so far, to use one of these languages just pass the appropriate language code from the list below via the `language` option in `config.php` or the `LANGUAGE` environment variable...
- `cs` - Czech
- `de` - German
- `es` - Spanish
- `it` - Italian
- `nl` - Dutch
- `pt` - Portuguese
- `ru` - Russian
- `ua` - Ukrainian
More translations are always welcome! If you'd like to contribute please see the existing [examples](https://github.com/daledavies/jump/tree/main/jumpapp/translations) and create a pull request.
### Debugging
Occasionally things don't work out as expected! If you get an error and want to find out a bit more information you can use the built in debug option. To enable this set `debug` to `true` in `config.php` or via the `DEBUG` environment variable.
When resolving problems it can also help to use the `cachebypass` option, this will disable all caching in Jump.
## Development
Patches, improvements and feature requests are welcomed although I want to avoid anything that requires an admin interface or user accounts.
For development you will need to install composer dependencies by running `composer install` from within the `jumpapp` directory.
Javascript is bundled using Webpack, so you will need to have installed Node.js. Then within the root project directory (the same level as webpack.config.js) you should run `npm install`.
Before starting development you can run `npm run dev`, this will watch for changes to files within the `/jumpapp/assets/js/src/`, `/jumpapp/assets/css/src/` and `/jumpapp/templates/src/` directories and bundle them on the fly. Javascript and CSS bundles created in development mode will not be minified and will contain source maps for debugging.
You can test a production build using `npm run build` which will bundle and minify the javascript and CSS source files without source maps, header and footer templates will be created containing the correct links to newly created javascript and CSS bundles.
Please do not commit any generated files however, only commit the patched source files.