Updated the index page complete with posts, categories, a pager etc
Updated global styling (header), as well as index page styling for posts, etc.
Added in the images for the blog posts
Added targeted styles (via media queries) to allow easier reading on handhelds (480px & less)
Used non-breaking spaces to fix spacing issues on home page
Added route to display new post form
Added footer styling to the global stylesheet
Made all urls to static files absoulte (by preceeding them with /)
Added in elasticize plugin to automatically resize text area to fit contents
Added template for new_post.html
Added styles for the new_post page
Added route to submit new post form
Modified all name attributes in the form, to collect their data into a -post- object for retrieval later
Changed font & line height for the body textarea
Updated the new_post template with a class of validate, for each of the major sections: title, body, categories & images. Also added a data-section attribute to describe each section for validation in js later. Finally I added an errors div to display error messages
Updated new_post stylsheet with styling for the errors div
Added new_post.js with function to validate form on submit
Added an error class to highlight problem fields
Did a bunch: 1. Added styling for the error info div 2. Removed the default error message from the errors div 3. Updated new_post.js with tests for the post title. 4. Also added in function to toggle the errors div depending on whether errors are present or not
Embedded allowed tags for post body in the new_post template