Mad Men theme inspired coding project using plain html/css (although I love cats too!)
Download the source code with the following code as outlined below.
In the command line, run the following command to clone the repo
$ git clone git://github.com/wenima/madmen.git
Follow this link
- Bootstrap 3.3.7
- Atom
- http://codepen.io/wenima/ for testing various things
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
- Marc Kessler-Wenicker
This project is licensed under the MIT License
- Thanks to StackOverflow for finding the answer to some bootstrap related questions (although it sometimes sent me on a wild goose chase)
- Codecademy for teaching the basics in HTML/CSS
- The awesome show MadMen by Matthew Weiner on AMC
List of things I'm unhappy with in the project but did not have enough time/skill to fix/do right
- Not being able to get an individually compiled bootstrap with SASS going. The current css files pain me but setting up a best-practice SASS project (including automated compiles using gulp) turned out to be more time-consuming than expected.
- lots of use of fixed-heights or fixed-widths which breaks responsive design
- Screen Readers are not supported through ARIA roles etc
- using elements to be buttons which are not buttons
- spent a lot of time trying to figure out the underling in the h2 headers when apparently a simple
would have done the trick - didn't finish the carousel/slider to make it work and be styled like the mockup
##Observations
- the page 'contact' in the mockup is the only page where the footer has no gap to the element above. I was not sure if this was designed this way or not.