[feature] add Learn catalog page at lit.dev/learn (#1160)

Author: AndrewJakubowicz

package-lock.json

@@ -61,7 +61,8 @@
     }
   },
   "devDependencies": {
-    "playground-elements": "^0.18.1",
+    "gray-matter": "^4.0.3",
+    "playground-elements": "^0.18.0",
     "prettier": "^2.1.2",
     "typescript": "~4.7.4",
     "wireit": "^0.14.0"

package.json

@@ -197,8 +197,8 @@
     "@lit-labs/motion": "^1.0.1",
     "@lit-labs/react": "^1.0.8",
     "@lit-labs/task": "^3.0.2",
-    "@lit/localize": "^0.10.0",
     "@lit/context": "^1.0.0 || 1.0.0-pre.0",
+    "@lit/localize": "^0.10.0",
     "@lit/react": "^1.0.0 || 1.0.0-pre.0",
     "@lit/task": "^1.0.0 || 1.0.0-pre.0",
     "@material/mwc-button": "^0.27.0",
@@ -208,6 +208,7 @@
     "@material/mwc-formfield": "^0.27.0",
     "@material/mwc-snackbar": "^0.27.0",
     "@material/mwc-textfield": "^0.27.0",
+    "@material/web": "^1.0.1",
     "@webcomponents/template-shadowroot": "^0.2.1",
     "algoliasearch": "^4.14.2",
     "lit": "^2.7.4",

packages/lit-dev-content/package.json

@@ -48,6 +48,7 @@ export default [
       'lib/global/hydrate-common-components.js',
       'lib/pages/docs.js',
       'lib/pages/home.js',
+      'lib/pages/learn.js',
       'lib/pages/home-components.js',
       'lib/pages/playground-inline.js',
     ],

packages/lit-dev-content/rollup.config.js

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 30,
   "category": "Learn",
+  "date": "2022-05-13",
   "steps": [
     {
       "title": "Introduction",

packages/lit-dev-content/samples/tutorials/async-directive/tutorial.json

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 30,
   "category": "Build",
+  "date": "2022-04-29",
   "steps": [
     {
       "title": "Introduction",

packages/lit-dev-content/samples/tutorials/carousel/tutorial.json

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 16,
   "category": "Learn",
+  "date": "2022-05-22",
   "steps": [
     {
       "title": "Custom attribute converters",

packages/lit-dev-content/samples/tutorials/custom-attribute-converter/tutorial.json

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 20,
   "category": "Learn",
+  "date": "2023-08-01",
   "steps": [
     {
       "title": "Introduction",

packages/lit-dev-content/samples/tutorials/intro-to-lit/tutorial.json

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 20,
   "category": "Learn",
+  "date": "2022-05-06",
   "steps": [
     {
       "title": "Introduction",

packages/lit-dev-content/samples/tutorials/reactivity/tutorial.json

@@ -4,6 +4,7 @@
   "size": "small",
   "duration": 45,
   "category": "Build",
+  "date": "2022-05-05",
   "steps": [
     {
       "title": "Pattern making with SVG",