Add demo pages with CodePen embeds (#639)

* Add demo pages with CodePen embeds

* Fix md list list spacing

* Fix lint

Author: glen-cheney

.github/dependabot.yml

@@ -6,7 +6,7 @@ updates:
       interval: monthly
     open-pull-requests-limit: 5
     groups:
-      support-dependencies:
+      minor-dependencies:
         applies-to: version-updates
         update-types:
           - 'minor'

apps/website/docs/demos.md

@@ -0,0 +1,9 @@
+---
+sidebar_position: 6
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Adding and removing items
+
+<CodePenEmbed penTitle="Shuffle v6 adding and removing elements" penId="yLParZL" penUser="Vestride" />

apps/website/docs/demos/adding-and-removing.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 7
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Animated viewport entry
+
+<CodePenEmbed penTitle="Shuffle v6 animated viewport entry" penId="jOaMMYj" penUser="Vestride" />

apps/website/docs/demos/animated-viewport-entry.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 11
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Async content
+
+<CodePenEmbed penTitle="Shuffle v6 async content" penId="mdqrYbG" penUser="Vestride" />

apps/website/docs/demos/async-content.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 2
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Basic layout
+
+<CodePenEmbed penTitle="Shuffle v6 basic layout template" penId="qrjOpX" penUser="Vestride" />

apps/website/docs/demos/basic-layout.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 8
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Bootstrap 3 grid
+
+<CodePenEmbed penTitle="Shuffle v6 bootstrap 3 grid" penId="xxPgzXq" penUser="Vestride" />

apps/website/docs/demos/bootstrap-3-grid.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 9
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Bootstrap 4 grid
+
+<CodePenEmbed penTitle="Shuffle v6 bootstrap 4 grid" penId="weWbJQ" penUser="Vestride" />

apps/website/docs/demos/bootstrap-4-grid.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 3
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Compound filters
+
+<CodePenEmbed penTitle="Shuffle v6 with TypeScript & compound filters" penId="qBVRKvx" penUser="Vestride" />

apps/website/docs/demos/compound-filters.mdx

@@ -0,0 +1,9 @@
+---
+sidebar_position: 1
+---
+
+import { CodePenEmbed } from '../../src/components/CodePenEmbed';
+
+# Homepage demo
+
+<CodePenEmbed penTitle="Shuffle v6 homepage demo" penId="ZVWmMX" penUser="Vestride" />