aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--.github/PULL_REQUEST_TEMPLATE.md4
-rw-r--r--CONTRIBUTING.md6
-rw-r--r--README.md2
-rw-r--r--docs/configuration.md2
-rw-r--r--docs/development.md4
-rw-r--r--docs/tips-and-tricks.md10
-rw-r--r--src/assets/themes/sui.scss2
-rw-r--r--src/components/DynamicTheme.vue2
8 files changed, 16 insertions, 16 deletions
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index d32ca78..9a6fe43 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -12,7 +12,7 @@ Fixes # (issue)
12 12
13## Checklist: 13## Checklist:
14 14
15- [ ] I read & comply with the [contributing guidelines](https://github.com/bastienwirtz/homer/blob/master/CONTRIBUTING.md) 15- [ ] I've read & comply with the [contributing guidelines](https://github.com/bastienwirtz/homer/blob/master/CONTRIBUTING.md)
16- [ ] I have tested my code for new features & regressions on both mobile & desktop devices, using the latest version of major browsers. 16- [ ] I have tested my code for new features & regressions on both mobile & desktop devices, using the latest version of major browsers.
17- [ ] I have made corresponding changes the documentation (README.md). 17- [ ] I have made corresponding changes the documentation (README.md).
18- [ ] I've check my modifications for any breaking change, especially in the `config.yml` file 18- [ ] I've checked my modifications for any breaking changes, especially in the `config.yml` file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 438c6e7..458a147 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -6,10 +6,10 @@ First off, thank you for considering contributing to Homer!
6 6
7### Project philosophy 7### Project philosophy
8 8
9Homer is meant to be a light and very simple dashboard that keeps all your usefull utilities at hands. The few features implemented in Homer focus on 9Homer is meant to be a light and very simple dashboard that keeps all your useful utilities at hands. The few features implemented in Homer focus on
10UX and usability. If you are looking for a full featured dashboard, there is tons of great stuff out there like https://heimdall.site/, https://github.com/rmountjoy92/DashMachine or https://organizr.app/. 10UX and usability. If you are looking for a full featured dashboard, there is tons of great stuff out there like https://heimdall.site/, https://github.com/rmountjoy92/DashMachine or https://organizr.app/.
11 11
12- Configuration is stored in a simple config file, avoiding the need for a backend/database while making possible to use versionning or [config template](https://docs.ansible.com/ansible/latest/user_guide/playbooks_templating.html). 12- Configuration is stored in a simple config file, avoiding the need for a backend/database while making possible to use versioning or [config template](https://docs.ansible.com/ansible/latest/user_guide/playbooks_templating.html).
13- Only modern browsers are supported, feel free to use any JS features without any polyfill as soon as the latest version of the major browsers supports them. 13- Only modern browsers are supported, feel free to use any JS features without any polyfill as soon as the latest version of the major browsers supports them.
14 14
15### Roadmap 15### Roadmap
@@ -21,7 +21,7 @@ Feel free to open an issue if you have any question.
21 21
22### Code of conduct and guidelines 22### Code of conduct and guidelines
23 23
24First of all, we expect everyone (contributors and maintainers alike) to respect the [Code of conduct](https://github.com/bastienwirtz/homer/blob/master/CODE_OF_CONDUCT.md). It is not a recomandation, it is mandatory. 24First of all, we expect everyone (contributors and maintainers alike) to respect the [Code of conduct](https://github.com/bastienwirtz/homer/blob/master/CODE_OF_CONDUCT.md). It is not a recommendation, it is mandatory.
25 25
26For all contributions, please respect the following guidelines: 26For all contributions, please respect the following guidelines:
27 27
diff --git a/README.md b/README.md
index 3313977..d35f743 100644
--- a/README.md
+++ b/README.md
@@ -45,7 +45,7 @@
45- [Configuration](docs/configuration.md) 45- [Configuration](docs/configuration.md)
46- [Tips & tricks](docs/tips-and-tricks.md) 46- [Tips & tricks](docs/tips-and-tricks.md)
47- [Roadmap](#roadmap) 47- [Roadmap](#roadmap)
48- [Developement](docs/developement.md) 48- [Development](docs/development.md)
49 49
50 50
51## Features 51## Features
diff --git a/docs/configuration.md b/docs/configuration.md
index 7df5651..43e9ba1 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -1,6 +1,6 @@
1## Configuration 1## Configuration
2 2
3Title, icons, links, colors, and services can be configured in the `config.yml` file (located in `/assets` directory once built, or in the `public/assets` directory in developement mode), using [yaml](http://yaml.org/) format. 3Title, icons, links, colors, and services can be configured in the `config.yml` file (located in `/assets` directory once built, or in the `public/assets` directory in development mode), using [yaml](http://yaml.org/) format.
4 4
5```yaml 5```yaml
6--- 6---
diff --git a/docs/development.md b/docs/development.md
index 6ea1cba..f2e9020 100644
--- a/docs/development.md
+++ b/docs/development.md
@@ -1,4 +1,4 @@
1## Developement 1## Development
2 2
3```sh 3```sh
4# Using yarn (recommended) 4# Using yarn (recommended)
@@ -13,7 +13,7 @@ npm run serve
13### Themes 13### Themes
14 14
15Themes are meant to be simple customization (written in [scss](https://sass-lang.com/documentation/syntax)). 15Themes are meant to be simple customization (written in [scss](https://sass-lang.com/documentation/syntax)).
16To addd a new theme, just add a file in the theme directory, and put all style in the `body #app.theme-<name>` scope. Then import it in the main style file. 16To add a new theme, just add a file in the theme directory, and put all style in the `body #app.theme-<name>` scope. Then import it in the main style file.
17 17
18```scss 18```scss
19// `src/assets/themes/my-awesome-theme.scss` 19// `src/assets/themes/my-awesome-theme.scss`
diff --git a/docs/tips-and-tricks.md b/docs/tips-and-tricks.md
index 175c271..9f35987 100644
--- a/docs/tips-and-tricks.md
+++ b/docs/tips-and-tricks.md
@@ -7,7 +7,7 @@ Here is a collection of neat tips and tricks that Homer users have come up with!
7 7
8These extensions for [Firefox](https://addons.mozilla.org/firefox/addon/custom-new-tab-page) and [Chrome & Friends](https://chrome.google.com/webstore/detail/new-tab-changer/occbjkhimchkolibngmcefpjlbknggfh) allow you to have your homer dashboard in your new tab page, while leaving focus on the address bar meaning you can still type right away if you want to search or go to a page that is not on your homer dash. 8These extensions for [Firefox](https://addons.mozilla.org/firefox/addon/custom-new-tab-page) and [Chrome & Friends](https://chrome.google.com/webstore/detail/new-tab-changer/occbjkhimchkolibngmcefpjlbknggfh) allow you to have your homer dashboard in your new tab page, while leaving focus on the address bar meaning you can still type right away if you want to search or go to a page that is not on your homer dash.
9 9
10The firefox extension loads Homer in an iframe on your new tab page, meaning you have to add `target: '_top'` to each of your items. 10The Firefox extension loads Homer in an iframe on your new tab page, meaning you have to add `target: '_top'` to each of your items.
11 11
12```yaml 12```yaml
13- name: "Reddit" 13- name: "Reddit"
@@ -24,7 +24,7 @@ The firefox extension loads Homer in an iframe on your new tab page, meaning you
24## YAML Anchors 24## YAML Anchors
25#### `by @JamiePhonic` 25#### `by @JamiePhonic`
26 26
27Since Homer is configured using YAML, it supports all of YAML's helpful fetaures, such as anchoring! 27Since Homer is configured using YAML, it supports all of YAML's helpful features, such as anchoring!
28 28
29For example, you can define tags and tag styles for each "item" in a service. 29For example, you can define tags and tag styles for each "item" in a service.
30Using Anchoring, you can define all your tags and their styles once like this: (for example) 30Using Anchoring, you can define all your tags and their styles once like this: (for example)
@@ -66,13 +66,13 @@ Then when Homer reads your config, it will substitute your anchors automatically
66 target: "_blank" # optional html tag target attribute 66 target: "_blank" # optional html tag target attribute
67``` 67```
68 68
69The end result is that if you want to update the name or style of any perticular tag, just update it once, in the tags section! 69The end result is that if you want to update the name or style of any particular tag, just update it once, in the tags section!
70Great if you have a lot of services or a lot of tags! 70Great if you have a lot of services or a lot of tags!
71 71
72## Remotely edit your config with Code Server 72## Remotely edit your config with Code Server
73#### `by @JamiePhonic` 73#### `by @JamiePhonic`
74 74
75Homer doesn't yet provide a way to edit your configuration from inside Homer itself, but that doesnt mean it cant be done! 75Homer doesn't yet provide a way to edit your configuration from inside Homer itself, but that doesn't mean it cant be done!
76 76
77You can setup and use [Code-Server](https://github.com/cdr/code-server) to edit your `config.yml` file from anywhere! 77You can setup and use [Code-Server](https://github.com/cdr/code-server) to edit your `config.yml` file from anywhere!
78 78
@@ -123,4 +123,4 @@ So, using [Node-Red](https://nodered.org/docs/getting-started/) and a quick flow
123 123
124To get started, simply import [this flow](https://flows.nodered.org/flow/4b6406c9a684c26ace0430dd1826e95d) into your Node-Red instance and change the RSS feed in the "Get News RSS Feed" node to one of your choosing! 124To get started, simply import [this flow](https://flows.nodered.org/flow/4b6406c9a684c26ace0430dd1826e95d) into your Node-Red instance and change the RSS feed in the "Get News RSS Feed" node to one of your choosing!
125 125
126So far, the flow has been tested with BBC News and Sky News, however it should be easy to modify the flow to work with other RSS feeds if they dont work out of the box! 126So far, the flow has been tested with BBC News and Sky News, however it should be easy to modify the flow to work with other RSS feeds if they don't work out of the box!
diff --git a/src/assets/themes/sui.scss b/src/assets/themes/sui.scss
index f94433e..352fd78 100644
--- a/src/assets/themes/sui.scss
+++ b/src/assets/themes/sui.scss
@@ -1,6 +1,6 @@
1/* 1/*
2 * SUI theme 2 * SUI theme
3 * Inpired by the great https://github.com/jeroenpardon/sui start page 3 * Inspired by the great https://github.com/jeroenpardon/sui start page
4 * Author: @bastienwirtz 4 * Author: @bastienwirtz
5 */ 5 */
6body #app.theme-sui { 6body #app.theme-sui {
diff --git a/src/components/DynamicTheme.vue b/src/components/DynamicTheme.vue
index fc2fd55..2d37fcb 100644
--- a/src/components/DynamicTheme.vue
+++ b/src/components/DynamicTheme.vue
@@ -25,7 +25,7 @@ export default {
25 for (const themeVars in theme) { 25 for (const themeVars in theme) {
26 let value = `${theme[themeVars]}`; 26 let value = `${theme[themeVars]}`;
27 if (!value) { 27 if (!value) {
28 value = "inital"; 28 value = "initial";
29 } else if (themeVars == "background-image") { 29 } else if (themeVars == "background-image") {
30 value = `url(${theme[themeVars]})`; 30 value = `url(${theme[themeVars]})`;
31 } 31 }