{"id":19638795,"url":"https://github.com/rafibomb/gulp-sass-handlebars-template","last_synced_at":"2026-05-05T00:32:03.752Z","repository":{"id":47822747,"uuid":"262360712","full_name":"rafibomb/gulp-sass-handlebars-template","owner":"rafibomb","description":"Build your project with this powerful started template. Part Static Site Generator, part build system.","archived":false,"fork":false,"pushed_at":"2022-10-30T18:47:29.000Z","size":17130,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-09T17:49:09.625Z","etag":null,"topics":["autoprefixer","browsersync","gulp","handlebars","livereload","mixins","panini","reset","sass","scss","svg-injector","webpack"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/rafibomb.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","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":"2020-05-08T15:32:38.000Z","updated_at":"2021-08-12T18:30:39.000Z","dependencies_parsed_at":"2023-01-20T11:00:09.458Z","dependency_job_id":null,"html_url":"https://github.com/rafibomb/gulp-sass-handlebars-template","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/rafibomb%2Fgulp-sass-handlebars-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafibomb%2Fgulp-sass-handlebars-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafibomb%2Fgulp-sass-handlebars-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafibomb%2Fgulp-sass-handlebars-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rafibomb","download_url":"https://codeload.github.com/rafibomb/gulp-sass-handlebars-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240942585,"owners_count":19882242,"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":["autoprefixer","browsersync","gulp","handlebars","livereload","mixins","panini","reset","sass","scss","svg-injector","webpack"],"created_at":"2024-11-11T12:40:25.925Z","updated_at":"2026-05-05T00:32:03.687Z","avatar_url":"https://github.com/rafibomb.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Starter Template\n\n[![devDependency Status](https://david-dm.org/zurb/foundation-zurb-template/dev-status.svg)](https://david-dm.org/zurb/foundation-zurb-template#info=devDependencies)\n\nIt has a Gulp-powered build system with these features:\n\n- Handlebars HTML templates with Panini\n- Sass compilation and autoprefixing\n- JavaScript module bundling with webpack\n- Built-in BrowserSync server\n- For production builds:\n  - CSS compression\n  - JavaScript module bundling with webpack\n  - Image compression\n\n## Installation\n\nTo use this template, your computer needs:\n\n- [NodeJS](https://nodejs.org/en/) (Version 12 recommended, tested with 12.16.3)\n- [Git](https://git-scm.com/)\n\n1. **Download or clone the template.**\n\n```bash\ngit clone git@github.com:rafibomb/gulp-sass-handlebars-template.git your_project_name\n```\n\n2. If you cloned, return (skip this step) :) Else if you downloaded, unzip and rename the file to your project name.\n\n3. Then open the folder in your command line, and install the needed dependencies:\n\n```bash\ncd your_project_name\nyarn\n```\n\n4. Run `yarn start` to run Gulp. Your compiled site will be created in a folder called `dist`, viewable at this URL:\n\n```\nhttp://localhost:8000\n```\n\nYou're ready to go!\n\n---\n\nTo create compressed, production-ready assets, run `yarn run build`.\n\n## Dev Dependencies\n\n#### SVG injector\n\n[npm](https://www.npmjs.com/package/svg-injector)\n\nWe are using SVG injector to allow SVG's to be manipulated with CSS from a simple `\u003cimg\u003e` tag. Pretty neat!\n\n**Usage**\nAdd the `inject-svg` attribute to any `img` where you'd need to manipulate with CSS.\n\n`\u003cimg inject-svg src=\"{{root}}assets/img/icons/test-icon.svg\" alt=\"test icon\"\u003e`\n\nThis will apply the `.injected-svg` class to the SVG. Any class you add to the img tag will be applied to the SVG.\n\n---\n\n#### AOS (Animate on Scroll)\n\n[Website](https://michalsnik.github.io/aos/)\n\n**Usage**\nAdd `data-aos` along with an animation name to an element. Delay is set in ms.\n\n`\u003cdiv data-aos=\"fade-up\" data-aos-delay=\"50\"\u003e\u003c/div\u003e`\n# muonspace\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafibomb%2Fgulp-sass-handlebars-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frafibomb%2Fgulp-sass-handlebars-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafibomb%2Fgulp-sass-handlebars-template/lists"}