22 feature/pages

[Thenlie]

Pages and navigation created ✅

The site has been completely overhauled on the front end! A navigation bar (fully mobile responsive) has been added and Vue Router was used to create pages for different components.

Closes #22

Pages

Home:
The main page of the app. Where the maze generator will live.

About:
I plan on filling this page out next with information about the application.

Code:
This is not actually a page, just a link to the GitHub repository. I mostly created this to have a 3rd link in the nav. Perhaps we can replace this and instead add an to a footer.

Page creation

To create a page you will need to do a few things.

1. Create a new vue page in the /views directory. You will need some sort of <template> to render.
2. Go to main.js and add a new route to the createRouter function. You can follow the other paths to get an idea of how it works. Be sure to import the views file at the top of main.js
3. Go see your new page! You can add a router-link or just navigate there in the browser with the path you created.

Screenshot

Colors

The hex codes for blue, red and yellow are as follows:

#2A6EDB // blue
#F25757 // red
#F2E863 // yellow

[maxh1231]

I put a lot of effort into this, alright?

[phillpeters]

I love it man! You're taking this project to new heights.