[wip] Docs and Guidelines

[arunasank]

Fixes #398 and #386 when done.

Current Look

Things done

• Create markdown pages for the wiki content, after organising this content into sub-sections
• Placement for the docs page - this is going to be part of the footer
• Redesign the footer to be more balanced
• Bring more visibility to the media toolkit and to the organizational bylaws and articles of incorporation

TODO

• Design a layout for the docs page, and make decisions around including the markdown content here.
• Include Github in the list of social media links
• Remove Media Toolkit from the contact page, or modify its presence there, to reflect the new changes.

cc/ @hotosm/tech

[arunasank]

The GitHub SVG logo is from https://github.com/GoogleChrome/browser-bug-search/blob/master/img/octocat.svg. @willemarcel found this by looking for GitHub-Mark-Light (The name is from the GitHub resources for the logo). Would be nice to get a sense for how we generally do this for other icons.

[arunasank]

Docs landing page

---

An example docs page

---

Thanks for pairing with me to get the kinks sorted in these pages @smit1678.

• The individual docs pages now follow the layout of the page.html layout file.
• The docs landing page follows the layout of the groups.html layout file.
• We have a link to the #hotosm-website slack channel on each docs page.

@smit1678 @ramyaragupathy can one of you review this for me?

Some things I am specifically concerned about:

• The sizes of the colour tiles in the colours-fonts-logo page.

[ramyaragupathy]

Awesome 🎉 - added in style changes that worked for the logo file @arunasank. Other items that I feel could be modified:

Adjusting logos in the footer with the text height

Adding slack links in the sidebar text

[arunasank]

Thanks for reviewing @ramyaragupathy. ♥️

Adding slack links in the sidebar text

The support button leads to the slack channel. Can you clarify what you mean here?

@ramyaragupathy

[ramyaragupathy]

Didn't check the support button link to Slack @arunasank. That should work great.

[arunasank]

I'll reword that button text @ramyaragupathy. Thanks for the tip!

[smit1678]

@arunasank Awesome work. I made a couple changes to rearrange the post order, renamed some titles, and added some text.

[smit1678]

👍 Last review looks good. Made a quick adjustment to the footer to separate the Bylaws and Articles of Incorporation to be two lines which looks better. And then moved the social icons over to give more space to the footer to keep and keep in line with the original design.