982628 - Web Literacy Map should be downloadable and printable

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Cassie McDaniel [:cassiemc]]

The community team says a downloadable PDF of the Web Lit Map would be helpful, so this should be available from webmaker.org. I see this living under https://webmaker.org/literacy and linkable from webmaker.org/explore.

Wondering if we can streamline this step and make the extended web documentation (bug 982625) both print-ready and downloadable as a pdf.

Should have version number that matches the web documentation.

Comment 1

[[:dajbelshaw] Doug Belshaw]

AFAIK the existing image at webmaker.org/literacy was created for the downloadable PDF. We should definitely still have a CTA for localising the WebLitMap, but I think the main CTA should be downloading the PDF for using offline / emailing / generally spreading the love. :-)

Comment 2

[Cassie McDaniel [:cassiemc]]

If the goal is sharability, some insights from Adam on bug 980153 might be relevant/interesting. Seems like it's inline with your thinking, Doug :)

Comment 3

[[:dajbelshaw] Doug Belshaw]

Cool. Love Adam's comment about a single, clear CTA. How would we know when people were 'done' with the Web Literacy Map? When they click away from the page? 

I suppose we could test after someone clicks the PDF download and take them to a social media share page? Just a thought. :-)

Comment 4

[inactivate account for kate]

Sounds doable, it would be easier to version/localize something that is in printable HTML rather than images/pdf

Comment 5

[inactivate account for kate]

Attachment: https://github.com/mozilla/webmaker.org/pull/666/files

Comment 6

[inactivate account for kate]

Comment on attachment 8399659 [details]
https://github.com/mozilla/webmaker.org/pull/666/files

I'm trying to figure out how to get other languages to work, it might be a bit out of scope.

Maybe take a look at https://github.com/devongovett/pdfkit/pull/53 and see if you can help?

Comment 7

[Ali Al Dallal [:alicoding]]

Comment on attachment 8399659 [details]
https://github.com/mozilla/webmaker.org/pull/666/files

The only solution here would be to provide fonts for each language that is UTF-8 like Thai, Khmer, Chinese etc.

We will have to register font and include them for each locale and I think this is the only solution so far (based on my research)

> doc.registerFont('Loma', 'public/resources/fonts/Loma.ttf')
> doc.font('Loma')

This one is Thai font

https://dl.dropboxusercontent.com/spa/n5v3bx9nnjkdpzf/12tvwwc5.png

Comment 8

[inactivate account for kate]

Attachment: https://github.com/mozilla/webmaker.org/pull/678

In favour of supporting all languages, let's go the route of improving html printing.

Comment 9

[Ali Al Dallal [:alicoding]]

Comment on attachment 8404721 [details] [review]
https://github.com/mozilla/webmaker.org/pull/678

Nice approach Kate! :)

Comment 10

[[github robot]]

Commit pushed to master at https://github.com/mozilla/webmaker.org

https://github.com/mozilla/webmaker.org/commit/b40e1c75c5039be8a8747c824b32dc4bcf236c25
Bug 982628 - Update /literacy for print, update clearfix mixin