Contribute case studies to the guide

[mouxdesign]

This initial commit is a draft version of the page guiding people on how to commit a case study to the guide.

👉 🎉 [Deploy preview]🎉 👈

[netlify]

✅ Deploy Preview for bitcoin-design-site ready!

Name	Link
🔨 Latest commit	255af12
🔍 Latest deploy log	https://app.netlify.com/sites/bitcoin-design-site/deploys/64d657c0b191e80008c2f861
😎 Deploy Preview	https://deploy-preview-1022--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]

Great to see this page take shape. I left a lot of small comments, hope it's all useful.

Make sure to preview the site on your local dev environment before you commit. When the site is getting built for your preview, it also looks for new images and compresses them. The images in this PR are not compressed and pretty huge. Since they are not primarily flat shapes and lines, JPEG will also be more appropriate for a better compression.

[mouxdesign]

Thanks a lot for going through all the code Christoph. I continued to work on it and accepted the copy edits.

Also the copy/url ones that I marked as resolved I fixed those in the latest commit in a batch.

Still to work on Images.

[rabbitholiness]

Just went through the page. Looks good to me.

The only additional thought I had was that it might be nice to have a sample "table of contents" or "structure" in the initial section, which let's the reader quickly get an idea of what a case study should contain, before they dive into the details of the page. Something like:

Example structure

1. How it started (Introduction)
2. User base
3. Methodology
4. Insights
5. Conclusion
6. Resources
7. Acknowledgement

[GBKS]

If you want to add a table of contents, you just need to add a bit of code, as follows:

{:.no_toc} tells it to not include the page title in the table of contents.

And the following snippet automatically creates a table of contents from the headers used on the page.

<div class="glossary-toc" markdown="1">
* Table of contents
{:toc}
</div>

[GBKS]

Lots of issues with images, please take another look.

[GBKS]

ACK. Let's get this merged. I think there could be some minor copy improvements, but those can be added in iterations as needed.