Twitter/Facebook Cards for Individual Care Cards

[bsalinas]

Watching @bethherlin interact with people on Twitter by quoting care cards(for instance, https://twitter.com/beth11herlin/status/755574139193290753) makes me think that we should enable twitter cards to show up for the individual care cards.

For instance, linking to http://care.cards/move-more would give you the twitter card version of the Move More card.

It is not a small task because Twitter Cards (And Facebook and so on) don't seem to run javascript, so a frontend heavy website won't really work.

I've played a bit with Jekyll (my go to for things like this) and have managed to have it generate (very basic) web pages for each of the cards with the appropriate meta tags.

I have the barebones example at https://github.com/bsalinas/example-care-cards.

Because it uses a custom plugin (https://github.com/avillafiorita/jekyll-datapage_gen) the site can't be hosted on Github Pages so I've uploaded a static copy of the content at https://github.com/bsalinas/public/.

This will let you go to https://cards-dev.twitter.com/validator and type in some of these:
http://bsalinas.com/public/nurses-save/
http://bsalinas.com/public/ask-questions/
http://bsalinas.com/public/examine-yourself/

You'll get an ugly twitter card (need to get smaller versions of the care cards), but it is a proof of concept.

If this is something you're interested in, I'd be happy to put some time against it. Given the way the current site is structured, it probably wouldn't be a huge endeavor to port the site to something like Jekyll. It could also be achieved by adding a PHP (or other) server in the mix.