Add ecash section to guide

[swedishfrenchpress]

Hey @GBKS @mouxdesign @danielnordh.

I am working on the ecash section for the design guide. I have some foundations laid down and would like to submit a Draft PR so I can preview it in a test environment.

I would like to keep pushing changes to the draft PR regularly as I will be adding illustrations, updating copy, moving things around etc...

I'm still rather new to this process so please let me know what are the best practices here.

Preview

[netlify]

✅ Deploy Preview for bitcoin-design-site ready!

Name	Link
🔨 Latest commit	ba2f380
🔍 Latest deploy log	https://app.netlify.com/sites/bitcoin-design-site/deploys/674db9ebd3d6750008bda7db
😎 Deploy Preview	https://deploy-preview-1093--bitcoin-design-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[GBKS]

Tons of progress since I last reviewed. It's looking really great.

There's some more minor formal stuff that I noticed that should be tweaked, such as:

• Removing the unused images_backup in cashu.md
• Making title capitalization consistent to sentence case (pages use a mix right now, sentence case is guide standard)
• Remove link to Mutiny Wallet, since that product is being shut down
• improveme typo at the top of the design practices page
• Next link on design practices page would go to private key management
• Don't define mobile and mobileRetina images if it's just the same as the non-retina image
• Page titles, editor's notes and next sentences at the bottom state that the pages are an introduction, a detailed summary, and a technical deep-dive. Need to pick one.
• recieves typo and duplicate image captions in the design practices page

I did not try to make a comprehensive list, so there's probably some more. But I think all this can be easily done in a follow-up PR.

The one thing that I think should be done before merging this one is to compress all the images (using ImageOptim, for example). You can reduce them by ~60%. That will help a lot with page load times. Doing that pre-merge keeps our repo history a little cleaner.

After that, maybe also resolve the ~30 unresolved conversations, and set up a follow-up PR for some of the fine-grained stuff. Let's get this thing out the door.

Congrats, sorry, and thanks for dealing with almost 350 comments on this PR. It's a beast.

[swedishfrenchpress]

• Removing the unused images_backup in cashu.md
  • Done
• Making title capitalization consistent to sentence case (pages use a mix right now, sentence case is guide standard)
  • Done
• Remove link to Mutiny Wallet, since that product is being shut down
  • Done
• improveme typo at the top of the design practices page
  • Fixed
• Next link on design practices page would go to private key management
  • Done
• Don't define mobile and mobileRetina images if it's just the same as the non-retina image
  • Each image file (image, retina, mobile, mobile retina) is different. The sizes vary between mobile and non-mobile, and the resolution differs between retina and non-retina versions. I followed the same conventions as the other pages.
• Page titles, editor's notes and next sentences at the bottom state that the pages are an introduction, a detailed summary, and a technical deep-dive. Need to pick one.
  • Fixed. Also added a link to the Figma illustration sources.
• recieves typo and duplicate image captions in the design practices page
  • Fixed

I also went back and made updates to the comments you left in September. I made the updates, left a comment, and resolved the comments.

I also ran all the images through ImageOptim. That made a huge difference. Saved a total of 6.2 MB. Thanks for sharing this tool.

[GBKS]

Handful of minor tweaks still. Then let's go.

[GBKS]

ACK. Let's go!

[danielnordh]

ACK. Let's merge!