Add more description to expanded cards on Home Page

Jaqster commented 6 years ago

Hi Galen, Can you add some more text description to the Tutorials, and Example cards on the Home Screen? Right now they look very bare. Maybe just add things like: Level: Beginner / Intermediate / Advanced Description: In this project / step-by-step tutorial, you will build a program that will show an animation and play a sound when you shake the Circuit Playground Express. Materials: (if this is a Make projects)

ganicke commented 6 years ago

Sure, I'll give it a try. Don't think card rendering supports more than one paragraph so we might not get the coolness your looking for.

pelikhan commented 6 years ago

We should define these properties as metadata and special render them.

ganicke commented 6 years ago

Yea, add some more stuff to the 'schema' for cardType: "gallery" and render in separate \<p> elements.

{
  "name": "Hot Potato",
  "url":"/projects/hot-potato",
  "imageUrl":"/static/cp/projects/thumb/hot-potato.jpg",
  "description": "Pass on the potato before you get burned! Lights and sounds let you know if it's still cool or if you just got scorched.",
  "materials": ["Tape", "Paper sheet"],
  "level": "Beginner",
  "cardType": "gallery"
}

ganicke commented 6 years ago

What does @samelhusseini think?

pelikhan commented 6 years ago

We should start with level probably.

From: Galen Nickel notifications@github.com Sent: Friday, February 9, 2018 3:35:52 PM To: Microsoft/pxt-adafruit Cc: Peli de Halleux; Comment Subject: Re: [Microsoft/pxt-adafruit] Add more description to expanded cards on Home Page (#630)

What does @samelhusseinihttps://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fsamelhusseini&data=04%7C01%7Cjhalleux%40microsoft.com%7Cdc669176952645329d0c08d57015dbf9%7Cee3303d7fb734b0c8589bcd847f1c277%7C1%7C0%7C636538161550493574%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwifQ%3D%3D%7C-1&sdata=r%2B801csG87h3MDfAPunbzP702Nes4JO4XQo0fgBMCsU%3D&reserved=0 think?

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FMicrosoft%2Fpxt-adafruit%2Fissues%2F630%23issuecomment-364600039&data=04%7C01%7Cjhalleux%40microsoft.com%7Cdc669176952645329d0c08d57015dbf9%7Cee3303d7fb734b0c8589bcd847f1c277%7C1%7C0%7C636538161550503582%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwifQ%3D%3D%7C-1&sdata=Twgu35bD%2BJ9dwciRqgGoYlgPvWlv05D3ROrjS1eB45g%3D&reserved=0, or mute the threadhttps://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAD-4KZX0TeDzRT11ll8jpnLWxIx1yYOsks5tTNZXgaJpZM4SAZdb&data=04%7C01%7Cjhalleux%40microsoft.com%7Cdc669176952645329d0c08d57015dbf9%7Cee3303d7fb734b0c8589bcd847f1c277%7C1%7C0%7C636538161550503582%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwifQ%3D%3D%7C-1&sdata=ucO84jGuOjEw2LXUlYA2S5Ycp9%2F0dRbhT2%2F2kQ88oFM%3D&reserved=0.

microsoft / pxt-adafruit

Add more description to expanded cards on Home Page #630