pxt-adafruit icon indicating copy to clipboard operation
pxt-adafruit copied to clipboard

Add more description to expanded cards on Home Page

Open Jaqster opened this issue 7 years ago • 5 comments

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)

Jaqster avatar Feb 09 '18 19:02 Jaqster

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.

ganicke avatar Feb 09 '18 19:02 ganicke

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

pelikhan avatar Feb 09 '18 20:02 pelikhan

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 avatar Feb 09 '18 20:02 ganicke

What does @samelhusseini think?

ganicke avatar Feb 09 '18 23:02 ganicke

We should start with level probably.


From: Galen Nickel [email protected] 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.

pelikhan avatar Feb 09 '18 23:02 pelikhan