Create Poetry/Image webpage template

[laura-reeve]

User Story: Standard Formatting URL: https://github.com/suwebdev/spring-ghost/wiki/User-Story:-Standard-Formatting Size: M

Reasoning: This sprint is about getting started and building the basic pieces of the website. Since the poetry/image content pages represent the heart of the website, we figured it would be a good idea to start here. Once this piece is in place, more user stories that depend on this piece can be implemented and explored.

The poetry/image webpage is the page that a user will land on once they select a poem or image to view from our database.

Tasks:

• Build the basic HTML structure of the poetry and image webpage template
• Use sample content
• Use sample design specs (color, font, placement, etc.) and link to "main.css" stylesheet
• Comment out notes for template - if too many comments, add a document to the Wiki and refer to it in comments
• Contact Bryan for Accessibility check upon completion
• Use nav bar button to link here and back to Home page - test functionality (use relative links)

[laura-reeve]

Basic HTML structure and CSS styles complete and ready for accessibility check on the "sample-page" branch. Basic styling and sample content inserted (public license). Added classes for title, author, date and link and ID's for poem and image content containers and all styles added to main.css file. I stacked the poem on top of the image for the initial example, but the final-result page will only display an image or poem, depending on what the user is looking for on the site. All comments added to sample-page.html page and main.css stylesheet (no need for an external document in the Wiki).