Update primercss.io website

[broccolini]

Make primercss.io a 1 page overview & archive old website

It's been killing me for a while that we have such an out of date public website. Most primer modules have up-to-date style documentation that is a lot more useful than the out of date website, and it's probably not very obvious to people that those docs are there.

We're making good progress on the new documentation website and our intention was to make primercss.io a 1 pager of information with links to install and overview of packages, and then link to the new style guide documentation. This update sets us up for that.

In this pr

• archives old site, with link to it in case people still want to access it
• makes primercss.io a 1 page overview with summary of packages, links to all the useful things such as installation instructions, the changelog, and all the modules.
• uses latest primer-css styles

This is what it looks like:

For a more robust implementation we should automate the list of modules in each meta-package as well as version numbers. I think this static page will do for now, but we could probably make this a jekyll site and borrow some of the scripts we're using in the new documentation to keep this up-to-date.

⚠️ This pr should not be shipped until we ship the 9.3.0 release which will contain the remaining documentation and consolidated changelog.

To do

• move site to it's own repo
• check the css maps correctly to the archived site - cc @jonrohan for halp with this
• Ship primer-css 9.3.0
• update favicon to new blue

cc @primer/design-systems

[mdo]

Is the intent to host any future Primer documentation on this site, or is it all going in our upcoming styleguide redesign?

[broccolini]

@mdo The intention is to host all style documentation and design guidelines in the new style guide, and for primer.io to be a 1 page overview of packages, and perhaps installation instructions, and to link to the style guide from there.

[jonrohan]

Missing a few /archive prefix links

[jonrohan]

I'd say not to rely on unpkg.com and just check in these build sources into this branch

[jonrohan]

Should be /archive/docs.css

[jonrohan]

needs /archive

[jonrohan]

needs /archive

[jonrohan]

needs /archive

[jonrohan]

needs /archive

[jonrohan]

needs /archive ?

[jonrohan]

This is good, but you moved the icon to archive. I think you should move it back since the new single page has it also.

[broccolini]

Thanks @jonrohan - I realized I didn't map any of the urls and meant to comment, will fix those up.

[broccolini]

@jonrohan @shawnbot I tried adding a package.json on this branch and installing primer but it gets "confused" and picks up node modules for dependencies from other branches (such as lerna and storybook). I think it might be better to move the website to it's own separate repo, that would also allow us to use gh pages to publish storybook or other pages that we want to look nice (the readme or /docs folder can be published and it uses primer markdown styles, here's an example from another repo). I'll add this to the agenda for our sync today.

[shawnbot]

I'm down with moving this into /docs.

[broccolini]

Closing this in favor of primer/primer.github.io#1