dethfest
Dethfest
Website for Dethfest concert
This project is a responsive mobile-first website built as my HTML/CSS + JS capstone project at Microverse. It showcases a fictitious Metal concert called Dethfest.
It is built with HTML5, Sass, JS, and Jekyll.
Project Highlights: view video presentation
- Modularises HTML into partials using Jekyll, and uses a base HTML layout to build the final page
- Reusable SCSS via libraries I custom-built over multiple projects
Custom functionalities
Custom responsive Flex CSS library
Experimented with Sass mixins to create reusable and dynamic responsive styles
- Repeating elements are dynamically populated using a structure I custom-built
- Created my own library functions
Built With
- Major languages: HTML, CSS, JS
- Others: SCSS, YAML, Liquid
- Frameworks: Jekyll
- Technologies used: Lighthouse, Webhint, Stylelint, ESLint
Live Demo
Getting Started
To get a local copy up and running follow these simple example steps.
Prerequisites
Jekyll - view the Jekyll docs for the installation guide
Usage
The HTML used throughout the website is broken down into partials stored in the _includes folder.
The base HTML layout for pages on the website is stored in the _layouts folder.
For more information, view the Jekyll docs about the directory structure.
Deployment
To build the website, run the following command in the root of the repo:
bundle exec jekyll serve
This creates a _site folder where the generated site will be placed.
To view the website, open the link of the server address displayed in the terminal
Alternatively, to view the website automatically after building, run the the following command:
bundle exec jekyll serve --open-url
Note
_site is currently not included in .gitignore to allow linters in GitHub Actions workflows to run on the Jekyll-generated website instead of the partials.
Author
š¤ Akasha Rojee
- GitHub: @AkashaRojee
- Twitter: @AkashaRojee
- LinkedIn: Akasha Rojee
š¤ Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a āļø if you like this project!
Acknowledgements
š License
This project is MIT licensed.