Better dashboard

Author: cwickham

brand/brand-simple/README.md

@@ -1,12 +1,15 @@
 # brand-simple
 
 
+<https://examples.quarto.pub/brand-simple/>
+
 This is a simple example of using
 [**brand.yml**](https://posit-dev.github.io/brand-yml/) across a range
 of Quarto supported formats.
 
-The project is a website with a single document `index.qmd` that is
-rendered multiple formats: `html`, `revealjs`, `dashboard`, `typst`.
+The project is a website with a homepage, `index.qmd`, that is rendered
+to multiple formats: `html`, `revealjs`, and `typst`, and a dashboard,
+`dashboard.qmd`.
 
 The brand information stored in `_brand.yml` is:
 

brand/brand-simple/README.qmd

@@ -7,7 +7,7 @@ format: gfm
 
 This is a simple example of using [**brand.yml**](https://posit-dev.github.io/brand-yml/) across a range of Quarto supported formats.
 
-The project is a website with a single document `index.qmd` that is rendered multiple formats: `html`, `revealjs`, `dashboard`, `typst`.
+The project is a website with a homepage, `index.qmd`, that is rendered to multiple formats: `html`, `revealjs`, and `typst`, and a dashboard, `dashboard.qmd`.
 
 
 The brand information stored in `_brand.yml` is:

brand/brand-simple/dashboard.qmd

@@ -0,0 +1,24 @@
+---
+title: "Dashboard"
+format: dashboard
+---
+
+## Row
+
+::: {.valuebox icon="currency-dollar" color="primary"}
+Sales
+
+5.6k
+:::
+
+::: {.valuebox icon="graph-up" color="primary"}
+Change
+
+22%
+:::
+
+{{< lipsum 1 >}}
+
+## Row
+
+{{< placeholder 400 100 format=svg >}}

brand/brand-simple/index.qmd

@@ -3,7 +3,7 @@ title: "Brand"
 format:
   html: 
     other-links:
-      - href: index-dashboard.html
+      - href: dashboard.html
         icon: speedometer
         text: Dashboard
   typst: default
@@ -20,3 +20,9 @@ This is a document themed using [**brand.yml**](https://posit-dev.github.io/bran
 ## Subheading
 
 {{< lipsum 1 >}}
+
+::: {.content-visible when-format="dashboard"}
+
+
+
+:::