From 239ef1688df3f3e1233d819a0cf809cdb0a6d379 Mon Sep 17 00:00:00 2001 From: Gabe Cook Date: Wed, 22 Jul 2020 15:06:26 -0500 Subject: :bug: Remove fa-fw from main logo to fix Font Awesome duotone issues --- src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.vue b/src/App.vue index d7054a7..5f52c8f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -14,7 +14,7 @@
{{ config.subtitle }} -- cgit v1.2.3 From e4537f134b02966e98b30520563395e17a1afe78 Mon Sep 17 00:00:00 2001 From: simonporte <32496803+simonporte@users.noreply.github.com> Date: Mon, 29 Jun 2020 21:39:47 +0200 Subject: Added docker-compose.yml Plus short explanation in readme Changed the commit as pointed by @Shuro Explained readme more as asked by @bastienwirtz --- README.md | 29 +++++++++++++++++++++++++++++ docker-compose.yml | 14 ++++++++++++++ 2 files changed, 43 insertions(+) create mode 100644 docker-compose.yml diff --git a/README.md b/README.md index 170b9d7..c35d57f 100644 --- a/README.md +++ b/README.md @@ -70,12 +70,41 @@ See [documentation](docs/configuration.md) for information about the configurati ### Using docker +To launch container : + ```sh docker run -p 8080:8080 -v /your/local/assets/:/www/assets b4bz/homer:latest ``` Default assets will be automatically installed in the `/www/assets` directory. Use `UID` and/or `GID` env var to change the assets owner (`docker run -e "UID=1000" -e "GID=1000" [...]`). +### Using docker-compose + +The `docker-compose.yml` file must be edited to match your needs. +Set the port and volume (equivalent to -p and -v arguments) : + +```yaml +volumes: + - /your/local/assets/:/www/assets +ports: + - 8080:8080 +``` + +To launch container : + +```sh +cd /path/to/docker-compose.yml +docker-compose up -d +``` + +Default assets will be automatically installed in the `/www/assets` directory. Use `UID` and/or `GID` env var to change the assets owner, also in `docker-compose.yml` : + +```yaml +environment: +- UID=1000 +- GID=1000 +``` + ### Using the release tarball (prebuilt, ready to use) Download and extract the latest the latest release (`homer.zip`) from the [release page](https://github.com/bastienwirtz/homer/releases), rename the `assets/config.yml.dist` file to `assets/config.yml`, and put it behind a webserver. diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..85e9156 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,14 @@ +--- +version: "2" +services: + homer: + image: b4bz/homer + container_name: homer + volumes: + - /your/local/assets/:/www/assets + ports: + - 8080:8080 + #environment: + # - UID=1000 + # - GID=1000 + restart: unless-stopped -- cgit v1.2.3 From 68c36d6c54cc0946313db73729a998456570ba62 Mon Sep 17 00:00:00 2001 From: Gabe Cook Date: Tue, 28 Jul 2020 17:14:02 -0500 Subject: :bug: Fix alignment when navbar link name is empty --- src/components/Navbar.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index c688a3a..ae84166 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -28,8 +28,7 @@ > {{ link.name }} -- cgit v1.2.3 From 4f04feb2dad16248408666c09d22f4e9267a1e0e Mon Sep 17 00:00:00 2001 From: Daniel Vos <45820840+vosdev@users.noreply.github.com> Date: Mon, 3 Aug 2020 20:00:52 +0200 Subject: Add chrome extension for a custom new tab page I finally found a chrome extension that gives the same functionality as the firefox extension for the custom new tab page. I have updated the docs accordingly! --- docs/tips-and-tricks.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/tips-and-tricks.md b/docs/tips-and-tricks.md index fda670d..175c271 100644 --- a/docs/tips-and-tricks.md +++ b/docs/tips-and-tricks.md @@ -5,9 +5,9 @@ Here is a collection of neat tips and tricks that Homer users have come up with! ## Use Homer as a custom "new tab" page #### `by @vosdev` -This [extension](https://addons.mozilla.org/firefox/addon/custom-new-tab-page) allows 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. +These 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. -The extension loads Homer in an iframe on your new tab page, meaning you have to add `target: '_top'` to each of your items. +The firefox extension loads Homer in an iframe on your new tab page, meaning you have to add `target: '_top'` to each of your items. ```yaml - name: "Reddit" -- cgit v1.2.3 From 6777bc347bd7992a5797b02d0a0bc0c7e43df46e Mon Sep 17 00:00:00 2001 From: Gabe Cook Date: Wed, 22 Jul 2020 15:42:43 -0500 Subject: :sparkles: Add support for a custom stylesheet --- src/App.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/App.vue b/src/App.vue index 5f52c8f..272b3f6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -160,6 +160,9 @@ export default { this.config = merge(defaults, config); this.services = this.config.services; document.title = `${this.config.title} | ${this.config.subtitle}`; + if (this.config.stylesheet) { + this.createStylesheet(`@import "${this.config.stylesheet}";`); + } }, methods: { getConfig: function (path = "assets/config.yml") { @@ -235,6 +238,11 @@ export default { }, }; }, + createStylesheet: function(css) { + let style = document.createElement('style'); + style.appendChild(document.createTextNode(css)); + document.head.appendChild(style); + }, }, }; -- cgit v1.2.3 From 71cf63eb3bdeeced46e7eec4d62ef8cc4ca38800 Mon Sep 17 00:00:00 2001 From: Gabe Cook Date: Wed, 22 Jul 2020 16:23:33 -0500 Subject: :pencil: Document new stylesheet config --- docs/configuration.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/configuration.md b/docs/configuration.md index 1ced2d8..f0b0a31 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -26,6 +26,10 @@ connectivityCheck: true # whether you want to display a message when the apps ar # Optional theming theme: default # 'default' or one of the theme available in 'src/assets/themes'. +# Optional custom stylesheet +# Will load a custom CSS file. Especially useful for custom icon sets. +# stylesheet: "assets/custom.css" + # Here is the exaustive list of customization parameters # However all value are optional and will fallback to default if not set. # if you want to change only some of the colors, feel free to remove all unused key. -- cgit v1.2.3 From 8e5ee54a7896ac8db720093f30cab8e7a0fddda1 Mon Sep 17 00:00:00 2001 From: Gabe Cook Date: Sat, 29 Aug 2020 02:43:02 -0500 Subject: :wrench: Make stylesheet config be an array of files --- docs/configuration.md | 5 +++-- src/App.vue | 6 +++++- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/configuration.md b/docs/configuration.md index f0b0a31..edcf1ed 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -27,8 +27,9 @@ connectivityCheck: true # whether you want to display a message when the apps ar theme: default # 'default' or one of the theme available in 'src/assets/themes'. # Optional custom stylesheet -# Will load a custom CSS file. Especially useful for custom icon sets. -# stylesheet: "assets/custom.css" +# Will load custom CSS files. Especially useful for custom icon sets. +# stylesheet: +# - "assets/custom.css" # Here is the exaustive list of customization parameters # However all value are optional and will fallback to default if not set. diff --git a/src/App.vue b/src/App.vue index 272b3f6..03760fd 100644 --- a/src/App.vue +++ b/src/App.vue @@ -161,7 +161,11 @@ export default { this.services = this.config.services; document.title = `${this.config.title} | ${this.config.subtitle}`; if (this.config.stylesheet) { - this.createStylesheet(`@import "${this.config.stylesheet}";`); + let stylesheet = ''; + for (const file of this.config.stylesheet) { + stylesheet += `@import "${file}";`; + } + this.createStylesheet(stylesheet); } }, methods: { -- cgit v1.2.3