{"id":21129016,"url":"https://github.com/mudaston/portfolio","last_synced_at":"2025-03-14T12:11:59.719Z","repository":{"id":45909081,"uuid":"461810451","full_name":"mudaston/Portfolio","owner":"mudaston","description":"This site is like a portfolio.","archived":false,"fork":false,"pushed_at":"2023-03-20T08:39:49.000Z","size":5455,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T06:08:29.539Z","etag":null,"topics":["autoprefixer","browsersync","clean-css","cleancss","file-include","gulp","gulp-file-include","gulp-html-min","gulp-imagemin","gulp-rename","gulp-uglify","htmlmin","learning","sass","study"],"latest_commit_sha":null,"homepage":"https://mudaston.github.io/Portfolio/","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/mudaston.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":"2022-02-21T10:28:05.000Z","updated_at":"2023-05-28T17:57:44.000Z","dependencies_parsed_at":"2022-08-23T05:20:17.027Z","dependency_job_id":null,"html_url":"https://github.com/mudaston/Portfolio","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/mudaston%2FPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudaston%2FPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudaston%2FPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mudaston%2FPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mudaston","download_url":"https://codeload.github.com/mudaston/Portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243573475,"owners_count":20312883,"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","clean-css","cleancss","file-include","gulp","gulp-file-include","gulp-html-min","gulp-imagemin","gulp-rename","gulp-uglify","htmlmin","learning","sass","study"],"created_at":"2024-11-20T05:13:40.096Z","updated_at":"2025-03-14T12:11:59.682Z","avatar_url":"https://github.com/mudaston.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :bookmark_tabs: Portfolio\n\n\u003cdiv\u003e\n\n\u003ca href=\"https://gulpjs.com/\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/gulp-4.0.2-CF4647?style=for-the-badge\u0026logo=gulp\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://sass-lang.com/\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/sass-5.1.0-CC6699?style=for-the-badge\u0026logo=Sass\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.npmjs.com/package/autoprefixer\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Autoprefixer-8.0.0-DD3735?style=for-the-badge\u0026logo=Autoprefixer\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://browsersync.io/\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/browser%20sync-2.27.7-ACEBB8?style=for-the-badge\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.npmjs.com/package/gulp-clean-css\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/clean%20css-4.3.0-F1CCAF?style=for-the-badge\"\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://www.npmjs.com/package/gulp-file-include\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/file%20include-2.3.0-1A5DE0?style=for-the-badge\"\u003e\n\u003c/a\u003e\n\n\u003c/div\u003e\n\n\u003cp\u003e\n\n![GitHub repo size](https://img.shields.io/github/repo-size/mudaston/Portfolio?style=for-the-badge)\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/mudaston/Portfolio?style=for-the-badge)\n\n\u003c/p\u003e\n\nThis site is for practice only, this is not my real portfolio.\n\n\u003cbr/\u003e\n\n## Demo\n\n[https://mudaston.github.io/Portfolio/](https://mudaston.github.io/Portfolio/)\n\n\u003cbr/\u003e\n\n## Screenshots\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/64277973/180057776-9207056a-e4bf-4422-a3d3-57a9a47b59f5.jpg\"\n     width=\"800\"\n/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/64277973/180057877-0979603f-cf27-42bd-a644-98b1d6bba0e8.jpg\"\n     width=\"800\"\n/\u003e\n\u003c/p\u003e\n\n## System Requirements\n\n- [git](https://git-scm.com/)\n- [NodeJS](https://nodejs.org/en/)\n\n\u003cbr/\u003e\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/mudaston/Portfolio.git\n```\n\nGo to the project directory\n\n```bash\n  cd Portfolio\n```\n\nInstall dependencies\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  gulp\n```\n\nOpen in a browser\n\n```bash\n  http://localhost:3000\n```\n\n\u003cbr/\u003e\n\n## Lessons Learned\n\nHow to switch site theme and move html blocks into separate files.\n\nSplitting html into different folders is very handy because all you need to do is include an html block and import scss styles into the section.\n\nYou can create style and media query files in the same layout folder without having to search for them.\n\n\u003cbr/\u003e\n\n## Additional\n\nit would have been much better if I had known the [gulp-file-include](https://www.npmjs.com/package/gulp-file-include) library earlier\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmudaston%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmudaston%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmudaston%2Fportfolio/lists"}