Skip to content

Commit 382f86e

Browse files
committed
📝 Creates showcase page
1 parent 369c6f1 commit 382f86e

9 files changed

+109
-24
lines changed

README.md

+33-11
Original file line numberDiff line numberDiff line change
@@ -30,18 +30,27 @@
3030
- Small bundle size, fully responsive UI and PWA makes the app easy to use on any device
3131
- Plus lots more...
3232

33-
**Live Demos**: [Demo 1](https://dashy-demo-1.as93.net)[Demo 2](https://dashy-demo-2.as93.net)[Demo 3](https://dashy-demo-3.as93.net)
33+
## Demo
3434

35-
**Spin up your own demo**: [![One-Click Deploy with PWD](https://img.shields.io/badge/Play--with--Docker-Deploy-2496ed?style=flat-square&logo=docker)](https://labs.play-with-docker.com/?stack=https://raw.githubusercontent.com/Lissy93/dashy/master/docker-compose.yml)
35+
> For more examples of Dashy in action, see: [**The Showcase**](./docs/showcase.md)
3636
37-
**Screenshots**
38-
![Screenshots](https://i.ibb.co/r5T3MwM/dashy-screenshots.png)
37+
#### Live Demos
38+
[Demo 1](https://dashy-demo-1.as93.net)[Demo 2](https://dashy-demo-2.as93.net)[Demo 3](https://dashy-demo-3.as93.net)
39+
40+
#### Spin up your own Demo
41+
- 1-Click Deploy: [![One-Click Deploy with PWD](https://img.shields.io/badge/Play--with--Docker-Deploy-2496ed?style=flat-square&logo=docker)](https://labs.play-with-docker.com/?stack=https://raw.githubusercontent.com/Lissy93/dashy/master/docker-compose.yml)
42+
- Or on your own machine: `docker run -p 8080:80 lissy93/dashy`
3943

40-
**Recording**
44+
#### Recording
4145
<p align="center">
4246
<img width="800" src="https://i.ibb.co/L8YbNNc/dashy-demo2.gif" alt="Demo">
4347
</p>
4448

49+
#### User Showcase
50+
Are using Dashy? Want to share your dashboard here too - [Submit your Screenshots to the Showcase](./docs/showcase.md#submitting-your-dashboard)!
51+
52+
![Screenshots](https://i.ibb.co/r5T3MwM/dashy-screenshots.png)
53+
4554
**[⬆️ Back to Top](#dashy)**
4655

4756
---
@@ -131,7 +140,7 @@ You may find these [example config](https://gist.github.com/Lissy93/000f712a5ce9
131140
132141
<p align="center">
133142
<a href="https://i.ibb.co/BVSHV1v/dashy-themes-slideshow.gif">
134-
<img alt="Example Themes" src="/docs/assets/theme-slideshow.gif" width="400">
143+
<img alt="Example Themes" src="https://raw.githubusercontent.com/Lissy93/dashy/master/docs/assets/theme-slideshow.gif" width="400">
135144
</a>
136145
</p>
137146

@@ -204,7 +213,7 @@ Dashy has an optional feature that can display a small icon next to each of your
204213
By default, this feature is off, but you can enable it globally by setting `appConfig.statusCheck: true`, or enable/ disable it for an individual item, with `item[n].statusCheck`. You can also specify an time interval in seconds under `appConfig.statusCheckInterval`, which will determine how often to recheck services, if this value is `0`, then status is only checked on initial page load, this is default behavior.
205214

206215
<p align="center">
207-
<img alt="Status Checks demo" src="/docs/assets/status-check-demo.gif" width="600">
216+
<img alt="Status Checks demo" src="https://raw.githubusercontent.com/Lissy93/dashy/master/docs/assets/status-check-demo.gif" width="600">
208217
</p>
209218

210219
**[⬆️ Back to Top](#dashy)**
@@ -229,7 +238,19 @@ The modal and workspace views work by rendering the target application in an ifr
229238

230239
Here's a quick demo of the workspace view:
231240
<p align="center">
232-
<img alt="Workspace view demo" src="/docs/assets/workspace-demo.gif" width="600">
241+
<img alt="Workspace view demo" src="https://raw.githubusercontent.com/Lissy93/dashy/master/docs/assets/workspace-demo.gif" width="600">
242+
</p>
243+
244+
**[⬆️ Back to Top](#dashy)**
245+
246+
---
247+
248+
## Config Editor ⚙️
249+
250+
From the Settings Menu in Dashy, you can download, backup, edit and rest your config. An interactive editor makes editing the config file easy, it will tell you if you've got any errors. After making your changes, you can either apply them locally, or export into your main config file. After saving to the config file to the disk, the app will need to be rebuilt. This will happen automatically, but may take a few minutes. You can also manually trigger a rebuild from the Settings Menu. A full list of available config options can be found [here](./docs/configuring.md). It's recommend to make a backup of your configuration, as you can then restore it into a new instance of Dashy, without having to set it up again.
251+
252+
<p align="center">
253+
<img alt="Workspace view demo" src="https://raw.githubusercontent.com/Lissy93/dashy/master/docs/assets/config-editor-demo.gif" width="600">
233254
</p>
234255

235256
**[⬆️ Back to Top](#dashy)**
@@ -357,7 +378,8 @@ The 1-Click deploy demo uses [Play-with-Docker Labs](https://play-with-docker.co
357378

358379
### Alternatives 🙌
359380

360-
There are a few self-hosted web apps, that serve a similar purpose to Dashy. If you're looking for a dashboard, and Dashy doesn't meet your needs, I highly recommend you check these projects out! Including, but not limited to: [HomeDash2](https://lamarios.github.io/Homedash2), [Homer](https://github.com/bastienwirtz/homer) (`Apache License 2.0`), [Organizr](https://organizr.app/) (`GPL-3.0 License`) and [Heimdall](https://github.com/linuxserver/Heimdall) (`MIT License`)
381+
There are a few self-hosted web apps, that serve a similar purpose to Dashy. If you're looking for a dashboard, and Dashy doesn't meet your needs, I highly recommend you check these projects out!
382+
[HomeDash2](https://lamarios.github.io/Homedash2), [Homer](https://github.com/bastienwirtz/homer) (`Apache License 2.0`), [Organizr](https://organizr.app/) (`GPL-3.0 License`) and [Heimdall](https://github.com/linuxserver/Heimdall) (`MIT License`)
361383

362384
**[⬆️ Back to Top](#dashy)**
363385

@@ -387,8 +409,8 @@ OR OTHER DEALINGS IN THE SOFTWARE.
387409
**TDLR;** _You can do whatever you like with Dashy: use it in private or commercial settings,_
388410
_redistribute and modify it. But you must display this license and credit the author._
389411
_There is no warranty that this app will work as expected, and the author cannot be held_
390-
_liable for anything that goes wrong._ For more info, see
391-
[TLDR Legal's MIT Explanation of the MIT License](https://tldrlegal.com/license/mit-license)
412+
_liable for anything that goes wrong._
413+
For more info, see TLDR Legal's [Explanation of MIT](https://tldrlegal.com/license/mit-license)
392414
393415
![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png?v8)
394416

docs/assets/config-editor-demo.gif

1.86 MB
Loading

docs/configuring.md

+13-13
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
## Configuring
1+
# Configuring
22

33
All app configuration is specified in [`/public/conf.yml`](https://github.com/Lissy93/dashy/blob/master/public/conf.yml) which is in [YAML Format](https://yaml.org/) format.
44

@@ -11,17 +11,17 @@ There's a couple of things to remember, before getting started:
1111
- You can check that your config file fits the schema, by running `yarn validate-config`
1212
- Any which are only saved locally through the UI need to be exported into this file, in order for them to persist across devices
1313

14-
#### Config Saving Methods
14+
### Config Saving Methods
1515
When updating the config through the JSON editor in the UI, you have two save options: **Local** or **Write to Disk**. Changes saved locally will only be applied to the current user through the browser, and to apply to other instances, you either need to use the cloud sync feature, or manually update the conf.yml file. On the other-hand, if you choose to write changes to disk, then your main `conf.yml` file will be updated, and changes will be applied to all users, and visible across all devices.
1616

17-
#### Preventing Changes being Written to Disk
17+
### Preventing Changes being Written to Disk
1818
To disallow any changes from being written to disk, then set `appConfig.allowConfigEdit: false`. If you are using users, and have setup `auth` within Dashy, then only users with `type: admin` will be able to write config changes to disk.
1919

2020
It is recommended to make a backup of your config file.
2121

2222
All fields are optional, unless otherwise stated.
2323

24-
#### Top-Level Fields
24+
### Top-Level Fields
2525

2626
**Field** | **Type** | **Required**| **Description**
2727
--- | --- | --- | ---
@@ -31,7 +31,7 @@ All fields are optional, unless otherwise stated.
3131

3232
**[⬆️ Back to Top](#configuring)**
3333

34-
#### `PageInfo`
34+
### `PageInfo`
3535

3636
**Field** | **Type** | **Required**| **Description**
3737
--- | --- | --- | ---
@@ -42,7 +42,7 @@ All fields are optional, unless otherwise stated.
4242

4343
**[⬆️ Back to Top](#configuring)**
4444

45-
#### `pageInfo.navLinks` _(optional)_
45+
### `pageInfo.navLinks` _(optional)_
4646

4747
**Field** | **Type** | **Required**| **Description**
4848
--- | --- | --- | ---
@@ -51,7 +51,7 @@ All fields are optional, unless otherwise stated.
5151

5252
**[⬆️ Back to Top](#configuring)**
5353

54-
#### `appConfig` _(optional)_
54+
### `appConfig` _(optional)_
5555

5656
**Field** | **Type** | **Required**| **Description**
5757
--- | --- | --- | ---
@@ -75,7 +75,7 @@ All fields are optional, unless otherwise stated.
7575

7676
**[⬆️ Back to Top](#configuring)**
7777

78-
#### `appConfig.auth` _(optional)_
78+
### `appConfig.auth` _(optional)_
7979

8080
**Field** | **Type** | **Required**| **Description**
8181
--- | --- | --- | ---
@@ -85,7 +85,7 @@ All fields are optional, unless otherwise stated.
8585

8686
**[⬆️ Back to Top](#configuring)**
8787

88-
#### `section`
88+
### `section`
8989

9090
**Field** | **Type** | **Required**| **Description**
9191
--- | --- | --- | ---
@@ -96,7 +96,7 @@ All fields are optional, unless otherwise stated.
9696

9797
**[⬆️ Back to Top](#configuring)**
9898

99-
#### `section.item`
99+
### `section.item`
100100

101101
**Field** | **Type** | **Required**| **Description**
102102
--- | --- | --- | ---
@@ -111,7 +111,7 @@ All fields are optional, unless otherwise stated.
111111

112112
**[⬆️ Back to Top](#configuring)**
113113

114-
#### `section.displayData` _(optional)_
114+
### `section.displayData` _(optional)_
115115

116116
**Field** | **Type** | **Required**| **Description**
117117
--- | --- | --- | ---
@@ -127,15 +127,15 @@ All fields are optional, unless otherwise stated.
127127

128128
**[⬆️ Back to Top](#configuring)**
129129

130-
#### `section.icon` and `section.item.icon`
130+
### `section.icon` and `section.item.icon`
131131

132132
**Field** | **Type** | **Required**| **Description**
133133
--- | --- | --- | ---
134134
**`icon`** | `string` | _Optional_ | The icon for a given item or section. Can be a font-awesome icon, favicon, remote URL or local URL. If set to `favicon`, the icon will be automatically fetched from the items website URL. To use font-awesome, specify the category, followed by the icon name, e.g. `fas fa-rocket`, `fab fa-monero` or `fal fa-duck` - note that to use pro icons, you mut specify `appConfig.fontAwesomeKey`. If set to `generative`, then a unique icon is generated from the apps URL or IP. You can also use hosted any by specifying it's URL, e.g. `https://i.ibb.co/710B3Yc/space-invader-x256.png`. To use a local image, first store it in `./public/item-icons/` (or `-v /app/public/item-icons/` in Docker) , and reference it by name and extension - e.g. set `image.png` to use `./public/item-icon/image.png`, you can also use sub-folders if you have a lot of icons, to keep them organised.
135135

136136
**[⬆️ Back to Top](#configuring)**
137137

138-
#### Example
138+
### Example
139139

140140
```yaml
141141
---

docs/showcase.md

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
# Dashy Showcase
2+
3+
> Do you use Dashy? Got a sweet dashboard? Submit it to the showcase! [See How](#submitting-your-dashboard)
4+
5+
### Home Lab 2.0
6+
7+
![screenshot-homelab](https://raw.githubusercontent.com/Lissy93/dashy/master/docs/showcase/1-home-lab-material.png)
8+
9+
---
10+
11+
### Networking Services
12+
13+
![screenshot-networking-services](https://raw.githubusercontent.com/Lissy93/dashy/master/docs/showcase/2-networking-services-minimal-dark.png)
14+
15+
---
16+
17+
### CFT Toolbox
18+
19+
![screenshot-cft-toolbox](https://raw.githubusercontent.com/Lissy93/dashy/master/docs/showcase/3-cft-toolbox.png)
20+
21+
---
22+
23+
### Bookmarks
24+
25+
![screenshot-bookmarks](https://raw.githubusercontent.com/Lissy93/dashy/master/docs/showcase/4-bookmarks-colourful.png)
26+
27+
---
28+
29+
### Project Management
30+
31+
![screenshot-project-managment](https://raw.githubusercontent.com/Lissy93/dashy/master/docs/showcase/5-project-managment.png)
32+
33+
---
34+
35+
## Submitting your Dashboard
36+
37+
#### How to Submit
38+
- Open an Issue
39+
- Open a PR
40+
41+
#### What to Include
42+
Please include the following information:
43+
- A single high-quality screenshot of your Dashboard
44+
- A short title (it doesn't have to be particularly imaginative)
45+
- An optional description, you could include details on anything interesting or unique about your dashboard, or say how you use it, and why it's awesome
46+
- Optionally leave your name or username, with a link to your GitHub, Twitter or Website
47+
48+
#### Template
49+
50+
If you're submitting a pull request, please use a format similar to this:
51+
52+
```
53+
### [Dashboard Name] (required)
54+
55+
> Submitted by [@username](https://github.com/user) (optional)
56+
57+
![dashboard-screenshot](/docs/showcase/screenshot-name.jpg) (required)
58+
59+
[An optional text description, or any interesting details] (optional)
60+
61+
---
62+
63+
```

docs/showcase/1-home-lab-material.png

187 KB
Loading
Loading

docs/showcase/3-cft-toolbox.png

79.6 KB
Loading
137 KB
Loading

docs/showcase/5-project-managment.png

122 KB
Loading

0 commit comments

Comments
 (0)