60's Rock Band Website Project

A simple website for a 60s rock band

See the live version on Github Pages

UX

The goal of the website is to allow the fans to see photos of the band, connect with them on social platforms, get some more backstory and check their availibility to perform on weddings and such.

Features

• allows users to play media files directly from the website, this ensures that the files are always available as long as the website is functional.
• users can hover over each of the bottom images, revealing the assiociated artist's name and image color.

Existing Features

Allows the user to see appropriate content when clicking on an appropriate link

Features Left to Implement

• Availibility 'calendar' could be implemented in Javascript, fetching availibity data from a text file that would be easier to edit than directly in the html file.

Technologies Used

• HTML (https://www.w3.org/)
• CSS (https://www.w3.org/)
• Bootstrap (http://getbootstrap.com/)
• Javascript (https://developer.mozilla.org/en-US/docs/Web/JavaScript)

Testing

1. Checked if content is accessible in both desktop and mobile versions.
2. All links working correctly
3. Images on the bottom change color when you mouseover them, they also display name tooltip.

After deploying the project to Github Pages some media files won't load. Might be temporary (https://taigatenori.github.io/project1/index.html)

• this is fixed now, some paths had a forward slash ('/') in the beggining, which was working fine locally but not when deployed

Deployment

Deployed version is the development version - uses 'master' branch from GitHub.

I've started this project using Cloud9, then linked it to a repository on GitHub. From there project settings had an option to host my master branch on GitHub Pages

Credits

• Nishant Kumar (help with testing the website)
• Font Awesome (https://fontawesome.com/) (for being awesome)

Content

• The text for section About Us was copied from the Wikipedia

Media

• The photos and media files used in this site were obtained from codeinstitute's github

Acknowledgements

• I received inspiration for this project from CodeInstitute project outline.