{"id":24976119,"url":"https://github.com/anthonyjdella/customized-jsonresume-theme-mocha-responsive","last_synced_at":"2025-03-29T08:20:40.142Z","repository":{"id":57097947,"uuid":"419937682","full_name":"anthonyjdella/customized-jsonresume-theme-mocha-responsive","owner":"anthonyjdella","description":"🍴I tweaked the 'Mocha Responsive' theme for JSON Resume","archived":false,"fork":false,"pushed_at":"2023-02-12T07:16:46.000Z","size":1158,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-05-01T17:27:00.018Z","etag":null,"topics":["json","resume"],"latest_commit_sha":null,"homepage":"https://resume.anthonydellavecchia.com/anthonyjdella?customTheme=mocha-responsive","language":"HTML","has_issues":false,"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/anthonyjdella.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-22T02:13:25.000Z","updated_at":"2023-04-10T20:27:35.000Z","dependencies_parsed_at":"2025-02-03T21:59:31.868Z","dependency_job_id":"a3ac314d-67e1-4413-af86-26833a282d04","html_url":"https://github.com/anthonyjdella/customized-jsonresume-theme-mocha-responsive","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anthonyjdella","download_url":"https://codeload.github.com/anthonyjdella/customized-jsonresume-theme-mocha-responsive/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246157392,"owners_count":20732608,"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":["json","resume"],"created_at":"2025-02-03T21:59:29.330Z","updated_at":"2025-03-29T08:20:40.105Z","avatar_url":"https://github.com/anthonyjdella.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Customized JSON Resume Theme: Mocha Responsive\n🖼️ This is a tweaked version of the [Mocha Responsive theme](https://github.com/karlitos/jsonresume-theme-mocha-responsive). Tweaked to fit my design preferences. Published on NPM and GitHub Registry.\n\n## Notable Changes\n\n* 2 Page version in PDF/printable mode \n* Added sections for speaking and articles\n* Style changes\n\n## Prerequisites\n\nTo build and start the local server, it needs to use the cli command, which is custom cli I tweaked.\n\n`npm i @anthonyjdella/customized-resume-cli`\n\n## How to Start\n\n`npm run start`\n\n## How to Change\n\n* `resume.hbs` is the order of the resume.\n* `views/components/` are the html files for each section\n* `styles/main.css` is the styling\n* To make changes to the PDF/printable version, make changes in the `@print` section of `styles/main.css`\n* Change version number in `package.json`\n* Deploy the changes via `npm publish --access public`\n* To see changes from `resume.anthonydellavecchia.com` you need to go to the [registry project](https://github.com/anthonyjdella/customized-registry-functions), then cd into `functions`, run `npm i` and `npm update`, then `firebase deploy`.\n\n## Usage\n* `npm run start` to start local server.\n\n## Content\n* `resume.hbs` template for resume.\n* `views/components/` main content which is injected into template (resume.hbs).\n* `views/partials/` secondary content which is injected into template (resume.hbs).\n* `index.js` helper functions \u0026 render function which renders the resuem.\n* `public/index.html` generated HTML after running `npm run build`.\n* `styles/main.css` style for the site.\n\n\u003cdetails\u003e\n  \u003csummary\u003eClick to expand README.md of the source repository!\u003c/summary\u003e\n\n# Theme mocha responsive\n\nDark, stylish theme strongly based on the [jsonresume-theme-caffeine](https://github.com/kelyvin/jsonresume-theme-caffeine) done by [Kelvin Nguyen](https://github.com/kelyvin). It's a theme for the [JSON Resume](http://jsonresume.org/) project and can by used with the [HackMyResume](https://github.com/hacksalot/HackMyResume) to generate nice resumes in many supported formats.\n\n![Screenshot](screenshot.png \"Preview of the resume\")\n\nThe theme uses [handlebars](https://handlebarsjs.com/) templating engine for rendering and utilizes [Font Awesome](https://fontawesome.com/). The generated HTML should have very good browser support by explicitly relying on older styling techniques. Although the theme is dark, there is separate tweaked styling for printing, with dark fonts on white background.\n\n![Print-preview](print-preview.png \"Preview of the printed output\")\n\nThe theme can be used with tools supporting asynchronous theme rendering. It converts local or remote profile images to Base64 format, including them directly in the markup, so the generated HTML file can be used standalone. For certain sections (_summary, work, education, volunteer ..._) Markdown markup is supported. __By default__, the image processing and Markdown support are disabled and can be enabled by setting RENDER_MARKDOWN or PROCESS_IMAGE environment variables to _true_.\n\nFor usage and issues associated with HackMyResume see the next section.\n\n## Using the theme\n\nThe theme supports the [HackMyResume](https://github.com/hacksalot/HackMyResume) tool and shall be fully compatible with [resume-cli](https://github.com/jsonresume/resume-cli). The theme was specifically developed for my own toolkit [KissMyResume](https://github.com/karlitos/KissMyResume) which can utilize the __async rendering__ and __markdown support__.\n\nInstall the theme from npm\n```bash\nnpm install jsonresume-theme-mocha-responsive\n```\n### Using with KissMyResume\n\nThe KissMyResume tool will automatically utilize async theme rendering and has support for Markdown markup and conversion of local and remote images to Base64. Set RENDER_MARKDOWN or PROCESS_IMAGE environment variables to _true_  to enable those features.\n\n```bash\nRENDER_MARKDOWN=true PROCESS_IMAGE=true kissmyresume build path-to-resume.json --theme jsonresume-theme-mocha-responsive/\n```\n\nYou can use the `serve` command for live in-Browser preview with hot-reloading on resume changes.\n\n```bash\nRENDER_MARKDOWN=true PROCESS_IMAGE=true kissmyresume serve path-to-resume.json --theme jsonresume-theme-mocha-responsive/\n```\n\n### Using with HackMyresume\n\nThe HackMyResume tool does not support async theme rendering, nor supports it helper transforming images to Base64 or converting markdown to HTML. Those helpers are disabled by default and yo should not use them with HackMyResume.\n\nDue to the [current bug](https://github.com/hacksalot/HackMyResume/issues/161) in the HackMyResume remote profile pictures are not supported. See [proposed workaround](https://github.com/hacksalot/HackMyResume/issues/161#issuecomment-441393008) in the comments.\n\n```bash\nhackmyresume build path-to-resume.json --theme node_modules/jsonresume-theme-mocha-responsive/\n```\n\n### Using with [resume-html](https://github.com/hankchiutw/resume-html)\n\nYou can render your resume in HTML (and print it to PDF) with the resume-html tool.\n\nSet RENDER_MARKDOWN or PROCESS_IMAGE environment variables to _true_ to enable Markdown support and conversion of local and remote images to Base64.\n\n```bash\nRENDER_MARKDOWN=true PROCESS_IMAGE=true path/to/resume-html/index.js outputFileName.html --resume path/to/resume.json --theme path/to/jsonresume-theme-mocha-responsive/\n```\n\n## License\n\nAvailable under [the MIT license](http://mths.be/mit).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanthonyjdella%2Fcustomized-jsonresume-theme-mocha-responsive/lists"}