docs(QUICKSTART): and reference in README

QUICKSTART.md

@@ -0,0 +1,39 @@
+# Quick Start
+
+Core-Styles is reusable CSS used by [TACC].
+
+## Basic Usage
+
+For a static website:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.base.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.cms.css" />
+```
+
+For a dynamic web application:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.base.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.portal.css" />
+```
+
+For just [custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) e.g. colors, size, spacing, et cetera:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.base.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/core-styles@2.25.3/dist/core-styles.portal.css" />
+```
+
+> [!TIP]
+> For UI patterns and demos, see https://tacc.utexas.edu/static/ui/.
+
+> [!NOTE]
+> For a more-detailed walkthrough and options, see [../HOWTO.md](../HOWTO.md).
+
+## Advanced Usage
+
+[Install into a Project via Node.](README.md#b-install-into-a-project)
+
+[Node.js]: https://nodejs.org/
+[TACC]: https://www.tacc.utexas.edu/

README.md

@@ -29,10 +29,10 @@ The shared styles for TACC WMA Workspace Portals & Websites
 
 ### A. Load from a Project
 
-> **Note**
+> [!NOTE]
 > This is likely the easier and simpler solution. Try this first.
 
-See [`HOWTO.md`](HOWTO.md).
+See [`QUICKSTART.md`](QUICKSTART.md).
 
 ### B. Install into a Project