[WIP] Front end design & cleanup

[dignifiedquire]

Hopefully closes #11 soon.

Current version:

Todo

• Design
  • Base styles
  • Implement scroll spy for navigation
  • Dividers
  • Logo
• Development
  • Use webpack + harpjs for building
  • Live reloading all the things using browsersync
  • Linting with standard
  • Pull data from json/markdown files
• Build step
  • Integrate harp compile into make
  • Integrate webpack build into make
• Developer docs

---

You can run this via

$ npm install
$ npm i -g gulp
$ gulp serve
$ open http://localhost:3000

[jbenet]

are these required? why can't we keep these out? it makes it daunting to modify websites when suddenly you have to know a ton more tools and know how to debug them when something goes wrong.

there's a lot to be said for simplicity and reducing cognitive complexity to the user.

[dignifiedquire]

There are a couple of major points why I think we need them

• Manage dependencies using npm
• Consistency with other browser based modules like js-ipf-api
• Make my life easier when working on the code (livereload is really a must for web dev for me)

The only thing that might not be needed is harpjs, though it was just a lot faster for me to use something working like that, than implementing all the tooling manually.

For me this is a lot simpler and more straight forward setup, especially while working with it than it was before. Also this enables me to add things like proper minification and asset bundeling which we need to have to ship this.

[jbenet]

Ok sounds good. let's ship it

[jbenet]

@dignifiedquire this looks fantastic 👍 👏 i think this is the way to go.

[jbenet]

@dignifiedquire i'm super happy with how this turned out. thank you for taking all the feedback and finding a great way to satisfy all the crazy constraints, and still make it look great :) 👍

[dignifiedquire]

@dignifiedquire this looks fantastic i think this is the way to go.

Thanks, happy to hear that 🎉 🎈

[jbenet]

@dignifiedquire ahh sorry i merged too fast-- just recalled the open checkboxes. It's ok, maybe just continue with a PR on top.

[dignifiedquire]

@jbenet no problem, will continue to create prs for the rest of the issues