{"id":17471661,"url":"https://github.com/akasharojee/dethfest","last_synced_at":"2026-01-11T01:23:33.020Z","repository":{"id":48952492,"uuid":"380956396","full_name":"AkashaRojee/dethfest","owner":"AkashaRojee","description":"Responsive mobile-first website built with HTML5, Sass, JS \u0026 Jekyll","archived":false,"fork":false,"pushed_at":"2022-02-21T15:18:54.000Z","size":9940,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-05T23:42:46.687Z","etag":null,"topics":["css","html","javascript","jekyll","microverse","sass","scss"],"latest_commit_sha":null,"homepage":"https://AkashaRojee.github.io/dethfest","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AkashaRojee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-28T08:14:43.000Z","updated_at":"2022-02-21T12:51:13.000Z","dependencies_parsed_at":"2022-09-24T00:50:49.406Z","dependency_job_id":null,"html_url":"https://github.com/AkashaRojee/dethfest","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkashaRojee%2Fdethfest","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkashaRojee%2Fdethfest/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkashaRojee%2Fdethfest/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkashaRojee%2Fdethfest/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AkashaRojee","download_url":"https://codeload.github.com/AkashaRojee/dethfest/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246378300,"owners_count":20767620,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","javascript","jekyll","microverse","sass","scss"],"created_at":"2024-10-18T16:43:54.156Z","updated_at":"2026-01-11T01:23:32.978Z","avatar_url":"https://github.com/AkashaRojee.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet)\n\n# Dethfest\n\n\u003e Website for Dethfest concert\n\n![screenshot](images/dethfest-mobile.png)\n\n![screenshot](images/dethfest-desktop.png)\n\nThis 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.\n\nIt is built with HTML5, Sass, JS, and Jekyll.\n\n# Project Highlights: [view video presentation](https://www.loom.com/share/e495c1f4cad846d8b3512d27eb620c33)\n\n### - Modularises HTML into [partials](https://github.com/AkashaRojee/dethfest/tree/main/_includes) using Jekyll, and uses a base HTML layout to build the final page\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/_layouts/default.html#L1-L32\n\n### - Reusable SCSS via libraries I custom-built over multiple projects\n\n#### Custom functionalities\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/css/imports/_custom.scss#L5-L31\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/css/imports/_custom.scss#L52-L67\n\n#### Custom responsive Flex CSS library\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/css/imports/_flex.scss#L7-L57\n\n#### Experimented with Sass mixins to create reusable and dynamic responsive styles\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/css/style.scss#L14-L73\n\nhttps://github.com/AkashaRojee/dethfest/blob/a0e4ccef42faa275b555d812a46d3f396d96b0a3/css/style.scss#L293-L319\n\n### - Repeating elements are dynamically populated using a structure I custom-built\n\nhttps://github.com/AkashaRojee/dethfest/blob/5ddd289753a2482d87cd656659ae527a1557ef19/js/dynamic-population.js#L67-L82\n\nhttps://github.com/AkashaRojee/dethfest/blob/5ddd289753a2482d87cd656659ae527a1557ef19/js/dynamic-population.js#L86-L99\n\n### - Created my own library functions\n\nhttps://github.com/AkashaRojee/dethfest/blob/5ddd289753a2482d87cd656659ae527a1557ef19/js/library.js#L3-L19\n\n## Built With\n\n- Major languages: HTML, CSS, JS\n- Others: SCSS, YAML, Liquid\n- Frameworks: Jekyll\n- Technologies used: Lighthouse, Webhint, Stylelint, ESLint\n\n## Live Demo\n\n[Live Demo Link](https://AkashaRojee.github.io/dethfest)\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\nJekyll - _\u003ca href=\"https://jekyllrb.com/docs/installation\" target=\"_blank\"\u003eview the Jekyll docs for the installation guide_\n\n### Usage\n\nThe HTML used throughout the website is broken down into partials stored in the `_includes` folder.\n\nThe base HTML layout for pages on the website is stored in the `_layouts` folder.\n\n_For more information, \u003ca href=\"https://jekyllrb.com/docs/structure\" target=\"_blank\"\u003eview the Jekyll docs about the directory structure\u003c/a\u003e_.\n\n### Deployment\n\nTo build the website, run the following command in the root of the repo:\n\n```\nbundle exec jekyll serve\n```\n\nThis creates a `_site` folder where the generated site will be placed.\n\nTo view the website, open the link of the server address displayed in the terminal\n\nAlternatively, to view the website automatically after building, run the the following command:\n\n```\nbundle exec jekyll serve --open-url\n```\n\n#### Note\n\n`_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.\n\n## Author\n\n👤 **Akasha Rojee**\n\n- GitHub: [@AkashaRojee](https://github.com/AkashaRojee)\n- Twitter: [@AkashaRojee](https://twitter.com/AkashaRojee)\n- LinkedIn: [Akasha Rojee](https://linkedin.com/in/AkashaRojee)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n  \n## Acknowledgements\n  \n- [Cindy Shin](https://www.behance.net/adagio07)\n\n## 📝 License\n\nThis project is [MIT](./MIT.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakasharojee%2Fdethfest","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakasharojee%2Fdethfest","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakasharojee%2Fdethfest/lists"}