Make titles consistently sentence case; set featured tutorials. (#824)

Author: Arthur Evans

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

@@ -1,12 +1,12 @@
 {
-  "header": "Intro to AsyncDirectives",
+  "header": "Intro to async directives",
   "difficulty": "Advanced",
   "size": "small",
   "duration": 30,
   "category": "Learn",
   "steps": [
     {
-      "title": "Introduction to AsyncDirective",
+      "title": "Introduction",
       "noSolve": true
     },
     {
@@ -42,4 +42,4 @@
       "hasAfter": true
     }
   ]
-}
+}

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

@@ -1,5 +1,5 @@
 {
-  "header": "Build an Animated Carousel Element",
+  "header": "Build an animated carousel element",
   "difficulty": "Intermediate",
   "size": "small",
   "duration": 30,
@@ -40,4 +40,4 @@
       "noSolve": true
     }
   ]
-}
+}

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

@@ -6,7 +6,7 @@
   "category": "Learn",
   "steps": [
     {
-      "title": "Reactivity",
+      "title": "Introduction",
       "noSolve": true
     },
     {
@@ -34,4 +34,4 @@
       "hasAfter": true
     }
   ]
-}
+}

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

@@ -1,12 +1,12 @@
 {
-  "header": "Build a Tooltip Element",
+  "header": "Build a tooltip element",
   "difficulty": "Advanced",
   "size": "small",
   "duration": 30,
   "category": "Build",
   "steps": [
     {
-      "title": "Build a Tooltip Element",
+      "title": "Introduction",
       "noSolve": true
     },
     {
@@ -22,22 +22,22 @@
       "title": "Positioning"
     },
     {
-      "title": "Better Positioning"
+      "title": "Better positioning"
     },
     {
       "title": "Animation"
     },
     {
-      "title": "Lazy Creation",
+      "title": "Lazy creation",
       "hasAfter": true
     },
     {
-      "title": "Using a Directive",
+      "title": "Using a directive",
       "hasAfter": true
     },
     {
       "title": "Congratulations!",
       "noSolve": true
     }
   ]
-}
+}

packages/lit-dev-content/samples/tutorials/word-viewer/tutorial.json

@@ -1,45 +1,45 @@
 {
-    "header": "Build a Word Viewer!",
-    "difficulty": "Beginner",
-    "size": "small",
-    "duration": 30,
-    "category": "Build",
-    "steps": [
-      {
-        "title": "What you'll build!",
-        "hasAfter": true
-      },
-      {
-        "title": "Defining the Word Viewer!",
-        "hasAfter": true
-      },
-      {
-        "title": "Passing in properties with attributes!",
-        "hasAfter": true
-      },
-      {
-        "title": "One single word at a time!",
-        "hasAfter": true
-      },
-      {
-        "title": "Lifecycle and cycling the words!",
-        "hasAfter": true
-      },
-      {
-        "title": "Some Styles!",
-        "hasAfter": true
-      },
-      {
-        "title": "Some Events!",
-        "hasAfter": true
-      },
-      {
-        "title": "Dynamic Styles!",
-        "hasAfter": true
-      },
-      {
-        "title": "Conclusion!",
-        "noSolve": true
-      }
-    ]
-  }
+  "header": "Build a word viewer!",
+  "difficulty": "Beginner",
+  "size": "small",
+  "duration": 30,
+  "category": "Build",
+  "steps": [
+    {
+      "title": "What you'll build!",
+      "hasAfter": true
+    },
+    {
+      "title": "Defining the word viewer!",
+      "hasAfter": true
+    },
+    {
+      "title": "Passing in properties with attributes!",
+      "hasAfter": true
+    },
+    {
+      "title": "One single word at a time!",
+      "hasAfter": true
+    },
+    {
+      "title": "Lifecycle and cycling the words!",
+      "hasAfter": true
+    },
+    {
+      "title": "Some styles!",
+      "hasAfter": true
+    },
+    {
+      "title": "Some events!",
+      "hasAfter": true
+    },
+    {
+      "title": "Dynamic styles!",
+      "hasAfter": true
+    },
+    {
+      "title": "Conclusion!",
+      "noSolve": true
+    }
+  ]
+}

packages/lit-dev-content/samples/tutorials/working-with-lists/tutorial.json

@@ -1,5 +1,5 @@
 {
-  "header": "Working with Lists",
+  "header": "Working with lists",
   "difficulty": "Beginner",
   "size": "small",
   "duration": 20,

packages/lit-dev-content/site/tutorials/tutorials.11tydata.js

@@ -66,16 +66,16 @@ module.exports = async () => {
   const tutorials = await Promise.all([
     // Learn
     loadTutorialData('intro-to-lit', {featured: {position: 0}}),
-    loadTutorialData('working-with-lists'),
+    loadTutorialData('working-with-lists', {featured: {position: 1}}),
     loadTutorialData('reactivity'),
-    loadTutorialData('custom-attribute-converter', {featured: {position: 2}}),
-    loadTutorialData('async-directive', {featured: {position: 1}}),
+    loadTutorialData('custom-attribute-converter'),
+    loadTutorialData('async-directive'),
 
 
     // Build
     loadTutorialData('svg-templates'),
     loadTutorialData('tooltip'),
-    loadTutorialData('carousel'),
+    loadTutorialData('carousel', {featured: {position: 2}}),
     loadTutorialData('word-viewer'),
 
     // Draft