{"id":15044815,"url":"https://github.com/xvoland/gulp-xv-html-template","last_synced_at":"2026-02-09T23:03:23.236Z","repository":{"id":51081288,"uuid":"370307792","full_name":"xvoland/gulp-xv-HTML-Template","owner":"xvoland","description":"This Gulp-template script automatically optimise SVG-sprites, converts fonts from TTF/OTF to WOFF/WOFF2, converts from SCSS/SASS to CSS-style, optimize CSS-styles, merges and minifies CSS-styles, merges and minifies JavaScripts. And also, gives the ability to edit in a live browser.","archived":false,"fork":false,"pushed_at":"2021-12-24T20:31:50.000Z","size":65,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-08T05:35:49.001Z","etag":null,"topics":["gulp","gulp-starter","gulpfile","gulpjs","nodejs","npm","npm-scripts"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xvoland.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://www.paypal.me/xvoland/"]}},"created_at":"2021-05-24T10:06:37.000Z","updated_at":"2022-10-14T13:15:59.000Z","dependencies_parsed_at":"2022-09-03T13:01:50.347Z","dependency_job_id":null,"html_url":"https://github.com/xvoland/gulp-xv-HTML-Template","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/xvoland/gulp-xv-HTML-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xvoland%2Fgulp-xv-HTML-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xvoland%2Fgulp-xv-HTML-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xvoland%2Fgulp-xv-HTML-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xvoland%2Fgulp-xv-HTML-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xvoland","download_url":"https://codeload.github.com/xvoland/gulp-xv-HTML-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xvoland%2Fgulp-xv-HTML-Template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269794250,"owners_count":24476785,"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","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["gulp","gulp-starter","gulpfile","gulpjs","nodejs","npm","npm-scripts"],"created_at":"2024-09-24T20:51:04.868Z","updated_at":"2026-02-09T23:03:23.209Z","avatar_url":"https://github.com/xvoland.png","language":"JavaScript","funding_links":["https://www.paypal.me/xvoland/","https://paypal.me/xvoland'","https://paypal.me/xvoland","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=9D4YBRWH8QURU'"],"categories":[],"sub_categories":[],"readme":"# Gulp-xv-HTML-Template\n\nThis is a template for typical projects that are generated automatically by the [Gulp](https://gulpjs.com/) (Node.js).\n\nThis is Gulp-template script automatically:\n* using templates in HTML `@@include('_filename.html')`\n* compress HTML\n* converts from `SCSS/SASS` to CSS-style\n* optimize CSS-styles\n* merges and minifies CSS-styles\n* using templates in JavaScript `@@include('_filename.js')`\n* merges and minifies JavaScripts\n* optimize SVG-sprites\n* create WEBP images and replace `\u003cimg\u003e` tag to `\u003cpicture\u003e` (optional with [gulp-xv-webp](https://www.npmjs.com/package/gulp-xv-webp-html))\n* converts fonts from `TTF/OTF` to `WOFF/WOFF2`\n* SCSS - @mixin adptFonts() - dynamically changing the font-size for small screens (mobile phones)\n\n*and also, gives the ability to edit in a live browser.*\n\n\n## Install\n\nBefore starting, need to install the packages under console in the root of project\n```bash\n\u003e npm i\n```\n\n### Typical file structure\n```bash\n./app\n\t/fonts\n\t\t└── *.ttf or *.otf\n\t/icons\n\t\t└── *.svg\n\t/images\n\t/js\n\t/scss\n\t\t└── *.scss\n\t\t\n\tindex.html\n\t\ngulpfile.js\npackage.json\n```\n\n\n**Output project structure:**\n```bash\n./(project_folder_name)\n\t└──/css\n\t\t\tstyle.css\n\t\t\tstyle.min.css\n\t\t\n\t└──/fonts\n\t\t\t*.woff\n\t\t\t*.woff2\n\t\t\n\t└──/js\n\t\t\tlazysize.js\n\t\t\tlazysize.min.js\n\t\t\tmain.js\n\t\t\tmain.min.js\n\t\t\n\t└──/images\n\t\n\tindex.html\n\tindex.min.html\n```\n\n\n## Functions\n\nTo generate sprites from folder `./app/images/`\n```bash\n\u003e gulp svgSprite\n```\n\nAdd all fonts from folder `./app/fonts/` to `./app/scss/fonts.scss`\n```bash\n\u003e gulp fontsCSS\n```\n\n## Getting Started\n\n*Clone repo:*\n```bash\n\u003e git clone https://github.com/xvoland/Gulp-HTML-Template.git\n```\n\n*Install Packages:*\n```bash\n\u003e npm i\n```\n\n\nThe project has been created. Edit files...\n\n\n\n*Copy Fonts files to* `./app/fonts/`\n\n*Copy SVG files to* `./app/icons/`\n\n*Generate Sprite image:*\n```bash\n\u003e gulp svgSprite\n```\n\n*Generate Fonts CSS:*\n```bash\n\u003e gulp fontsCSS\n```\n\n*Run Gulp:*\n```bash\n\u003e gulp\n```\n\n**Enjoy editing with Live Update Browser http://localhost:3000**\n\n## Mixins\n### adptFonts(`\u003cScreen Size\u003e`, `\u003cMobile Size\u003e`)\n\n`Screen Size` - default font size for desktop\n\n`Mobile Size` - target font size for small screens\n\n```SCSS\n@include adptFonts(24, 18);\n```\n\n## TODO\n\n* [ ]  create a new/update this template project for PostCSS\n\n\n# Support and Donation\n\nI’ll continue to work and improve the script features regardless of the outcome of funding, because it's rewarding to see that people are using it and it does the job for them. Still I would appreciate your support in covering some of the expenses with the domain hosting and programming hours which are taken from my family time.\n\nDonate any amount for my projects \u003ca href='https://paypal.me/xvoland'\u003ehttps://paypal.me/xvoland\u003c/a\u003e\n\n\n\u003ca href='https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=9D4YBRWH8QURU'\u003e\u003cimg alt='Click here to lend your support to Extractor and make a donation!' src='https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif' border='0' /\u003e\u003c/a\u003e\n\n# Copyrights\n\n© 2021, Copyrights Vitalii Tereshchuk at https://dotoca.net","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxvoland%2Fgulp-xv-html-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxvoland%2Fgulp-xv-html-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxvoland%2Fgulp-xv-html-template/lists"}