Merge pull request #268 from onflow/staging

Update Tutorial Links for Playground Examples

Author: codingone21

src/components/Examples.tsx

@@ -10,60 +10,62 @@ import ActionButton from 'components/ActionButton';
 
 const examples = [
   {
-    title: " First Steps",
+    title: ' First Steps',
     subtitle:
-      "Learn how to use smart contracts, switch accounts, and view account state.",
-    emoji: "🏃",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/01-first-steps/"
+      'Learn how to use smart contracts, switch accounts, and view account state.',
+    emoji: '🏃',
+    docsLink: 'https://docs.onflow.org/cadence/tutorial/01-first-steps/',
   },
   {
-    title: "Hello, World!",
+    title: 'Hello, World!',
     subtitle:
-      "Write your first contract on Flow. This is the perfect place to start to get the hang of the fundamentals of Cadence.",
-    emoji: "🌎",
-    projectLink: "https://play.onflow.org/f51905e8-6030-4641-9324-11a3f1a6091c",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/02-hello-world/"
+      'Write your first contract on Flow. This is the perfect place to start to get the hang of the fundamentals of Cadence.',
+    emoji: '🌎',
+    projectLink: 'https://play.onflow.org/f51905e8-6030-4641-9324-11a3f1a6091c',
+    docsLink: 'https://docs.onflow.org/cadence/tutorial/02-hello-world/',
   },
   {
-    title: "Mint Fungible Tokens",
+    title: 'Mint Fungible Tokens',
     subtitle:
-      "Create and sell digital assets of your own in this tutorial! This tutorial will teach you the basics of creating, storing, and moving digital assets and tokens.",
-    emoji: "💸",
-    projectLink: "https://play.onflow.org/50745fb6-77d5-4510-adfc-cf448fb043e1",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/03-fungible-tokens/"
+      'Create and sell digital assets of your own in this tutorial! This tutorial will teach you the basics of creating, storing, and moving digital assets and tokens.',
+    emoji: '💸',
+    projectLink: 'https://play.onflow.org/50745fb6-77d5-4510-adfc-cf448fb043e1',
+    docsLink: 'https://docs.onflow.org/cadence/tutorial/06-fungible-tokens/',
   },
   {
-    title: "Create Non-Fungible Tokens",
+    title: 'Create Non-Fungible Tokens',
     subtitle:
-      "Create and shape your own unique digital objects. Here you’ll learn what really makes blockchains magic - the ability for unique items to be created, shared, and stored forever.",
-    emoji: "😺",
-    projectLink: "https://play.onflow.org/524612f1-9921-4836-9b64-e7a7c8de81d6",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/04-non-fungible-tokens/"
+      'Create and shape your own unique digital objects. Here you’ll learn what really makes blockchains magic - the ability for unique items to be created, shared, and stored forever.',
+    emoji: '😺',
+    projectLink: 'https://play.onflow.org/ae2f2a83-6698-4e03-93cf-70d35627e28e',
+    docsLink:
+      'https://docs.onflow.org/cadence/tutorial/05-non-fungible-tokens-1/',
   },
   {
-    title: "Build a Marketplace",
+    title: 'Build a Marketplace',
     subtitle:
-      "Put it all together in a marketplace! This tutorial will teach you how to turn all the concepts you’ve learned into a place for people to share their creations with the community.",
-    emoji: "🤝",
-    projectLink: "https://play.onflow.org/45ae690e-c527-409c-970e-57f03df92790",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/05-marketplace-setup/"
+      'Put it all together in a marketplace! This tutorial will teach you how to turn all the concepts you’ve learned into a place for people to share their creations with the community.',
+    emoji: '🤝',
+    projectLink: 'https://play.onflow.org/45ae690e-c527-409c-970e-57f03df92790',
+    docsLink:
+      'https://docs.onflow.org/cadence/tutorial/08-marketplace-compose/',
   },
   {
-    title: "Expand Non-Fungible Tokens",
+    title: 'Expand Non-Fungible Tokens',
     subtitle:
-      "This tutorial is for the brave and the bold, an opportunity to discover what resources make possible - resources owning other resources. If you can imagine it, you can create it.",
-    emoji: "🤠",
-    projectLink: "https://play.onflow.org/cda4d057-5898-4a7f-be34-fd47ec75085f",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/07-resources-compose/"
+      'This tutorial is for the brave and the bold, an opportunity to discover what resources make possible - resources owning other resources. If you can imagine it, you can create it.',
+    emoji: '🤠',
+    projectLink: 'https://play.onflow.org/cda4d057-5898-4a7f-be34-fd47ec75085f',
+    docsLink: 'https://docs.onflow.org/cadence/tutorial/10-resources-compose/',
   },
   {
-    title: "Voting Contract",
+    title: 'Voting Contract',
     subtitle:
-      "With the advent of blockchain technology and smart contracts, it has become popular to try to create decentralized voting mechanisms that allow large groups of users to vote completely on chain",
-    emoji: "🗳️",
-    projectLink: "https://play.onflow.org/75a6ce58-74bb-468f-b7bd-425716c93c3e",
-    docsLink: "https://docs.onflow.org/cadence/tutorial/08-voting/"
-  }
+      'With the advent of blockchain technology and smart contracts, it has become popular to try to create decentralized voting mechanisms that allow large groups of users to vote completely on chain',
+    emoji: '🗳️',
+    projectLink: 'https://play.onflow.org/75a6ce58-74bb-468f-b7bd-425716c93c3e',
+    docsLink: 'https://docs.onflow.org/cadence/tutorial/09-voting/',
+  },
 ];
 
 const ExamplesContainer = styled(motion.div)`