Skip to content

v7.0.0

Choose a tag to compare

@vocksel vocksel released this 10 Feb 14:53

It's time again for another site redesign!

We're taking a break from static sites, and diving into React. The site is going to be transformed into a hub of sorts, where people can view my best work in a central location. Each piece of work will be displayed on the homepage, and will have its own dedicated page with a comprehensive case study.

I wanted to learn a new web technology, and after looking over both Angular 2 and React, I settled on the latter. React should be a great platform to build my site off of, and the React Router looks incredibly promising for setting up all my pages.

This is the first release after moving over to React and getting all setup, there are currently very minimal styles as the next design is worked on and finalized. Now, without further ado, the changelog:

Website

  • Ported the site to React. 🎉

Styles

  • Removed the Table of Contents from main.scss. A comprehensive ToC would be nice to have, but I don't want to maintain it. It's fairly easy to scroll through main.scss and see everything that's imported, and you can check individual partials for more information, so hopefully that's enough.
  • Removed most of the site's styling. The site is going to be given a new design with different styling and layout. Removal of most current styles puts the project at a sort of "blank slate" to build off of later.
    • Removed .wrapper--content. We're now using a single .wrapper class to wrap all the content on the page. - Removed the site's title.
    • Removed the background image.
    • Removed images going from grayscale to color on scroll.
    • Removed most margins/padding.
    • Removed most header styles.
  • Using a sans-serif font everywhere. We've switched from a Droid Sans + Merriweather to just Roboto.
  • Edited note about importing inuitcss. We had an old comment mentioning how we import inuitcss with Gulp. Since we've ported over to Webpack, this comment has been updated to reflect that.

Other

  • Renamed the the serve script to start. This defines our webpack dev server as the default command. We can now use npm start instead of npm run serve.
  • Updated the license for this year. Two months in but at least it's updated now.
  • Added documentation to the deployment script.
  • Removed out old dependencies.

Screenshots

screen shot 2017-02-10 at 09 51 23-fullpage